img.wp-smiley,img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

@charset "UTF-8";.wp-block-archives {
    box-sizing: border-box
}

.wp-block-archives-dropdown label {
    display: block
}

.wp-block-avatar {
    line-height: 0
}

.wp-block-avatar,.wp-block-avatar img {
    box-sizing: border-box
}

.wp-block-avatar.aligncenter {
    text-align: center
}

.wp-block-audio {
    box-sizing: border-box
}

.wp-block-audio figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-audio audio {
    min-width: 300px;
    width: 100%
}

.wp-block-button__link {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    word-break: break-word
}

.wp-block-button__link.aligncenter {
    text-align: center
}

.wp-block-button__link.alignright {
    text-align: right
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

.wp-block-button[style*=text-decoration] .wp-block-button__link {
    text-decoration: inherit
}

.wp-block-buttons>.wp-block-button.has-custom-width {
    max-width: none
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: calc(25% - var(--wp--style--block-gap, .5em)*.75)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
    width: calc(50% - var(--wp--style--block-gap, .5em)*.5)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
    width: calc(75% - var(--wp--style--block-gap, .5em)*.25)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
    flex-basis: 100%;
    width: 100%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
    width: 25%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
    width: 50%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
    width: 75%
}

.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared {
    border-radius: 0
}

.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius {
    border-radius: 0!important
}

.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link {
    border: 2px solid;
    padding: .667em 1.333em
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
    color: currentColor
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
    background-color: transparent;
    background-image: none
}

.wp-block-button .wp-block-button__link:where(.has-border-color) {
    border-width: initial
}

.wp-block-button .wp-block-button__link:where([style*=border-top-color]) {
    border-top-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-right-color]) {
    border-right-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]) {
    border-bottom-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-left-color]) {
    border-left-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-style]) {
    border-width: initial
}

.wp-block-button .wp-block-button__link:where([style*=border-top-style]) {
    border-top-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-right-style]) {
    border-right-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]) {
    border-bottom-width: medium
}

.wp-block-button .wp-block-button__link:where([style*=border-left-style]) {
    border-left-width: medium
}

.wp-block-buttons.is-vertical {
    flex-direction: column
}

.wp-block-buttons.is-vertical>.wp-block-button:last-child {
    margin-bottom: 0
}

.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin: 0
}

.wp-block-buttons.is-content-justification-left {
    justify-content: flex-start
}

.wp-block-buttons.is-content-justification-left.is-vertical {
    align-items: flex-start
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center
}

.wp-block-buttons.is-content-justification-center.is-vertical {
    align-items: center
}

.wp-block-buttons.is-content-justification-right {
    justify-content: flex-end
}

.wp-block-buttons.is-content-justification-right.is-vertical {
    align-items: flex-end
}

.wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between
}

.wp-block-buttons.aligncenter {
    text-align: center
}

.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
    text-decoration: inherit
}

.wp-block-buttons.has-custom-font-size .wp-block-button__link {
    font-size: inherit
}

.wp-block-button.aligncenter,.wp-block-calendar {
    text-align: center
}

.wp-block-calendar td,.wp-block-calendar th {
    border: 1px solid;
    padding: .25em
}

.wp-block-calendar th {
    font-weight: 400
}

.wp-block-calendar caption {
    background-color: inherit
}

.wp-block-calendar table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-calendar table:where(:not(.has-text-color)) {
    color: #40464d
}

.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th {
    border-color: #ddd
}

.wp-block-calendar table.has-background th {
    background-color: inherit
}

.wp-block-calendar table.has-text-color th {
    color: inherit
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: #ddd
}

.wp-block-categories {
    box-sizing: border-box
}

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-categories.wp-block-categories-dropdown.aligncenter {
    text-align: center
}

.wp-block-code {
    box-sizing: border-box
}

.wp-block-code code {
    display: block;
    font-family: inherit;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.wp-block-columns {
    align-items: normal!important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap!important
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap:nowrap!important
    }
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:100%!important
    }
}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:0;
        flex-grow: 1
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }
}

.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap!important
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
    flex-grow: 0
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
    width: 100%
}

.wp-block-post-comments {
    box-sizing: border-box
}

.wp-block-post-comments .alignleft {
    float: left
}

.wp-block-post-comments .alignright {
    float: right
}

.wp-block-post-comments .navigation:after {
    clear: both;
    content: "";
    display: table
}

.wp-block-post-comments .commentlist {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .commentlist .comment {
    min-height: 2.25em;
    padding-left: 3.25em
}

.wp-block-post-comments .commentlist .comment p {
    font-size: 1em;
    line-height: 1.8;
    margin: 1em 0
}

.wp-block-post-comments .commentlist .children {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .comment-author {
    line-height: 1.5
}

.wp-block-post-comments .comment-author .avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    margin-top: .5em;
    width: 2.5em
}

.wp-block-post-comments .comment-author cite {
    font-style: normal
}

.wp-block-post-comments .comment-meta {
    font-size: .875em;
    line-height: 1.5
}

.wp-block-post-comments .comment-meta b {
    font-weight: 400
}

.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
    display: block;
    margin-bottom: 1em;
    margin-top: 1em
}

.wp-block-post-comments .comment-body .commentmetadata {
    font-size: .875em
}

.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea {
    box-sizing: border-box;
    display: block;
    width: 100%
}

.wp-block-post-comments .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-top: .35em
}

.wp-block-post-comments .comment-reply-title {
    margin-bottom: 0
}

.wp-block-post-comments .comment-reply-title :where(small) {
    font-size: var(--wp--preset--font-size--medium,smaller);
    margin-left: .5em
}

.wp-block-post-comments .reply {
    font-size: .875em;
    margin-bottom: 1.4em
}

.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea {
    padding: calc(.667em + 2px)
}

:where(.wp-block-post-comments input[type=submit]) {
    border: none
}

.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous {
    margin-bottom: .5em;
    margin-right: .5em
}

.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child {
    margin-right: 0
}

.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
    display: inline-block;
    margin-right: 1ch
}

.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
    display: inline-block;
    margin-left: 1ch
}

.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-comments-pagination.aligncenter {
    justify-content: center
}

.wp-block-comment-template {
    box-sizing: border-box;
    list-style: none;
    margin-bottom: 0;
    max-width: 100%;
    padding: 0
}

.wp-block-comment-template li {
    clear: both
}

.wp-block-comment-template ol {
    list-style: none;
    margin-bottom: 0;
    max-width: 100%;
    padding-left: 2rem
}

.wp-block-comment-template.alignleft {
    float: left
}

.wp-block-comment-template.aligncenter {
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-comment-template.alignright {
    float: right
}

.wp-block-cover,.wp-block-cover-image {
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 430px;
    overflow: hidden;
    overflow: clip;
    padding: 1em;
    position: relative
}

.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]) {
    background-color: #000
}

.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient {
    background-color: transparent
}

.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before {
    background-color: inherit;
    content: ""
}

.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
    opacity: 1
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
    opacity: 0
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
    opacity: .1
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
    opacity: .2
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
    opacity: .3
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
    opacity: .4
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
    opacity: .5
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
    opacity: .6
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
    opacity: .7
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
    opacity: .8
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
    opacity: .9
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
    opacity: 1
}

.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-cover-image:after,.wp-block-cover:after {
    content: "";
    display: block;
    font-size: 0;
    min-height: inherit
}

@supports (position: sticky) {
    .wp-block-cover-image:after,.wp-block-cover:after {
        content:none
    }
}

.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright {
    display: flex
}

.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container {
    color: inherit;
    width: 100%;
    z-index: 1
}

.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color) {
    color: inherit
}

.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left {
    align-items: center;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center
}

.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: auto
}

.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

@supports (-webkit-touch-callout:inherit) {
    .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax {
        background-attachment: scroll
    }
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated {
    background-repeat: repeat;
    background-size: auto
}

.wp-block-cover__image-background,.wp-block-cover__video-background {
    z-index: 0
}

.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover {
    color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2 {
    font-size: 2em;
    line-height: 1.25;
    margin-bottom: 0;
    max-width: 840px;
    padding: .44em;
    text-align: center;
    z-index: 1
}

:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000
}

.wp-block-details {
    box-sizing: border-box;
    overflow: hidden
}

.wp-block-details summary {
    cursor: pointer
}

.wp-block-details>:not(summary) {
    margin-block-end:0;margin-block-start:var(--wp--style--block-gap)}

.wp-block-details>: last-child {
    margin-bottom:0
}

.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"] {
    max-width: 360px;
    width: 100%
}

.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
    min-width: 280px
}

.wp-block-cover .wp-block-embed {
    min-height: 240px;
    min-width: 320px
}

.wp-block-embed {
    overflow-wrap: break-word
}

.wp-block-embed figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-embed iframe {
    max-width: 100%
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
    padding-top: 177.77%
}

.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file:not(.wp-element-button) {
    font-size: .8em
}

.wp-block-file.aligncenter {
    text-align: center
}

.wp-block-file.alignright {
    text-align: right
}

.wp-block-file *+.wp-block-file__button {
    margin-left: .75em
}

:where(.wp-block-file) {
    margin-bottom: 1.5em
}

.wp-block-file__embed {
    margin-bottom: 1em
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images) {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    margin: 0 1em 1em 0;
    position: relative;
    width: calc(50% - 1em)
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    margin: 0
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
    display: block;
    height: auto;
    max-width: 100%;
    width: auto
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: .8em;
    margin: 0;
    max-height: 100%;
    overflow: auto;
    padding: 3em .77em .7em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
    display: inline
}

.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption {
    flex-grow: 1
}

.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
    flex: 1;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
    margin-right: 0;
    width: 100%
}

@media (min-width: 600px) {
    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
        margin-right:1em;
        width: calc(33.33333% - .66667em)
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
        margin-right: 1em;
        width: calc(25% - .75em)
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
        margin-right: 1em;
        width: calc(20% - .8em)
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
        margin-right: 1em;
        width: calc(16.66667% - .83333em)
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
        margin-right: 1em;
        width: calc(14.28571% - .85714em)
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
        margin-right: 1em;
        width: calc(12.5% - .875em)
    }

    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
        margin-right: 0
    }
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
    margin-right: 0
}

.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright {
    max-width: 420px;
    width: 100%
}

.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
    align-self: flex-start
}

figure.wp-block-gallery.has-nested-images {
    align-items: normal
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    margin: 0;
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: 100%;
    position: relative
}

.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div {
    flex-direction: column;
    flex-grow: 1;
    margin: 0
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    display: block;
    height: auto;
    max-width: 100%!important;
    width: auto
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    left: 0;
    margin-bottom: 0;
    max-height: 60%;
    overflow: auto;
    padding: 0 8px 8px;
    position: absolute;
    text-align: center;
    width: 100%
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
    display: inline
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
    color: inherit
}

.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
    box-sizing: border-box
}

.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
    flex: 1 1 auto
}

.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
    background: none;
    color: inherit;
    flex: initial;
    margin: 0;
    padding: 10px 10px 9px;
    position: relative
}

.wp-block-gallery.has-nested-images figcaption {
    flex-basis: 100%;
    flex-grow: 1;
    text-align: center
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
    margin-bottom: auto;
    margin-top: 0
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    align-self: inherit
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
    display: flex
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    flex: 1 0 0%;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
        width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)
    }

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)
    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
        width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)
    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
        width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)
    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
        width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
        width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)
    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
        width: 100%
    }
}

.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-gallery.has-nested-images.aligncenter {
    justify-content: center
}

.wp-block-group {
    box-sizing: border-box
}

h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
    padding: 1.25em 2.375em
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a {
    border-radius: inherit
}

.wp-block-image.has-custom-border img {
    box-sizing: border-box
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,.wp-block-image.alignwide img {
    height: auto;
    width: 100%
}

.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright {
    display: table
}

.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption {
    caption-side: bottom;
    display: table-caption
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img {
    border-radius: 9999px
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        border-radius:0;
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }
}

.wp-block-image :where(.has-border-color) {
    border-style: solid
}

.wp-block-image :where([style*=border-top-color]) {
    border-top-style: solid
}

.wp-block-image :where([style*=border-right-color]) {
    border-right-style: solid
}

.wp-block-image :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

.wp-block-image :where([style*=border-left-color]) {
    border-left-style: solid
}

.wp-block-image :where([style*=border-width]) {
    border-style: solid
}

.wp-block-image :where([style*=border-top-width]) {
    border-top-style: solid
}

.wp-block-image :where([style*=border-right-width]) {
    border-right-style: solid
}

.wp-block-image :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

.wp-block-image :where([style*=border-left-width]) {
    border-left-style: solid
}

.wp-block-image figure {
    margin: 0
}

.wp-lightbox-container .img-container {
    position: relative
}

.wp-lightbox-container button {
    background: none;
    border: none;
    cursor: zoom-in;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100
}

.wp-lightbox-container button:focus-visible {
    outline: 5px auto #212121;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 5px
}

.wp-lightbox-overlay {
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: 100000
}

.wp-lightbox-overlay .close-button {
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 12.5px;
    top: 12.5px;
    z-index: 5000000
}

.wp-lightbox-overlay .wp-block-image {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 3000000
}

.wp-lightbox-overlay .wp-block-image figcaption {
    display: none
}

.wp-lightbox-overlay .wp-block-image img {
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.wp-lightbox-overlay button {
    background: none;
    border: none
}

.wp-lightbox-overlay .scrim {
    background-color: #fff;
    height: 100%;
    opacity: .9;
    position: absolute;
    width: 100%;
    z-index: 2000000
}

.wp-lightbox-overlay.fade.active {
    animation: turn-on-visibility .25s both;
    visibility: visible
}

.wp-lightbox-overlay.fade.active img {
    animation: turn-on-visibility .3s both
}

.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
    animation: turn-off-visibility .3s both
}

.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
    animation: turn-off-visibility .25s both
}

.wp-lightbox-overlay.zoom img {
    height: var(--lightbox-image-max-height);
    position: absolute;
    transform-origin: top left;
    width: var(--lightbox-image-max-width)
}

.wp-lightbox-overlay.zoom.active {
    opacity: 1;
    visibility: visible
}

.wp-lightbox-overlay.zoom.active .wp-block-image img {
    animation: lightbox-zoom-in .4s forwards
}

@media (prefers-reduced-motion) {
    .wp-lightbox-overlay.zoom.active .wp-block-image img {
        animation: turn-on-visibility .4s both
    }
}

.wp-lightbox-overlay.zoom.active .scrim {
    animation: turn-on-visibility .4s forwards
}

.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
    animation: lightbox-zoom-out .4s forwards
}

@media (prefers-reduced-motion) {
    .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
        animation: turn-off-visibility .4s both
    }
}

.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
    animation: turn-off-visibility .4s forwards
}

html.has-lightbox-open {
    overflow: hidden
}

@keyframes turn-on-visibility {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes turn-off-visibility {
    0% {
        opacity: 1;
        visibility: visible
    }

    99% {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes lightbox-zoom-in {
    0% {
        left: var(--lightbox-initial-left-position);
        top: var(--lightbox-initial-top-position);
        transform: scale(var(--lightbox-scale-width),var(--lightbox-scale-height))
    }

    to {
        left: var(--lightbox-target-left-position);
        top: var(--lightbox-target-top-position);
        transform: scale(1)
    }
}

@keyframes lightbox-zoom-out {
    0% {
        left: var(--lightbox-target-left-position);
        top: var(--lightbox-target-top-position);
        transform: scale(1);
        visibility: visible
    }

    99% {
        visibility: visible
    }

    to {
        left: var(--lightbox-initial-left-position);
        top: var(--lightbox-initial-top-position);
        transform: scale(var(--lightbox-scale-width),var(--lightbox-scale-height))
    }
}

ol.wp-block-latest-comments {
    box-sizing: border-box;
    margin-left: 0
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
    line-height: 1.1
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
    line-height: 1.8
}

.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])) {
    line-height: 1.5
}

.wp-block-latest-comments .wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments__comment {
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    list-style: none;
    min-height: 2.25em
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 3.25em
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: .875em;
    margin: .36em 0 1.4em
}

.wp-block-latest-comments__comment-date {
    display: block;
    font-size: .75em
}

.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a {
    font-size: inherit
}

.wp-block-latest-posts {
    box-sizing: border-box
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    padding-left: 0
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both
}

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.wp-block-latest-posts.is-grid li {
    margin: 0 1.25em 1.25em 0;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-latest-posts.columns-2 li {
        width:calc(50% - .625em)
    }

    .wp-block-latest-posts.columns-2 li:nth-child(2n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-latest-posts.columns-3 li:nth-child(3n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - .9375em)
    }

    .wp-block-latest-posts.columns-4 li:nth-child(4n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 1em)
    }

    .wp-block-latest-posts.columns-5 li:nth-child(5n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 1.04167em)
    }

    .wp-block-latest-posts.columns-6 li:nth-child(6n) {
        margin-right: 0
    }
}

.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date {
    display: block;
    font-size: .8125em
}

.wp-block-latest-posts__post-excerpt {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-latest-posts__featured-image a {
    display: inline-block
}

.wp-block-latest-posts__featured-image img {
    height: auto;
    max-width: 100%;
    width: auto
}

.wp-block-latest-posts__featured-image.alignleft {
    float: left;
    margin-right: 1em
}

.wp-block-latest-posts__featured-image.alignright {
    float: right;
    margin-left: 1em
}

.wp-block-latest-posts__featured-image.aligncenter {
    margin-bottom: 1em;
    text-align: center
}

ol,ul {
    box-sizing: border-box
}

ol.has-background,ul.has-background {
    padding: 1.25em 2.375em
}

.wp-block-media-text {
    box-sizing: border-box;
    /*!rtl:begin:ignore*/
    direction: ltr;
    /*!rtl:end:ignore*/
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 50%
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
    align-self: start
}

.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
    align-self: center
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
    align-self: end
}

.wp-block-media-text .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1;
    /*!rtl:end:ignore*/
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1;
    /*!rtl:end:ignore*/
    padding: 0 8%;
    word-break: break-word
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1 /*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1 /*!rtl:end:ignore*/
}

.wp-block-media-text__media img,.wp-block-media-text__media video {
    height: auto;
    max-width: unset;
    vertical-align: middle;
    width: 100%
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    background-size: cover;
    height: 100%;
    min-height: 250px
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
    display: block;
    height: 100%
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns:100%!important
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }
}

.wp-block-navigation {
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-direction: row;
    --navigation-layout-wrap: wrap;
    --navigation-layout-justify: flex-start;
    --navigation-layout-align: center;
    position: relative
}

.wp-block-navigation ul {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0
}

.wp-block-navigation ul,.wp-block-navigation ul li {
    list-style: none;
    padding: 0
}

.wp-block-navigation .wp-block-navigation-item {
    align-items: center;
    display: flex;
    position: relative
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
    display: none
}

.wp-block-navigation .wp-block-navigation-item__content {
    display: block
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: inherit
}

.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
    text-decoration: underline
}

.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
    text-decoration: line-through
}

.wp-block-navigation:where(:not([class*=has-text-decoration])) a {
    text-decoration: none
}

.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
    text-decoration: none
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
    align-self: center;
    background-color: inherit;
    border: none;
    color: currentColor;
    display: inline-block;
    font-size: inherit;
    height: .6em;
    line-height: 0;
    margin-left: .25em;
    padding: 0;
    width: .6em
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    stroke: currentColor;
    display: inline-block;
    height: inherit;
    margin-top: .075em;
    width: inherit
}

.wp-block-navigation.is-vertical {
    --navigation-layout-direction: column;
    --navigation-layout-justify: initial;
    --navigation-layout-align: flex-start
}

.wp-block-navigation.no-wrap {
    --navigation-layout-wrap: nowrap
}

.wp-block-navigation.items-justified-center {
    --navigation-layout-justification-setting: center;
    --navigation-layout-justify: center
}

.wp-block-navigation.items-justified-center.is-vertical {
    --navigation-layout-align: center
}

.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-end;
    --navigation-layout-justify: flex-end
}

.wp-block-navigation.items-justified-right.is-vertical {
    --navigation-layout-align: flex-end
}

.wp-block-navigation.items-justified-space-between {
    --navigation-layout-justification-setting: space-between;
    --navigation-layout-justify: space-between
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    align-items: normal;
    background-color: inherit;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 0;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: opacity .1s linear;
    visibility: hidden;
    width: 0;
    z-index: 2
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    display: flex;
    flex-grow: 1
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
    margin-left: auto;
    margin-right: 0
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    margin: 0
}

@media (min-width: 782px) {
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left:100%;
        top: -1px
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
        background: transparent;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 100%;
        width: .5em
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
        margin-right: .25em
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
        transform: rotate(-90deg)
    }
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto
}

.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto
}

.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
    left: 0;
    top: 100%
}

@media (min-width: 782px) {
    .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left:100%;
        top: 0
    }
}

.wp-block-navigation-submenu {
    display: flex;
    position: relative
}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    stroke: currentColor
}

button.wp-block-navigation-item__content {
    background-color: transparent;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: left;
    text-transform: inherit
}

.wp-block-navigation-submenu__toggle {
    cursor: pointer
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
    padding-right: .85em
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
    margin-left: -.6em;
    pointer-events: none
}

.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog {
    gap: inherit
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding: .5em 1em
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: .5em 1em
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
    left: auto;
    right: 0
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: -1px;
    right: -1px
}

@media (min-width: 782px) {
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left:auto;
        right: 100%
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    color: #000
}

.wp-block-navigation__container {
    align-items: var(--navigation-layout-align,initial);
    display: flex;
    flex-direction: var(--navigation-layout-direction,initial);
    flex-wrap: var(--navigation-layout-wrap,wrap);
    justify-content: var(--navigation-layout-justify,initial);
    list-style: none;
    margin: 0;
    padding-left: 0
}

.wp-block-navigation__container .is-responsive {
    display: none
}

.wp-block-navigation__container:only-child,.wp-block-page-list:only-child {
    flex-grow: 1
}

@keyframes overlay-menu__fade-in-animation {
    0% {
        opacity: 0;
        transform: translateY(.5em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.wp-block-navigation__responsive-container {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.wp-block-navigation__responsive-container .wp-block-navigation-link a {
    color: inherit
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    align-items: var(--navigation-layout-align,initial);
    display: flex;
    flex-direction: var(--navigation-layout-direction,initial);
    flex-wrap: var(--navigation-layout-wrap,wrap);
    justify-content: var(--navigation-layout-justify,initial)
}

.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
    background-color: inherit!important;
    color: inherit!important
}

.wp-block-navigation__responsive-container.is-menu-open {
    animation: overlay-menu__fade-in-animation .1s ease-out;
    animation-fill-mode: forwards;
    background-color: inherit;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);
    z-index: 100000
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-navigation__responsive-container.is-menu-open {
        animation-delay: 0s;
        animation-duration: 1ms
    }
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: var(--navigation-layout-justification-setting,inherit);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: visible;
    padding-top: calc(2rem + 24px)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    justify-content: flex-start
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: none
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    border: none;
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: initial;
    padding-left: 2rem;
    padding-right: 2rem;
    position: static;
    visibility: visible;
    width: auto
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    gap: inherit
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: var(--wp--style--block-gap,2em)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 0
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    align-items: var(--navigation-layout-justification-setting,initial);
    display: flex;
    flex-direction: column
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
    background: transparent!important;
    color: inherit!important
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color:inherit;
        display: block;
        position: relative;
        width: 100%;
        z-index: auto
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display: none
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left: 0
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #000
}

.wp-block-navigation__toggle_button_label {
    font-size: 1rem;
    font-weight: 700
}

.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open {
    background: transparent;
    border: none;
    color: currentColor;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-transform: inherit;
    vertical-align: middle
}

.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 24px;
    pointer-events: none;
    width: 24px
}

.wp-block-navigation__responsive-container-open {
    display: flex
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display:none
    }
}

.wp-block-navigation__responsive-container-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.wp-block-navigation__responsive-close {
    width: 100%
}

.has-modal-open .wp-block-navigation__responsive-close {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--wp--style--global--wide-size,100%)
}

.wp-block-navigation__responsive-close:focus {
    outline: none
}

.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog {
    box-sizing: border-box
}

.wp-block-navigation__responsive-dialog {
    position: relative
}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 46px
}

@media (min-width: 782px) {
    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top:32px
    }
}

html.has-modal-open {
    overflow: hidden
}

.wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word;
    word-break: normal
}

.wp-block-navigation .wp-block-navigation-item__description {
    display: none
}

.wp-block-navigation .wp-block-page-list {
    align-items: var(--navigation-layout-align,initial);
    background-color: inherit;
    display: flex;
    flex-direction: var(--navigation-layout-direction,initial);
    flex-wrap: var(--navigation-layout-wrap,wrap);
    justify-content: var(--navigation-layout-justify,initial)
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: inherit
}

.is-small-text {
    font-size: .875em
}

.is-regular-text {
    font-size: 1em
}

.is-large-text {
    font-size: 2.25em
}

.is-larger-text {
    font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    font-style: normal;
    font-weight: 100;
    line-height: .68;
    margin: .05em .1em 0 0;
    text-transform: uppercase
}

body.rtl .has-drop-cap:not(:focus):first-letter {
    float: none;
    margin-left: .1em
}

p.has-drop-cap.has-background {
    overflow: hidden
}

p.has-background {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

.wp-block-post-author {
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-author__byline {
    font-size: .5em;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}

.wp-block-post-author__avatar {
    margin-right: 1em
}

.wp-block-post-author__bio {
    font-size: .7em;
    margin-bottom: .7em
}

.wp-block-post-author__content {
    flex-basis: 0;
    flex-grow: 1
}

.wp-block-post-author__name {
    margin: 0
}

.wp-block-post-comments-form {
    box-sizing: border-box
}

.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
    font-weight: inherit
}

.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
    font-family: inherit
}

.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
    font-size: inherit
}

.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
    line-height: inherit
}

.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
    font-style: inherit
}

.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
    letter-spacing: inherit
}

.wp-block-post-comments-form input[type=submit] {
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    overflow-wrap: break-word;
    text-align: center
}

.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea {
    padding: calc(.667em + 2px)
}

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea {
    box-sizing: border-box;
    display: block;
    width: 100%
}

.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-top: .35em
}

.wp-block-post-comments-form .comment-reply-title {
    margin-bottom: 0
}

.wp-block-post-comments-form .comment-reply-title :where(small) {
    font-size: var(--wp--preset--font-size--medium,smaller);
    margin-left: .5em
}

.wp-block-post-date {
    box-sizing: border-box
}

:where(.wp-block-post-excerpt) {
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

.wp-block-post-excerpt__excerpt {
    margin-bottom: 0;
    margin-top: 0
}

.wp-block-post-excerpt__more-text {
    margin-bottom: 0;
    margin-top: var(--wp--style--block-gap)
}

.wp-block-post-excerpt__more-link {
    display: inline-block
}

.wp-block-post-featured-image {
    margin-left: 0;
    margin-right: 0
}

.wp-block-post-featured-image a {
    display: block;
    height: 100%
}

.wp-block-post-featured-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%
}

.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img {
    width: 100%
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
    background-color: #000;
    inset: 0;
    position: absolute
}

.wp-block-post-featured-image {
    position: relative
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
    background-color: transparent
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
    opacity: 0
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
    opacity: .1
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
    opacity: .2
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
    opacity: .3
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
    opacity: .4
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
    opacity: .5
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
    opacity: .6
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
    opacity: .7
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
    opacity: .8
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
    opacity: .9
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
    opacity: 1
}

.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
    display: inline-block;
    margin-right: 1ch
}

.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
    display: inline-block;
    margin-left: 1ch
}

.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-post-terms {
    box-sizing: border-box
}

.wp-block-post-terms .wp-block-post-terms__separator {
    white-space: pre-wrap
}

.wp-block-post-time-to-read,.wp-block-post-title {
    box-sizing: border-box
}

.wp-block-post-title {
    word-break: break-word
}

.wp-block-post-title a {
    display: inline-block
}

.wp-block-preformatted {
    white-space: pre-wrap
}

.wp-block-preformatted.has-background {
    padding: 1.25em 2.375em
}

.wp-block-pullquote {
    box-sizing: border-box;
    overflow-wrap: break-word;
    padding: 3em 0;
    text-align: center
}

.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p {
    color: inherit
}

.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright {
    max-width: 420px
}

.wp-block-pullquote cite,.wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

:where(.wp-block-pullquote) {
    margin: 0 0 1em
}

.wp-block-pullquote.has-text-align-left blockquote {
    text-align: left
}

.wp-block-pullquote.has-text-align-right blockquote {
    text-align: right
}

.wp-block-pullquote.is-style-solid-color {
    border: none
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    font-size: 2em;
    margin-bottom: 0;
    margin-top: 0
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    font-style: normal;
    text-transform: none
}

.wp-block-pullquote cite {
    color: inherit
}

.wp-block-post-template {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 0
}

.wp-block-post-template.wp-block-post-template {
    background: none
}

.wp-block-post-template.is-flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25em
}

.wp-block-post-template.is-flex-container>li {
    margin: 0;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
        width:calc(50% - .625em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
        width: calc(25% - .9375em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li {
        width: calc(20% - 1em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li {
        width: calc(16.66667% - 1.04167em)
    }
}

@media (max-width: 600px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns:1fr
    }
}

.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous {
    margin-bottom: .5em;
    margin-right: .5em
}

.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
    margin-right: 0
}

.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type {
    margin-inline-start:auto}

.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child {
    margin-inline-end:auto}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    display: inline-block;
    margin-right: 1ch
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    display: inline-block;
    margin-left: 1ch
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
    transform: scaleX(1)
}

.wp-block-query-pagination.aligncenter {
    justify-content: center
}

.wp-block-query-title,.wp-block-quote {
    box-sizing: border-box
}

.wp-block-quote {
    overflow-wrap: break-word
}

.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
    margin-bottom: 1em;
    padding: 0 1em
}

.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6
}

.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer {
    font-size: 1.125em;
    text-align: right
}

.wp-block-read-more {
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus {
    text-decoration: none
}

ul.wp-block-rss {
    list-style: none;
    padding: 0
}

ul.wp-block-rss.wp-block-rss {
    box-sizing: border-box
}

ul.wp-block-rss.alignleft {
    margin-right: 2em
}

ul.wp-block-rss.alignright {
    margin-left: 2em
}

ul.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

ul.wp-block-rss.is-grid li {
    margin: 0 1em 1em 0;
    width: 100%
}

@media (min-width: 600px) {
    ul.wp-block-rss.columns-2 li {
        width:calc(50% - 1em)
    }

    ul.wp-block-rss.columns-3 li {
        width: calc(33.33333% - 1em)
    }

    ul.wp-block-rss.columns-4 li {
        width: calc(25% - 1em)
    }

    ul.wp-block-rss.columns-5 li {
        width: calc(20% - 1em)
    }

    ul.wp-block-rss.columns-6 li {
        width: calc(16.66667% - 1em)
    }
}

.wp-block-rss__item-author,.wp-block-rss__item-publish-date {
    display: block;
    font-size: .8125em
}

.wp-block-search__button {
    margin-left: 10px;
    word-break: normal
}

.wp-block-search__button.has-icon {
    line-height: 0
}

.wp-block-search__button svg {
    fill: currentColor;
    min-height: 24px;
    min-width: 24px;
    vertical-align: text-bottom
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px
}

.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%
}

.wp-block-search__label {
    width: 100%
}

.wp-block-search__input {
    -webkit-appearance: initial;
    appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset!important
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    margin-left: 0
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border: 1px solid #949494;
    box-sizing: border-box;
    padding: 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border: none;
    border-radius: 0;
    padding: 0 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
    outline: none
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
    padding: 4px 8px
}

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    margin: auto
}

.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
    min-width: 0!important;
    transition-property: width
}

.wp-block-search__button-behavior-expand .wp-block-search__input {
    flex-basis: 100%;
    transition-duration: .3s
}

.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden,.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
    overflow: hidden
}

.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
    border-left-width: 0!important;
    border-right-width: 0!important;
    flex-basis: 0;
    flex-grow: 0;
    margin: 0;
    min-width: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 0!important
}

.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
    float: right
}

.wp-block-separator {
    border: 1px solid;
    border-left: none;
    border-right: none
}

.wp-block-separator.is-style-dots {
    background: none!important;
    border: none;
    height: auto;
    line-height: 1;
    text-align: center
}

.wp-block-separator.is-style-dots:before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em
}

.wp-block-site-logo {
    box-sizing: border-box;
    line-height: 0
}

.wp-block-site-logo a {
    display: inline-block
}

.wp-block-site-logo.is-default-size img {
    height: auto;
    width: 120px
}

.wp-block-site-logo img {
    height: auto;
    max-width: 100%
}

.wp-block-site-logo a,.wp-block-site-logo img {
    border-radius: inherit
}

.wp-block-site-logo.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.wp-block-site-logo.is-style-rounded {
    border-radius: 9999px
}

.wp-block-site-title a {
    color: inherit
}

.wp-block-social-links {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0
}

.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover {
    border-bottom: 0;
    box-shadow: none;
    text-decoration: none
}

.wp-block-social-links .wp-social-link a {
    padding: .25em
}

.wp-block-social-links .wp-social-link svg {
    height: 1em;
    width: 1em
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
    font-size: .65em;
    margin-left: .5em;
    margin-right: .5em
}

.wp-block-social-links.has-small-icon-size {
    font-size: 16px
}

.wp-block-social-links,.wp-block-social-links.has-normal-icon-size {
    font-size: 24px
}

.wp-block-social-links.has-large-icon-size {
    font-size: 36px
}

.wp-block-social-links.has-huge-icon-size {
    font-size: 48px
}

.wp-block-social-links.aligncenter {
    display: flex;
    justify-content: center
}

.wp-block-social-links.alignright {
    justify-content: flex-end
}

.wp-block-social-link {
    border-radius: 9999px;
    display: block;
    height: auto;
    transition: transform .1s ease
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-social-link {
        transition-delay: 0s;
        transition-duration: 0s
    }
}

.wp-block-social-link a {
    align-items: center;
    display: flex;
    line-height: 0;
    transition: transform .1s ease
}

.wp-block-social-link:hover {
    transform: scale(1.1)
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited {
    fill: currentColor;
    color: currentColor
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #1778f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
    background-color: #02ab6c;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
    background-color: #ff424d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #ff4500;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
    stroke: #000;
    background-color: #fefc00;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
    background: none
}

.wp-block-social-links.is-style-logos-only .wp-social-link a {
    padding: 0
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
    height: 1.25em;
    width: 1.25em
}

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
    color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
    color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
    color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
    color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
    color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
    color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
    color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
    color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
    color: #1778f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
    color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
    color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
    color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
    color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
    color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
    color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
    color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
    color: #0d66c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
    color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
    color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
    color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
    color: #ff424d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
    color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
    color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
    color: #ff4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
    color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
    stroke: #000;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
    color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
    color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
    color: #2aabee
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
    color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
    color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
    color: #1da1f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
    color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
    color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
    color: #25d366
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
    color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
    color: #d32422
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
    color: red
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
    width: auto
}

.wp-block-social-links.is-style-pill-shape .wp-social-link a {
    padding-left: .66667em;
    padding-right: .66667em
}

.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
    color: #000
}

.wp-block-spacer {
    clear: both
}

.wp-block-tag-cloud {
    box-sizing: border-box
}

.wp-block-tag-cloud.aligncenter {
    justify-content: center;
    text-align: center
}

.wp-block-tag-cloud.alignfull {
    padding-left: 1em;
    padding-right: 1em
}

.wp-block-tag-cloud a {
    display: inline-block;
    margin-right: 5px
}

.wp-block-tag-cloud span {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none
}

.wp-block-tag-cloud.is-style-outline {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch
}

.wp-block-tag-cloud.is-style-outline a {
    border: 1px solid;
    font-size: unset!important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none!important
}

.wp-block-table {
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table thead {
    border-bottom: 3px solid
}

.wp-block-table tfoot {
    border-top: 3px solid
}

.wp-block-table td,.wp-block-table th {
    border: 1px solid;
    padding: .5em
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0;
    border-collapse: inherit;
    border-spacing: 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
    border-color: transparent
}

.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>* {
    border-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th {
    border-top-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
    border-top-color: currentColor
}

.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>* {
    border-right-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th {
    border-bottom-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
    border-bottom-color: currentColor
}

.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>* {
    border-left-color: inherit
}

.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>* {
    border-style: inherit
}

.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>* {
    border-style: inherit;
    border-width: inherit
}

:where(.wp-block-term-description) {
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

.wp-block-term-description p {
    margin-bottom: 0;
    margin-top: 0
}

.wp-block-text-columns,.wp-block-text-columns.aligncenter {
    display: flex
}

.wp-block-text-columns .wp-block-column {
    margin: 0 1em;
    padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
    margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
    margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
    width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
    width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
    width: 25%
}

pre.wp-block-verse {
    overflow: auto;
    white-space: pre-wrap
}

:where(pre.wp-block-verse) {
    font-family: inherit
}

.wp-block-video {
    box-sizing: border-box
}

.wp-block-video video {
    width: 100%
}

@supports (position: sticky) {
    .wp-block-video [poster] {
        object-fit:cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.editor-styles-wrapper,.entry-content {
    counter-reset: footnotes
}

a[data-fn].fn {
    counter-increment: footnotes;
    display: inline-flex;
    font-size: smaller;
    text-decoration: none;
    text-indent: -9999999px;
    vertical-align: super
}

a[data-fn].fn:after {
    content: "[" counter(footnotes) "]";
    float: left;
    text-indent: 0
}

.wp-element-button {
    cursor: pointer
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg,#00d084,#0693e3)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg,#faaca8,#dad0ec)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg,#fafae1,#67a671)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg,#fdd79a,#004a59)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg,#330968,#31cdcf)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg,#020381,#2874fc)
}

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.screen-reader-text:focus {
    clip: auto!important;
    background-color: #ddd;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px)
}

@media screen and (max-width: 600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset:0px
    }
}

.wp-block-audio figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-audio figcaption {
    color: hsla(0,0%,100%,.65)
}

.wp-block-audio {
    margin: 0 0 1em
}

.wp-block-code {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Menlo,Consolas,monaco,monospace;
    padding: .8em 1em
}

.wp-block-embed figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-embed figcaption {
    color: hsla(0,0%,100%,.65)
}

.wp-block-embed {
    margin: 0 0 1em
}

.blocks-gallery-caption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .blocks-gallery-caption {
    color: hsla(0,0%,100%,.65)
}

.wp-block-image figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-image figcaption {
    color: hsla(0,0%,100%,.65)
}

.wp-block-image {
    margin: 0 0 1em
}

.wp-block-pullquote {
    border-bottom: 4px solid;
    border-top: 4px solid;
    color: currentColor;
    margin-bottom: 1.75em
}

.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation {
    color: currentColor;
    font-size: .8125em;
    font-style: normal;
    text-transform: uppercase
}

.wp-block-quote {
    border-left: .25em solid;
    margin: 0 0 1.75em;
    padding-left: 1em
}

.wp-block-quote cite,.wp-block-quote footer {
    color: currentColor;
    font-size: .8125em;
    font-style: normal;
    position: relative
}

.wp-block-quote.has-text-align-right {
    border-left: none;
    border-right: .25em solid;
    padding-left: 0;
    padding-right: 1em
}

.wp-block-quote.has-text-align-center {
    border: none;
    padding-left: 0
}

.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain {
    border: none
}

.wp-block-search .wp-block-search__label {
    font-weight: 700
}

.wp-block-search__button {
    border: 1px solid #ccc;
    padding: .375em .625em
}

:where(.wp-block-group.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-separator.has-css-opacity {
    opacity: .4
}

.wp-block-separator {
    border: none;
    border-bottom: 2px solid;
    margin-left: auto;
    margin-right: auto
}

.wp-block-separator.has-alpha-channel-opacity {
    opacity: 1
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100px
}

.wp-block-separator.has-background:not(.is-style-dots) {
    border-bottom: none;
    height: 1px
}

.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
    height: 2px
}

.wp-block-table {
    margin: 0 0 1em
}

.wp-block-table td,.wp-block-table th {
    word-break: normal
}

.wp-block-table figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-table figcaption {
    color: hsla(0,0%,100%,.65)
}

.wp-block-video figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-video figcaption {
    color: hsla(0,0%,100%,.65)
}

.wp-block-video {
    margin: 0 0 1em
}

.wp-block-template-part.has-background {
    margin-bottom: 0;
    margin-top: 0;
    padding: 1.25em 2.375em
}

/*! This file is auto-generated */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}

body {
    --wp--preset--color--black: #000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #fff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--light-gray: #f5f5f5;
    --wp--preset--color--medium-gray: #999;
    --wp--preset--color--dark-gray: #222a36;
    --wp--preset--color--purple: #5a00f0;
    --wp--preset--color--dark-blue: #28375a;
    --wp--preset--color--red: #c44d58;
    --wp--preset--color--yellow: #ecca2e;
    --wp--preset--color--green: #64a500;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eee 0%,#a9b8c3 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%);
    --wp--preset--font-size--small: 14px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 26px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 36px;
    --wp--preset--spacing--20: .44rem;
    --wp--preset--spacing--30: .67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0,0,0,.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0,0,0,.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0,0,0,.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0,0,0,1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

body .is-layout-flow>.alignleft {
    float: left;
    margin-inline-start:0;margin-inline-end:2em}

body .is-layout-flow>.alignright {
    float: right;
    margin-inline-start:2em;margin-inline-end:0}

body .is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important
}

body .is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start:0;margin-inline-end:2em}

body .is-layout-constrained>.alignright {
    float: right;
    margin-inline-start:2em;margin-inline-end:0}

body .is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important
}

body .is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important
}

body .is-layout-constrained>.alignwide {
    max-width: var(--wp--style--global--wide-size)
}

body .is-layout-flex {
    display: flex
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center
}

body .is-layout-flex>* {
    margin: 0
}

body .is-layout-grid {
    display: grid
}

body .is-layout-grid>* {
    margin: 0
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

.has-black-color {
    color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-color {
    color: var(--wp--preset--color--white) !important
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label:before,.wpcf7-list-item-label:after {
    content: " "
}

.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

.wpcf7 form.submitting .ajax-loader {
    visibility: visible
}

.wpcf7 .ajax-loader:before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7 .ajax-loader:before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 input[type=file] {
    cursor: pointer
}

.wpcf7 input[type=file]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel] {
    direction: ltr
}

/*!
Theme Name: Appilo
Theme URI: https://themeforest.net/item/appilo-app-landing-wordpress-theme/22358661
Author: ThemeXriver
Author URI: http://themexriver.com
Description: Appilo One Page App Landing WordPress Theme
Version: 5.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: appilo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.features-style-one img.has-dropshadow {
    box-shadow: none !important
}

a.slider-btn.appilo-thm-btn {
    text-align: center !important;
    width: 38% !important
}

.banner-static {
    padding-top: 8% !important
}

.main-header-eight .appheader-content {
    padding: 0 160px !important
}

.banner-moc-box.clearfix img {
    height: 570px !important
}

span.theme-color {
    color: #e6353a
}

.theme-green {
    color: #119044
}

.theme-yellow {
    color: #c08c20
}

.theme-blue {
    color: #0c93e5
}

.owl-next {
    display: none
}

.owl-prev {
    display: none
}

.line {
    display: none
}

.item svg {
    width: 80px !important
}

.eisticky-menu-bg-overlay {
    background-color: #245fd0 !important
}

.eisticky-menu-bg-overlay .site-logo.float-left img {
    content: url("/wp-content/uploads/2021/09/logo-new-white-1.png");
    max-width: 65% !important
}

.site-logo img {
    max-width: 80% !important
}

nav.navigation-eight.ul-li {
    float: right
}

.main-header-eight .appheader-content .site-logo {
    margin-right: 0!important
}

span.pricing-lg {
    font-size: 16px;
    line-height: 28px
}

span.total-fees {
    font-size: 38px;
    color: #000
}

.single-pricing.text-center.popular {
    background: #2855cf !important
}

.appilo-thm-btn {
    background: #2855cf !important
}

div#testimonials-slider-pager {
    display: none !important
}

.elementor-27 .elementor-element.elementor-element-182f236 .slider-btn.appilo-thm-btn.borderd {
    color: #2855cf !important
}

.elementor-27 .elementor-element.elementor-element-182f236 .slider-btn.appilo-thm-btn.borderd:hover {
    color: #fff !important
}

.how-app-work-section .single-how-app-work .icon-box .inner {
    background: #245fd0 !important
}

.how-app-work-section .single-how-app-work .icon-box .inner i {
    color: #245fd0 !important
}

.how-app-work-section .single-how-app-work .icon-box .inner i {
    background: linear-gradient(to right,#245fd0 0%,#245fd0 98%,#245fd0 100%)
}

.how-app-work-section .download-btn {
    background: #245fd0 !important
}

.how-app-work-section .how-app-work-content:before {
    background: url(/wp-content/uploads/2021/09/gradient-sep.png) no-repeat
}

.how-app-work-section .download-btn.active {
    margin-right: 0 !important
}

.h-eight-social.ul-li.float-right.clearfix {
    display: none !important
}

.eight-banner-section:after {
    background-image: url(/wp-content/uploads/2021/09/header-bg.jpg) !important;
    background-size: cover !important;
    background-position: center !important
}

.page-breadcrumb {
    display: none
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,textarea {
    padding: 10px!important;
    border-bottom: 1px solid!important;
    width: 100% !important;
    margin-bottom: 10px !important
}

input.wpcf7-form-control.wpcf7-submit {
    background: #245fd0 !important;
    color: #fff !important;
    padding: 10px 25px !important;
    border-radius: 20px !important
}

.page-id-977 .separator.no-border.mb100.full-width {
    display: none
}

.pum-theme-1058 .pum-container,.pum-theme-lightbox .pum-container {
    padding: 0 !important
}

section#ei-footer ol li {
    font-size: 1.3rem;
    padding-bottom: 15px
}

.ei-footer-widget .ei-widget-title {
    font-size: 1.6rem !important
}

.site-logo.float-left img {
    width: 281px
}

ul#switch-toggle-tab {
    display: none
}

span.optional_cls {
    color: #000;
    font-weight: 600
}

@media only screen and (max-width: 420px) {
    .banner-static {
        padding-top:80px !important
    }

    .main-header-eight .appheader-content {
        padding: 0 !important
    }

    .site-logo img {
        max-width: 60% !important;
        padding-left: 15px
    }

    .banner-static .banner-content .appilo-thm-btn {
        width: 100% !important
    }

    a.download-btn.active {
        width: 207px
    }

    #text-4 h3.ei-widget-title {
        display: none
    }

    .elementor-27 .elementor-element.elementor-element-182f236 .banner-static {
        background-position: 46% 5%
    }

    .ei-footer-widget {
        margin-bottom: 0 !important
    }

    #text-3 ol {
        margin-bottom: 0 !important
    }

    .banner-static .banner-moc-box>img {
        content: url(/wp-content/uploads/2021/09/slider-moc-2-1-1.png)
    }
}

/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}
/*
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}
*/
[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}
/*
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}
*/
.h1,h1 {
    font-size: 2.5rem
}

.h2,h2 {
    font-size: 2rem
}

.h3,h3 {
    font-size: 1.75rem
}

.h4,h4 {
    font-size: 1.5rem
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small,small {
    font-size: 80%;
    font-weight: 400
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014 \00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

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

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

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

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,.table-success>td,.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>td,.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255,255,255,.075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40,167,69,.8);
    border-radius: .2rem
}

.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
    background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label:before,.was-validated .custom-file-input:valid~.custom-file-label:before {
    border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,.8);
    border-radius: .2rem
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label:before,.was-validated .custom-file-input:invalid~.custom-file-label:before {
    border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,.form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}
/*
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}
*/
.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
    background-image: none
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link.focus,.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative
}
/*
.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}
*/
.btn-group,.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {
    z-index: 1
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn,.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-control-input:active~.custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label:after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-file-input:focus~.custom-file-label:after {
    border-color: #80bdff
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-range::-webkit-slider-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-appearance: none;
    appearance: none
}

.custom-range::-moz-range-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    appearance: none
}

.custom-range::-ms-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,.navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

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

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-text a {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255,255,255,.25)
}

.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: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow:row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow:row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:only-child {
        border-radius: .25rem
    }

    .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

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

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus,.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus,.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus,.badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus,.list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem*2))
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem*2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width:800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow:after,.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
    bottom: calc((.5rem + 1px)*-1)
}

.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:after,.bs-popover-top .arrow:before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:before {
    bottom: 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-top .arrow:after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
    left: calc((.5rem + 1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:after,.bs-popover-right .arrow:before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:before {
    left: 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-right .arrow:after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
    top: calc((.5rem + 1px)*-1)
}

.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:after,.bs-popover-bottom .arrow:before {
    border-width: 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:before {
    top: 0;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-bottom .arrow:after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
    right: calc((.5rem + 1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:after,.bs-popover-left .arrow:before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:before {
    right: 0;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-left .arrow:after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.carousel-item-next,.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.active.carousel-item-right,.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,.carousel-item-next {
        -webkit-transform:translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.active.carousel-item-left,.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left,.carousel-item-prev {
        -webkit-transform:translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5)
}

.carousel-indicators li:before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

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

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.857143%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

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

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

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

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

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

    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

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

    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

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

    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

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

    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }

    .text-xl-right {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #0062cc!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #545b62!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,a.text-success:hover {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,a.text-info:hover {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,a.text-warning:hover {
    color: #d39e00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,a.text-dark:hover {
    color: #1d2124!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,:after,:before {
        text-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px!important
    }

    .container {
        min-width: 992px!important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #dee2e6!important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@font-face {
    font-family: 'appilo';
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-2/fonts/appilo.eot?e1ausr);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-2/fonts/appilo.eot?e1ausr#iefix) format('embedded-opentype'),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-2/fonts/appilo.ttf?e1ausr) format('truetype'),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-2/fonts/appilo.woff?e1ausr) format('woff'),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-2/fonts/appilo.svg?e1ausr#appilo) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=appilo-icon-]:before,[class*=" appilo-icon-"]:before,[class^=appilo-icon-]:after,[class*=" appilo-icon-"]:after {
    font-family: appilo;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.appilo-icon-null:before {
    content: "\e921"
}

.appilo-icon-null-1:before {
    content: "\e922"
}

.appilo-icon-null-2:before {
    content: "\e923"
}

.appilo-icon-right-arrow:before {
    content: "\e924"
}

.appilo-icon-idea1:before {
    content: "\e925"
}

.appilo-icon-vector1:before {
    content: "\e938"
}

.appilo-icon-visibility:before {
    content: "\e941"
}

.appilo-icon-monitor:before {
    content: "\e966"
}

.appilo-icon-idea-1:before {
    content: "\e96d"
}

.appilo-icon-vector-2:before {
    content: "\e976"
}

.appilo-icon-null-3:before {
    content: "\e982"
}

.appilo-icon-laptop:before {
    content: "\e994"
}

.appilo-icon-map:before {
    content: "\e9a4"
}

.appilo-icon-black-and-white-credit-cards:before {
    content: "\e9aa"
}

.appilo-icon-download1:before {
    content: "\e9ab"
}

.appilo-icon-settings:before {
    content: "\e9ac"
}

.appilo-icon-null-5:before {
    content: "\e9ad"
}

.appilo-icon-null-6:before {
    content: "\e9b9"
}

.appilo-icon-null-7:before {
    content: "\e9ba"
}

.appilo-icon-null-8:before {
    content: "\e9bb"
}

.appilo-icon-null-9:before {
    content: "\e9bc"
}

.appilo-icon-phone-call:before {
    content: "\e912"
}

.appilo-icon-promotion:before {
    content: "\e913"
}

.appilo-icon-paper-plane:before {
    content: "\e914"
}

.appilo-icon-project:before {
    content: "\e915"
}

.appilo-icon-right-quote:before {
    content: "\e916"
}

.appilo-icon-lamp:before {
    content: "\e917"
}

.appilo-icon-start-up:before {
    content: "\e918"
}

.appilo-icon-globe:before {
    content: "\e919"
}

.appilo-icon-calendar:before {
    content: "\e91a"
}

.appilo-icon-cd:before {
    content: "\e91b"
}

.appilo-icon-earth-and-laptop:before {
    content: "\e91c"
}

.appilo-icon-layers1:before {
    content: "\e91d"
}

.appilo-icon-support:before {
    content: "\e91e"
}

.appilo-icon-user:before {
    content: "\e91f"
}

.appilo-icon-vector:before {
    content: "\e920"
}

.appilo-icon-power-button:before {
    content: "\e900"
}

.appilo-icon-corporate-identity:before {
    content: "\e901"
}

.appilo-icon-logo:before {
    content: "\e902"
}

.appilo-icon-computer:before {
    content: "\e903"
}

.appilo-icon-duplicate:before {
    content: "\e904"
}

.appilo-icon-layers:before {
    content: "\e905"
}

.appilo-icon-pen-tool:before {
    content: "\e906"
}

.appilo-icon-bug:before {
    content: "\e907"
}

.appilo-icon-crop:before {
    content: "\e908"
}

.appilo-icon-text:before {
    content: "\e909"
}

.appilo-icon-web-development:before {
    content: "\e90a"
}

.appilo-icon-medal:before {
    content: "\e90b"
}

.appilo-icon-verified-user:before {
    content: "\e90c"
}

.appilo-icon-download:before {
    content: "\e90d"
}

.appilo-icon-idea:before {
    content: "\e90e"
}

.appilo-icon-foward:before {
    content: "\e90f"
}

.appilo-icon-quote:before {
    content: "\e910"
}

.appilo-icon-diamond:before {
    content: "\e911"
}

@font-face {
    font-family: "Flaticon";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.woff) format("woff"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.ttf) format("truetype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"Flaticon";
        src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/flaticon1/./Flaticon.svg#Flaticon) format("svg")
    }
}

[class^=flaticon-]:before,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-google-play:before {
    content: "\f100"
}

.flaticon-brands-and-logotypes:before {
    content: "\f101"
}

.flaticon-responsive-design-symbol:before {
    content: "\f102"
}

.flaticon-secure-shield:before {
    content: "\f103"
}

.flaticon-download:before {
    content: "\f104"
}

.flaticon-settings:before {
    content: "\f105"
}

.flaticon-art:before {
    content: "\f106"
}

.flaticon-writing:before {
    content: "\f107"
}

.flaticon-dashboard:before {
    content: "\f108"
}

.flaticon-share-link:before {
    content: "\f109"
}

.flaticon-icon-315:before {
    content: "\f10a"
}

.flaticon-logout:before {
    content: "\f10b"
}

.flaticon-credit:before {
    content: "\f10c"
}

.flaticon-gift:before {
    content: "\f10d"
}

.flaticon-settings-1:before {
    content: "\f10e"
}

.flaticon-user:before {
    content: "\f10f"
}

.flaticon-cube:before {
    content: "\f110"
}

.flaticon-followers:before {
    content: "\f111"
}

.flaticon-like:before {
    content: "\f112"
}

.flaticon-tick-inside-circle:before {
    content: "\f113"
}

.flaticon-fingerprint:before {
    content: "\f114"
}

.flaticon-paper-plane:before {
    content: "\f115"
}

.flaticon-plane:before {
    content: "\f116"
}

.flaticon-rec:before {
    content: "\f117"
}

.flaticon-address:before {
    content: "\f118"
}

.flaticon-phone:before {
    content: "\f119"
}

.flaticon-invite:before {
    content: "\f11a"
}

.flaticon-rocket-ship:before {
    content: "\f11b"
}

.flaticon-calendar:before {
    content: "\f11c"
}

.flaticon-user-1:before {
    content: "\f11d"
}

.flaticon-left-arrow-angle-big-gross-symbol:before {
    content: "\f11e"
}

.flaticon-right-arrow-angle:before {
    content: "\f11f"
}

@font-face {
    font-family: "Flaticon";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/flaticon.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/flaticon.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/flaticon.woff) format("woff"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/flaticon.ttf) format("truetype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"Flaticon";
        src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/flaticon.svg#Flaticon) format("svg")
    }
}

[class^=flaticon-]:before,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-24-hours:before {
    content: "\f100"
}

.flaticon-exam:before {
    content: "\f101"
}

.flaticon-open-book:before {
    content: "\f102"
}

.flaticon-home:before {
    content: "\f103"
}

.flaticon-quote:before {
    content: "\f104"
}

.flaticon-placeholder:before {
    content: "\f105"
}

.flaticon-placeholder-1:before {
    content: "\f106"
}

.flaticon-placeholder-2:before {
    content: "\f107"
}

.flaticon-placeholder-filled-point:before {
    content: "\f108"
}

.flaticon-telephone:before {
    content: "\f109"
}

.flaticon-phone-call:before {
    content: "\f10a"
}

.flaticon-comment:before {
    content: "\f10b"
}

.flaticon-timetable:before {
    content: "\f10c"
}

.flaticon-unlink:before {
    content: "\f10d"
}

.flaticon-play-arrow:before {
    content: "\f10e"
}

.flaticon-portfolio:before {
    content: "\f10f"
}

.flaticon-money-bag:before {
    content: "\f110"
}

.flaticon-portfolio-1:before {
    content: "\f111"
}

.flaticon-award:before {
    content: "\f112"
}

.flaticon-winner:before {
    content: "\f113"
}

.flaticon-trophy:before {
    content: "\f114"
}

.flaticon-map:before {
    content: "\f115"
}

.flaticon-magnifying-glass:before {
    content: "\f116"
}

.flaticon-menu:before {
    content: "\f117"
}

.flaticon-shopping-cart:before {
    content: "\f118"
}

.flaticon-shopping-cart-1:before {
    content: "\f119"
}

.flaticon-back:before {
    content: "\f11a"
}

.flaticon-play-button:before {
    content: "\f11b"
}

.flaticon-back-arrow:before {
    content: "\f11c"
}

.flaticon-growth:before {
    content: "\f11d"
}

.flaticon-target:before {
    content: "\f11e"
}

.flaticon-settings:before {
    content: "\f11f"
}

.flaticon-avatar:before {
    content: "\f120"
}

.flaticon-share:before {
    content: "\f121"
}

.flaticon-heart:before {
    content: "\f122"
}

.flaticon-like:before {
    content: "\f123"
}

.flaticon-star:before {
    content: "\f124"
}

.flaticon-headphones:before {
    content: "\f125"
}

.flaticon-garbage:before {
    content: "\f126"
}

.flaticon-internet:before {
    content: "\f127"
}

.flaticon-network:before {
    content: "\f128"
}

.flaticon-shopping-cart-2:before {
    content: "\f129"
}

.flaticon-email:before {
    content: "\f12a"
}

.flaticon-message:before {
    content: "\f12b"
}

.flaticon-full-screen:before {
    content: "\f12c"
}

.flaticon-send:before {
    content: "\f12d"
}

.flaticon-success:before {
    content: "\f12e"
}

.flaticon-tick-inside-circle:before {
    content: "\f12f"
}

.flaticon-monitor:before {
    content: "\f130"
}

.flaticon-lock:before {
    content: "\f131"
}

.flaticon-eye:before {
    content: "\f132"
}

.flaticon-rocket-ship:before {
    content: "\f133"
}

.flaticon-headphones-1:before {
    content: "\f134"
}

.flaticon-pin:before {
    content: "\f135"
}

.flaticon-stopwatch:before {
    content: "\f136"
}

.flaticon-email-1:before {
    content: "\f137"
}

.flaticon-crown:before {
    content: "\f138"
}

.flaticon-multiply:before {
    content: "\f139"
}

.flaticon-media-play-symbol:before {
    content: "\f13a"
}

.flaticon-arrow-pointing-to-right:before {
    content: "\f13b"
}

.flaticon-back-1:before {
    content: "\f13c"
}

.flaticon-award-1:before {
    content: "\f13d"
}

.flaticon-pdf:before {
    content: "\f13e"
}

.flaticon-loupe:before {
    content: "\f13f"
}

.flaticon-link:before {
    content: "\f140"
}

.flaticon-user:before {
    content: "\f141"
}

.flaticon-trophy-1:before {
    content: "\f142"
}

.flaticon-house:before {
    content: "\f143"
}

.flaticon-coin:before {
    content: "\f144"
}

.flaticon-line-chart:before {
    content: "\f145"
}

.flaticon-planet-earth:before {
    content: "\f146"
}

.flaticon-pie-chart:before {
    content: "\f147"
}

.flaticon-megaphone:before {
    content: "\f148"
}

.flaticon-quote-1:before {
    content: "\f149"
}

.flaticon-cloud:before {
    content: "\f14a"
}

.flaticon-wheel:before {
    content: "\f14b"
}

.flaticon-light-bulb:before {
    content: "\f14c"
}

.flaticon-clock:before {
    content: "\f14d"
}

.flaticon-clock-1:before {
    content: "\f14e"
}

.flaticon-alarm-clock:before {
    content: "\f14f"
}

.flaticon-alarm-clock-1:before {
    content: "\f150"
}

.flaticon-shopping-bag:before {
    content: "\f151"
}

.flaticon-menu-1:before {
    content: "\f152"
}

.flaticon-big-anchor:before {
    content: "\f153"
}

.flaticon-flash:before {
    content: "\f154"
}

.flaticon-add:before {
    content: "\f155"
}

.flaticon-placeholder-3:before {
    content: "\f156"
}

.flaticon-increase-size-option:before {
    content: "\f157"
}

.flaticon-double-angle-pointing-to-right:before {
    content: "\f158"
}

.flaticon-long-arrow-pointing-to-left:before {
    content: "\f159"
}

.flaticon-long-arrow-pointing-to-the-right:before {
    content: "\f15a"
}

.flaticon-gallery:before {
    content: "\f15b"
}

.flaticon-right-arrow:before {
    content: "\f15c"
}

.flaticon-right-arrow-forward:before {
    content: "\f15d"
}

.flaticon-success-1:before {
    content: "\f15e"
}

.flaticon-paper-plane:before {
    content: "\f15f"
}

.flaticon-high-volume:before {
    content: "\f160"
}

.flaticon-left-arrow:before {
    content: "\f161"
}

.flaticon-go-back-left-arrow:before {
    content: "\f162"
}

.flaticon-file:before {
    content: "\f163"
}

.flaticon-share-symbol:before {
    content: "\f164"
}

.flaticon-favourites-filled-star-symbol:before {
    content: "\f165"
}

.flaticon-star-1:before {
    content: "\f166"
}

.flaticon-gift:before {
    content: "\f167"
}

.flaticon-tick:before {
    content: "\f168"
}

.flaticon-email-2:before {
    content: "\f169"
}

.flaticon-telephone-auricular-with-cable:before {
    content: "\f16a"
}

.flaticon-placeholder-4:before {
    content: "\f16b"
}

.flaticon-calendar:before {
    content: "\f16c"
}

.flaticon-shopping-bag-1:before {
    content: "\f16d"
}

.flaticon-up-arrow:before {
    content: "\f16e"
}

.flaticon-angle-arrow-down:before {
    content: "\f16f"
}

.flaticon-right-arrow-1:before {
    content: "\f170"
}

.flaticon-left-arrow-1:before {
    content: "\f171"
}

.flaticon-check-symbol:before {
    content: "\f172"
}

.flaticon-pdf-1:before {
    content: "\f173"
}

.flaticon-powerpoint-file:before {
    content: "\f174"
}

.flaticon-placeholder-5:before {
    content: "\f175"
}

.flaticon-24-hours-phone-service:before {
    content: "\f176"
}

.flaticon-home-page:before {
    content: "\f177"
}

.flaticon-safe:before {
    content: "\f178"
}

.flaticon-zoom-increasing-symbol:before {
    content: "\f179"
}

.flaticon-zoom-in:before {
    content: "\f17a"
}

.flaticon-folder:before {
    content: "\f17b"
}

.flaticon-comment-1:before {
    content: "\f17c"
}

.flaticon-paper-plane-1:before {
    content: "\f17d"
}

.flaticon-send-1:before {
    content: "\f17e"
}

.flaticon-smartphone:before {
    content: "\f17f"
}

.flaticon-24-hours-1:before {
    content: "\f180"
}

.flaticon-edit:before {
    content: "\f181"
}

.flaticon-clock-2:before {
    content: "\f182"
}

.flaticon-hand:before {
    content: "\f183"
}

.flaticon-add-1:before {
    content: "\f184"
}

.flaticon-plus-symbol:before {
    content: "\f185"
}

.flaticon-substract:before {
    content: "\f186"
}

.flaticon-substract-1:before {
    content: "\f187"
}

.flaticon-pdf-file-format-symbol:before {
    content: "\f188"
}

.flaticon-edit-1:before {
    content: "\f189"
}

.flaticon-shield:before {
    content: "\f18a"
}

.flaticon-user-1:before {
    content: "\f18b"
}

.flaticon-calendar-1:before {
    content: "\f18c"
}

.flaticon-hand-shake:before {
    content: "\f18d"
}

.flaticon-startup:before {
    content: "\f18e"
}

.flaticon-verified:before {
    content: "\f18f"
}

.flaticon-security:before {
    content: "\f190"
}

.flaticon-checked:before {
    content: "\f191"
}

.flaticon-quote-2:before {
    content: "\f192"
}

.flaticon-email-3:before {
    content: "\f193"
}

.flaticon-24-hours-2:before {
    content: "\f194"
}

.flaticon-menu-2:before {
    content: "\f195"
}

.flaticon-menu-3:before {
    content: "\f196"
}

.flaticon-search:before {
    content: "\f197"
}

.flaticon-plus:before {
    content: "\f198"
}

.flaticon-maps-and-flags:before {
    content: "\f199"
}

.flaticon-call:before {
    content: "\f19a"
}

.flaticon-email-4:before {
    content: "\f19b"
}

.flaticon-user-2:before {
    content: "\f19c"
}

.flaticon-user-3:before {
    content: "\f19d"
}

.flaticon-home-1:before {
    content: "\f19e"
}

.flaticon-home-2:before {
    content: "\f19f"
}

.flaticon-shopping-cart-3:before {
    content: "\f1a0"
}

.flaticon-shopping-bag-2:before {
    content: "\f1a1"
}

.flaticon-bar-chart:before {
    content: "\f1a2"
}

.flaticon-suitcase:before {
    content: "\f1a3"
}

.flaticon-file-1:before {
    content: "\f1a4"
}

.flaticon-file-2:before {
    content: "\f1a5"
}

.flaticon-tick-1:before {
    content: "\f1a6"
}

.flaticon-shopping-bag-3:before {
    content: "\f1a7"
}

.flaticon-agreement:before {
    content: "\f1a8"
}

.flaticon-up-arrow-1:before {
    content: "\f1a9"
}

.flaticon-right-arrow-2:before {
    content: "\f1aa"
}

.flaticon-left-arrow-2:before {
    content: "\f1ab"
}

.flaticon-call-1:before {
    content: "\f1ac"
}

.flaticon-call-2:before {
    content: "\f1ad"
}

.flaticon-envelope:before {
    content: "\f1ae"
}

.flaticon-location:before {
    content: "\f1af"
}

.flaticon-diamond:before {
    content: "\f1b0"
}

.flaticon-heart-1:before {
    content: "\f1b1"
}

.flaticon-down-arrow:before {
    content: "\f1b2"
}

.flaticon-support:before {
    content: "\f1b3"
}

.flaticon-graph:before {
    content: "\f1b4"
}

.flaticon-comment-2:before {
    content: "\f1b5"
}

.flaticon-conversation:before {
    content: "\f1b6"
}

.flaticon-left-quote:before {
    content: "\f1b7"
}

.flaticon-chat:before {
    content: "\f1b8"
}

.flaticon-right-quote-sign:before {
    content: "\f1b9"
}

.flaticon-right-quote:before {
    content: "\f1ba"
}

.flaticon-quotation-mark:before {
    content: "\f1bb"
}

.flaticon-blocks-with-angled-cuts:before {
    content: "\f1bc"
}

.flaticon-straight-quotes:before {
    content: "\f1bd"
}

.flaticon-left-arrow-3:before {
    content: "\f1be"
}

.flaticon-right-arrow-3:before {
    content: "\f1bf"
}

.flaticon-back-2:before {
    content: "\f1c0"
}

.flaticon-down-arrow-1:before {
    content: "\f1c1"
}

.flaticon-world:before {
    content: "\f1c2"
}

.flaticon-quote-5:before {
    content: "\f1c3"
}

.flaticon-arrow:before {
    content: "\f1c4"
}

.flaticon-graphic:before {
    content: "\f1c5"
}

.flaticon-grid:before {
    content: "\f1c6"
}

.flaticon-list:before {
    content: "\f1c7"
}

.flaticon-list-1:before {
    content: "\f1c8"
}

.flaticon-calendar-2:before {
    content: "\f1c9"
}

.flaticon-user-4:before {
    content: "\f1ca"
}

.flaticon-chat-bubble:before {
    content: "\f1cb"
}

.flaticon-share-1:before {
    content: "\f1cc"
}

.flaticon-tools-and-utensils:before {
    content: "\f1cd"
}

.flaticon-bell:before {
    content: "\f1ce"
}

.flaticon-bell-1:before {
    content: "\f1cf"
}

.flaticon-call-3:before {
    content: "\f1d0"
}

.flaticon-cap:before {
    content: "\f1d1"
}

.flaticon-quality:before {
    content: "\f1d2"
}

.flaticon-quote-3:before {
    content: "\f1d3"
}

.flaticon-email-5:before {
    content: "\f1d4"
}

.flaticon-quote-4:before {
    content: "\f1d5"
}

.flaticon-shield-1:before {
    content: "\f1d6"
}

.flaticon-accept:before {
    content: "\f1d7"
}

.flaticon-clock-3:before {
    content: "\f1d8"
}

.flaticon-double-chevron:before {
    content: "\f1d9"
}

.flaticon-checked-1:before {
    content: "\f1da"
}

.flaticon-add-2:before {
    content: "\f1db"
}

.flaticon-files:before {
    content: "\f1dc"
}

.flaticon-pdf-2:before {
    content: "\f1dd"
}

.flaticon-speech-bubbles-comment-option:before {
    content: "\f1de"
}

.flaticon-team:before {
    content: "\f1df"
}

.flaticon-woman:before {
    content: "\f1e0"
}

.flaticon-internet-1:before {
    content: "\f1e1"
}

.flaticon-discount:before {
    content: "\f1e2"
}

.flaticon-discount-1:before {
    content: "\f1e3"
}

.flaticon-network-1:before {
    content: "\f1e4"
}

.flaticon-secure:before {
    content: "\f1e5"
}

.flaticon-computer:before {
    content: "\f1e6"
}

.flaticon-location-1:before {
    content: "\f1e7"
}

.flaticon-meeting:before {
    content: "\f1e8"
}

.flaticon-smartphone-1:before {
    content: "\f1e9"
}

.flaticon-smartphone-2:before {
    content: "\f1ea"
}

.flaticon-box:before {
    content: "\f1eb"
}

.flaticon-open-box:before {
    content: "\f1ec"
}

.flaticon-link-1:before {
    content: "\f1ed"
}

.flaticon-attach:before {
    content: "\f1ee"
}

.flaticon-money:before {
    content: "\f1ef"
}

.flaticon-transfer:before {
    content: "\f1f0"
}

.flaticon-mission:before {
    content: "\f1f1"
}

.flaticon-saas:before {
    content: "\f1f2"
}

.flaticon-security-1:before {
    content: "\f1f3"
}

@font-face {
    font-family: "Flaticon";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.woff) format("woff"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.ttf) format("truetype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"Flaticon";
        src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-4/css/../fonts/Flaticon.svg#Flaticon) format("svg")
    }
}

[class^=flaticon-]:before,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-dumbbell:before {
    content: "\f100"
}

.flaticon-dumbbell-1:before {
    content: "\f101"
}

.flaticon-barbell:before {
    content: "\f102"
}

.flaticon-muscle:before {
    content: "\f103"
}

.flaticon-fitness:before {
    content: "\f104"
}

.flaticon-diet:before {
    content: "\f105"
}

.flaticon-exercise:before {
    content: "\f106"
}

.flaticon-fitness-1:before {
    content: "\f107"
}

.flaticon-fitness-2:before {
    content: "\f108"
}

.flaticon-jumping-rope:before {
    content: "\f109"
}

.flaticon-stationary-bike:before {
    content: "\f10a"
}

.flaticon-weightlifter:before {
    content: "\f10b"
}

.flaticon-exercise-1:before {
    content: "\f10c"
}

.flaticon-exercise-2:before {
    content: "\f10d"
}

.flaticon-muscle-1:before {
    content: "\f10e"
}

.flaticon-hand-grip:before {
    content: "\f10f"
}

.flaticon-weightlifting:before {
    content: "\f110"
}

.flaticon-bicycle:before {
    content: "\f111"
}

.flaticon-exercise-bike:before {
    content: "\f112"
}

.flaticon-exercise-3:before {
    content: "\f113"
}

.flaticon-warrior:before {
    content: "\f114"
}

.flaticon-exercising:before {
    content: "\f115"
}

.flaticon-woman:before {
    content: "\f116"
}

.flaticon-dumbbells-exercise:before {
    content: "\f117"
}

.flaticon-exercise-4:before {
    content: "\f118"
}

.flaticon-yoga:before {
    content: "\f119"
}

.flaticon-yoga-position:before {
    content: "\f11a"
}

@font-face {
    font-family: 'ElegantIcons';
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/ElegantIcons.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/ElegantIcons.woff) format('woff'),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/ElegantIcons.ttf) format('truetype'),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/appilo-icons-3/css/../fonts/ElegantIcons.svg#ElegantIcons) format('svg');
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.arrow_up,.arrow_down,.arrow_left,.arrow_right,.arrow_left-up,.arrow_right-up,.arrow_right-down,.arrow_left-down,.arrow-up-down,.arrow_up-down_alt,.arrow_left-right_alt,.arrow_left-right,.arrow_expand_alt2,.arrow_expand_alt,.arrow_condense,.arrow_expand,.arrow_move,.arrow_carrot-up,.arrow_carrot-down,.arrow_carrot-left,.arrow_carrot-right,.arrow_carrot-2up,.arrow_carrot-2down,.arrow_carrot-2left,.arrow_carrot-2right,.arrow_carrot-up_alt2,.arrow_carrot-down_alt2,.arrow_carrot-left_alt2,.arrow_carrot-right_alt2,.arrow_carrot-2up_alt2,.arrow_carrot-2down_alt2,.arrow_carrot-2left_alt2,.arrow_carrot-2right_alt2,.arrow_triangle-up,.arrow_triangle-down,.arrow_triangle-left,.arrow_triangle-right,.arrow_triangle-up_alt2,.arrow_triangle-down_alt2,.arrow_triangle-left_alt2,.arrow_triangle-right_alt2,.arrow_back,.icon_minus-06,.icon_plus,.icon_close,.icon_check,.icon_minus_alt2,.icon_plus_alt2,.icon_close_alt2,.icon_check_alt2,.icon_zoom-out_alt,.icon_zoom-in_alt,.icon_search,.icon_box-empty,.icon_box-selected,.icon_minus-box,.icon_plus-box,.icon_box-checked,.icon_circle-empty,.icon_circle-slelected,.icon_stop_alt2,.icon_stop,.icon_pause_alt2,.icon_pause,.icon_menu,.icon_menu-square_alt2,.icon_menu-circle_alt2,.icon_ul,.icon_ol,.icon_adjust-horiz,.icon_adjust-vert,.icon_document_alt,.icon_documents_alt,.icon_pencil,.icon_pencil-edit_alt,.icon_pencil-edit,.icon_folder-alt,.icon_folder-open_alt,.icon_folder-add_alt,.icon_info_alt,.icon_error-oct_alt,.icon_error-circle_alt,.icon_error-triangle_alt,.icon_question_alt2,.icon_question,.icon_comment_alt,.icon_chat_alt,.icon_vol-mute_alt,.icon_volume-low_alt,.icon_volume-high_alt,.icon_quotations,.icon_quotations_alt2,.icon_clock_alt,.icon_lock_alt,.icon_lock-open_alt,.icon_key_alt,.icon_cloud_alt,.icon_cloud-upload_alt,.icon_cloud-download_alt,.icon_image,.icon_images,.icon_lightbulb_alt,.icon_gift_alt,.icon_house_alt,.icon_genius,.icon_mobile,.icon_tablet,.icon_laptop,.icon_desktop,.icon_camera_alt,.icon_mail_alt,.icon_cone_alt,.icon_ribbon_alt,.icon_bag_alt,.icon_creditcard,.icon_cart_alt,.icon_paperclip,.icon_tag_alt,.icon_tags_alt,.icon_trash_alt,.icon_cursor_alt,.icon_mic_alt,.icon_compass_alt,.icon_pin_alt,.icon_pushpin_alt,.icon_map_alt,.icon_drawer_alt,.icon_toolbox_alt,.icon_book_alt,.icon_calendar,.icon_film,.icon_table,.icon_contacts_alt,.icon_headphones,.icon_lifesaver,.icon_piechart,.icon_refresh,.icon_link_alt,.icon_link,.icon_loading,.icon_blocked,.icon_archive_alt,.icon_heart_alt,.icon_star_alt,.icon_star-half_alt,.icon_star,.icon_star-half,.icon_tools,.icon_tool,.icon_cog,.icon_cogs,.arrow_up_alt,.arrow_down_alt,.arrow_left_alt,.arrow_right_alt,.arrow_left-up_alt,.arrow_right-up_alt,.arrow_right-down_alt,.arrow_left-down_alt,.arrow_condense_alt,.arrow_expand_alt3,.arrow_carrot_up_alt,.arrow_carrot-down_alt,.arrow_carrot-left_alt,.arrow_carrot-right_alt,.arrow_carrot-2up_alt,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left_alt,.arrow_carrot-2right_alt,.arrow_triangle-up_alt,.arrow_triangle-down_alt,.arrow_triangle-left_alt,.arrow_triangle-right_alt,.icon_minus_alt,.icon_plus_alt,.icon_close_alt,.icon_check_alt,.icon_zoom-out,.icon_zoom-in,.icon_stop_alt,.icon_menu-square_alt,.icon_menu-circle_alt,.icon_document,.icon_documents,.icon_pencil_alt,.icon_folder,.icon_folder-open,.icon_folder-add,.icon_folder_upload,.icon_folder_download,.icon_info,.icon_error-circle,.icon_error-oct,.icon_error-triangle,.icon_question_alt,.icon_comment,.icon_chat,.icon_vol-mute,.icon_volume-low,.icon_volume-high,.icon_quotations_alt,.icon_clock,.icon_lock,.icon_lock-open,.icon_key,.icon_cloud,.icon_cloud-upload,.icon_cloud-download,.icon_lightbulb,.icon_gift,.icon_house,.icon_camera,.icon_mail,.icon_cone,.icon_ribbon,.icon_bag,.icon_cart,.icon_tag,.icon_tags,.icon_trash,.icon_cursor,.icon_mic,.icon_compass,.icon_pin,.icon_pushpin,.icon_map,.icon_drawer,.icon_toolbox,.icon_book,.icon_contacts,.icon_archive,.icon_heart,.icon_profile,.icon_group,.icon_grid-2x2,.icon_grid-3x3,.icon_music,.icon_pause_alt,.icon_phone,.icon_upload,.icon_download,.social_facebook,.social_twitter,.social_pinterest,.social_googleplus,.social_tumblr,.social_tumbleupon,.social_wordpress,.social_instagram,.social_dribbble,.social_vimeo,.social_linkedin,.social_rss,.social_deviantart,.social_share,.social_myspace,.social_skype,.social_youtube,.social_picassa,.social_googledrive,.social_flickr,.social_blogger,.social_spotify,.social_delicious,.social_facebook_circle,.social_twitter_circle,.social_pinterest_circle,.social_googleplus_circle,.social_tumblr_circle,.social_stumbleupon_circle,.social_wordpress_circle,.social_instagram_circle,.social_dribbble_circle,.social_vimeo_circle,.social_linkedin_circle,.social_rss_circle,.social_deviantart_circle,.social_share_circle,.social_myspace_circle,.social_skype_circle,.social_youtube_circle,.social_picassa_circle,.social_googledrive_alt2,.social_flickr_circle,.social_blogger_circle,.social_spotify_circle,.social_delicious_circle,.social_facebook_square,.social_twitter_square,.social_pinterest_square,.social_googleplus_square,.social_tumblr_square,.social_stumbleupon_square,.social_wordpress_square,.social_instagram_square,.social_dribbble_square,.social_vimeo_square,.social_linkedin_square,.social_rss_square,.social_deviantart_square,.social_share_square,.social_myspace_square,.social_skype_square,.social_youtube_square,.social_picassa_square,.social_googledrive_square,.social_flickr_square,.social_blogger_square,.social_spotify_square,.social_delicious_square,.icon_printer,.icon_calulator,.icon_building,.icon_floppy,.icon_drive,.icon_search-2,.icon_id,.icon_id-2,.icon_puzzle,.icon_like,.icon_dislike,.icon_mug,.icon_currency,.icon_wallet,.icon_pens,.icon_easel,.icon_flowchart,.icon_datareport,.icon_briefcase,.icon_shield,.icon_percent,.icon_globe,.icon_globe-2,.icon_target,.icon_hourglass,.icon_balance,.icon_rook,.icon_printer-alt,.icon_calculator_alt,.icon_building_alt,.icon_floppy_alt,.icon_drive_alt,.icon_search_alt,.icon_id_alt,.icon_id-2_alt,.icon_puzzle_alt,.icon_like_alt,.icon_dislike_alt,.icon_mug_alt,.icon_currency_alt,.icon_wallet_alt,.icon_pens_alt,.icon_easel_alt,.icon_flowchart_alt,.icon_datareport_alt,.icon_briefcase_alt,.icon_shield_alt,.icon_percent_alt,.icon_globe_alt,.icon_clipboard {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.arrow_up:before {
    content: "\21"
}

.arrow_down:before {
    content: "\22"
}

.arrow_left:before {
    content: "\23"
}

.arrow_right:before {
    content: "\24"
}

.arrow_left-up:before {
    content: "\25"
}

.arrow_right-up:before {
    content: "\26"
}

.arrow_right-down:before {
    content: "\27"
}

.arrow_left-down:before {
    content: "\28"
}

.arrow-up-down:before {
    content: "\29"
}

.arrow_up-down_alt:before {
    content: "\2a"
}

.arrow_left-right_alt:before {
    content: "\2b"
}

.arrow_left-right:before {
    content: "\2c"
}

.arrow_expand_alt2:before {
    content: "\2d"
}

.arrow_expand_alt:before {
    content: "\2e"
}

.arrow_condense:before {
    content: "\2f"
}

.arrow_expand:before {
    content: "\30"
}

.arrow_move:before {
    content: "\31"
}

.arrow_carrot-up:before {
    content: "\32"
}

.arrow_carrot-down:before {
    content: "\33"
}

.arrow_carrot-left:before {
    content: "\34"
}

.arrow_carrot-right:before {
    content: "\35"
}

.arrow_carrot-2up:before {
    content: "\36"
}

.arrow_carrot-2down:before {
    content: "\37"
}

.arrow_carrot-2left:before {
    content: "\38"
}

.arrow_carrot-2right:before {
    content: "\39"
}

.arrow_carrot-up_alt2:before {
    content: "\3a"
}

.arrow_carrot-down_alt2:before {
    content: "\3b"
}

.arrow_carrot-left_alt2:before {
    content: "\3c"
}

.arrow_carrot-right_alt2:before {
    content: "\3d"
}

.arrow_carrot-2up_alt2:before {
    content: "\3e"
}

.arrow_carrot-2down_alt2:before {
    content: "\3f"
}

.arrow_carrot-2left_alt2:before {
    content: "\40"
}

.arrow_carrot-2right_alt2:before {
    content: "\41"
}

.arrow_triangle-up:before {
    content: "\42"
}

.arrow_triangle-down:before {
    content: "\43"
}

.arrow_triangle-left:before {
    content: "\44"
}

.arrow_triangle-right:before {
    content: "\45"
}

.arrow_triangle-up_alt2:before {
    content: "\46"
}

.arrow_triangle-down_alt2:before {
    content: "\47"
}

.arrow_triangle-left_alt2:before {
    content: "\48"
}

.arrow_triangle-right_alt2:before {
    content: "\49"
}

.arrow_back:before {
    content: "\4a"
}

.icon_minus-06:before {
    content: "\4b"
}

.icon_plus:before {
    content: "\4c"
}

.icon_close:before {
    content: "\4d"
}

.icon_check:before {
    content: "\4e"
}

.icon_minus_alt2:before {
    content: "\4f"
}

.icon_plus_alt2:before {
    content: "\50"
}

.icon_close_alt2:before {
    content: "\51"
}

.icon_check_alt2:before {
    content: "\52"
}

.icon_zoom-out_alt:before {
    content: "\53"
}

.icon_zoom-in_alt:before {
    content: "\54"
}

.icon_search:before {
    content: "\55"
}

.icon_box-empty:before {
    content: "\56"
}

.icon_box-selected:before {
    content: "\57"
}

.icon_minus-box:before {
    content: "\58"
}

.icon_plus-box:before {
    content: "\59"
}

.icon_box-checked:before {
    content: "\5a"
}

.icon_circle-empty:before {
    content: "\5b"
}

.icon_circle-slelected:before {
    content: "\5c"
}

.icon_stop_alt2:before {
    content: "\5d"
}

.icon_stop:before {
    content: "\5e"
}

.icon_pause_alt2:before {
    content: "\5f"
}

.icon_pause:before {
    content: "\60"
}

.icon_menu:before {
    content: "\61"
}

.icon_menu-square_alt2:before {
    content: "\62"
}

.icon_menu-circle_alt2:before {
    content: "\63"
}

.icon_ul:before {
    content: "\64"
}

.icon_ol:before {
    content: "\65"
}

.icon_adjust-horiz:before {
    content: "\66"
}

.icon_adjust-vert:before {
    content: "\67"
}

.icon_document_alt:before {
    content: "\68"
}

.icon_documents_alt:before {
    content: "\69"
}

.icon_pencil:before {
    content: "\6a"
}

.icon_pencil-edit_alt:before {
    content: "\6b"
}

.icon_pencil-edit:before {
    content: "\6c"
}

.icon_folder-alt:before {
    content: "\6d"
}

.icon_folder-open_alt:before {
    content: "\6e"
}

.icon_folder-add_alt:before {
    content: "\6f"
}

.icon_info_alt:before {
    content: "\70"
}

.icon_error-oct_alt:before {
    content: "\71"
}

.icon_error-circle_alt:before {
    content: "\72"
}

.icon_error-triangle_alt:before {
    content: "\73"
}

.icon_question_alt2:before {
    content: "\74"
}

.icon_question:before {
    content: "\75"
}

.icon_comment_alt:before {
    content: "\76"
}

.icon_chat_alt:before {
    content: "\77"
}

.icon_vol-mute_alt:before {
    content: "\78"
}

.icon_volume-low_alt:before {
    content: "\79"
}

.icon_volume-high_alt:before {
    content: "\7a"
}

.icon_quotations:before {
    content: "\7b"
}

.icon_quotations_alt2:before {
    content: "\7c"
}

.icon_clock_alt:before {
    content: "\7d"
}

.icon_lock_alt:before {
    content: "\7e"
}

.icon_lock-open_alt:before {
    content: "\e000"
}

.icon_key_alt:before {
    content: "\e001"
}

.icon_cloud_alt:before {
    content: "\e002"
}

.icon_cloud-upload_alt:before {
    content: "\e003"
}

.icon_cloud-download_alt:before {
    content: "\e004"
}

.icon_image:before {
    content: "\e005"
}

.icon_images:before {
    content: "\e006"
}

.icon_lightbulb_alt:before {
    content: "\e007"
}

.icon_gift_alt:before {
    content: "\e008"
}

.icon_house_alt:before {
    content: "\e009"
}

.icon_genius:before {
    content: "\e00a"
}

.icon_mobile:before {
    content: "\e00b"
}

.icon_tablet:before {
    content: "\e00c"
}

.icon_laptop:before {
    content: "\e00d"
}

.icon_desktop:before {
    content: "\e00e"
}

.icon_camera_alt:before {
    content: "\e00f"
}

.icon_mail_alt:before {
    content: "\e010"
}

.icon_cone_alt:before {
    content: "\e011"
}

.icon_ribbon_alt:before {
    content: "\e012"
}

.icon_bag_alt:before {
    content: "\e013"
}

.icon_creditcard:before {
    content: "\e014"
}

.icon_cart_alt:before {
    content: "\e015"
}

.icon_paperclip:before {
    content: "\e016"
}

.icon_tag_alt:before {
    content: "\e017"
}

.icon_tags_alt:before {
    content: "\e018"
}

.icon_trash_alt:before {
    content: "\e019"
}

.icon_cursor_alt:before {
    content: "\e01a"
}

.icon_mic_alt:before {
    content: "\e01b"
}

.icon_compass_alt:before {
    content: "\e01c"
}

.icon_pin_alt:before {
    content: "\e01d"
}

.icon_pushpin_alt:before {
    content: "\e01e"
}

.icon_map_alt:before {
    content: "\e01f"
}

.icon_drawer_alt:before {
    content: "\e020"
}

.icon_toolbox_alt:before {
    content: "\e021"
}

.icon_book_alt:before {
    content: "\e022"
}

.icon_calendar:before {
    content: "\e023"
}

.icon_film:before {
    content: "\e024"
}

.icon_table:before {
    content: "\e025"
}

.icon_contacts_alt:before {
    content: "\e026"
}

.icon_headphones:before {
    content: "\e027"
}

.icon_lifesaver:before {
    content: "\e028"
}

.icon_piechart:before {
    content: "\e029"
}

.icon_refresh:before {
    content: "\e02a"
}

.icon_link_alt:before {
    content: "\e02b"
}

.icon_link:before {
    content: "\e02c"
}

.icon_loading:before {
    content: "\e02d"
}

.icon_blocked:before {
    content: "\e02e"
}

.icon_archive_alt:before {
    content: "\e02f"
}

.icon_heart_alt:before {
    content: "\e030"
}

.icon_star_alt:before {
    content: "\e031"
}

.icon_star-half_alt:before {
    content: "\e032"
}

.icon_star:before {
    content: "\e033"
}

.icon_star-half:before {
    content: "\e034"
}

.icon_tools:before {
    content: "\e035"
}

.icon_tool:before {
    content: "\e036"
}

.icon_cog:before {
    content: "\e037"
}

.icon_cogs:before {
    content: "\e038"
}

.arrow_up_alt:before {
    content: "\e039"
}

.arrow_down_alt:before {
    content: "\e03a"
}

.arrow_left_alt:before {
    content: "\e03b"
}

.arrow_right_alt:before {
    content: "\e03c"
}

.arrow_left-up_alt:before {
    content: "\e03d"
}

.arrow_right-up_alt:before {
    content: "\e03e"
}

.arrow_right-down_alt:before {
    content: "\e03f"
}

.arrow_left-down_alt:before {
    content: "\e040"
}

.arrow_condense_alt:before {
    content: "\e041"
}

.arrow_expand_alt3:before {
    content: "\e042"
}

.arrow_carrot_up_alt:before {
    content: "\e043"
}

.arrow_carrot-down_alt:before {
    content: "\e044"
}

.arrow_carrot-left_alt:before {
    content: "\e045"
}

.arrow_carrot-right_alt:before {
    content: "\e046"
}

.arrow_carrot-2up_alt:before {
    content: "\e047"
}

.arrow_carrot-2dwnn_alt:before {
    content: "\e048"
}

.arrow_carrot-2left_alt:before {
    content: "\e049"
}

.arrow_carrot-2right_alt:before {
    content: "\e04a"
}

.arrow_triangle-up_alt:before {
    content: "\e04b"
}

.arrow_triangle-down_alt:before {
    content: "\e04c"
}

.arrow_triangle-left_alt:before {
    content: "\e04d"
}

.arrow_triangle-right_alt:before {
    content: "\e04e"
}

.icon_minus_alt:before {
    content: "\e04f"
}

.icon_plus_alt:before {
    content: "\e050"
}

.icon_close_alt:before {
    content: "\e051"
}

.icon_check_alt:before {
    content: "\e052"
}

.icon_zoom-out:before {
    content: "\e053"
}

.icon_zoom-in:before {
    content: "\e054"
}

.icon_stop_alt:before {
    content: "\e055"
}

.icon_menu-square_alt:before {
    content: "\e056"
}

.icon_menu-circle_alt:before {
    content: "\e057"
}

.icon_document:before {
    content: "\e058"
}

.icon_documents:before {
    content: "\e059"
}

.icon_pencil_alt:before {
    content: "\e05a"
}

.icon_folder:before {
    content: "\e05b"
}

.icon_folder-open:before {
    content: "\e05c"
}

.icon_folder-add:before {
    content: "\e05d"
}

.icon_folder_upload:before {
    content: "\e05e"
}

.icon_folder_download:before {
    content: "\e05f"
}

.icon_info:before {
    content: "\e060"
}

.icon_error-circle:before {
    content: "\e061"
}

.icon_error-oct:before {
    content: "\e062"
}

.icon_error-triangle:before {
    content: "\e063"
}

.icon_question_alt:before {
    content: "\e064"
}

.icon_comment:before {
    content: "\e065"
}

.icon_chat:before {
    content: "\e066"
}

.icon_vol-mute:before {
    content: "\e067"
}

.icon_volume-low:before {
    content: "\e068"
}

.icon_volume-high:before {
    content: "\e069"
}

.icon_quotations_alt:before {
    content: "\e06a"
}

.icon_clock:before {
    content: "\e06b"
}

.icon_lock:before {
    content: "\e06c"
}

.icon_lock-open:before {
    content: "\e06d"
}

.icon_key:before {
    content: "\e06e"
}

.icon_cloud:before {
    content: "\e06f"
}

.icon_cloud-upload:before {
    content: "\e070"
}

.icon_cloud-download:before {
    content: "\e071"
}

.icon_lightbulb:before {
    content: "\e072"
}

.icon_gift:before {
    content: "\e073"
}

.icon_house:before {
    content: "\e074"
}

.icon_camera:before {
    content: "\e075"
}

.icon_mail:before {
    content: "\e076"
}

.icon_cone:before {
    content: "\e077"
}

.icon_ribbon:before {
    content: "\e078"
}

.icon_bag:before {
    content: "\e079"
}

.icon_cart:before {
    content: "\e07a"
}

.icon_tag:before {
    content: "\e07b"
}

.icon_tags:before {
    content: "\e07c"
}

.icon_trash:before {
    content: "\e07d"
}

.icon_cursor:before {
    content: "\e07e"
}

.icon_mic:before {
    content: "\e07f"
}

.icon_compass:before {
    content: "\e080"
}

.icon_pin:before {
    content: "\e081"
}

.icon_pushpin:before {
    content: "\e082"
}

.icon_map:before {
    content: "\e083"
}

.icon_drawer:before {
    content: "\e084"
}

.icon_toolbox:before {
    content: "\e085"
}

.icon_book:before {
    content: "\e086"
}

.icon_contacts:before {
    content: "\e087"
}

.icon_archive:before {
    content: "\e088"
}

.icon_heart:before {
    content: "\e089"
}

.icon_profile:before {
    content: "\e08a"
}

.icon_group:before {
    content: "\e08b"
}

.icon_grid-2x2:before {
    content: "\e08c"
}

.icon_grid-3x3:before {
    content: "\e08d"
}

.icon_music:before {
    content: "\e08e"
}

.icon_pause_alt:before {
    content: "\e08f"
}

.icon_phone:before {
    content: "\e090"
}

.icon_upload:before {
    content: "\e091"
}

.icon_download:before {
    content: "\e092"
}

.social_facebook:before {
    content: "\e093"
}

.social_twitter:before {
    content: "\e094"
}

.social_pinterest:before {
    content: "\e095"
}

.social_googleplus:before {
    content: "\e096"
}

.social_tumblr:before {
    content: "\e097"
}

.social_tumbleupon:before {
    content: "\e098"
}

.social_wordpress:before {
    content: "\e099"
}

.social_instagram:before {
    content: "\e09a"
}

.social_dribbble:before {
    content: "\e09b"
}

.social_vimeo:before {
    content: "\e09c"
}

.social_linkedin:before {
    content: "\e09d"
}

.social_rss:before {
    content: "\e09e"
}

.social_deviantart:before {
    content: "\e09f"
}

.social_share:before {
    content: "\e0a0"
}

.social_myspace:before {
    content: "\e0a1"
}

.social_skype:before {
    content: "\e0a2"
}

.social_youtube:before {
    content: "\e0a3"
}

.social_picassa:before {
    content: "\e0a4"
}

.social_googledrive:before {
    content: "\e0a5"
}

.social_flickr:before {
    content: "\e0a6"
}

.social_blogger:before {
    content: "\e0a7"
}

.social_spotify:before {
    content: "\e0a8"
}

.social_delicious:before {
    content: "\e0a9"
}

.social_facebook_circle:before {
    content: "\e0aa"
}

.social_twitter_circle:before {
    content: "\e0ab"
}

.social_pinterest_circle:before {
    content: "\e0ac"
}

.social_googleplus_circle:before {
    content: "\e0ad"
}

.social_tumblr_circle:before {
    content: "\e0ae"
}

.social_stumbleupon_circle:before {
    content: "\e0af"
}

.social_wordpress_circle:before {
    content: "\e0b0"
}

.social_instagram_circle:before {
    content: "\e0b1"
}

.social_dribbble_circle:before {
    content: "\e0b2"
}

.social_vimeo_circle:before {
    content: "\e0b3"
}

.social_linkedin_circle:before {
    content: "\e0b4"
}

.social_rss_circle:before {
    content: "\e0b5"
}

.social_deviantart_circle:before {
    content: "\e0b6"
}

.social_share_circle:before {
    content: "\e0b7"
}

.social_myspace_circle:before {
    content: "\e0b8"
}

.social_skype_circle:before {
    content: "\e0b9"
}

.social_youtube_circle:before {
    content: "\e0ba"
}

.social_picassa_circle:before {
    content: "\e0bb"
}

.social_googledrive_alt2:before {
    content: "\e0bc"
}

.social_flickr_circle:before {
    content: "\e0bd"
}

.social_blogger_circle:before {
    content: "\e0be"
}

.social_spotify_circle:before {
    content: "\e0bf"
}

.social_delicious_circle:before {
    content: "\e0c0"
}

.social_facebook_square:before {
    content: "\e0c1"
}

.social_twitter_square:before {
    content: "\e0c2"
}

.social_pinterest_square:before {
    content: "\e0c3"
}

.social_googleplus_square:before {
    content: "\e0c4"
}

.social_tumblr_square:before {
    content: "\e0c5"
}

.social_stumbleupon_square:before {
    content: "\e0c6"
}

.social_wordpress_square:before {
    content: "\e0c7"
}

.social_instagram_square:before {
    content: "\e0c8"
}

.social_dribbble_square:before {
    content: "\e0c9"
}

.social_vimeo_square:before {
    content: "\e0ca"
}

.social_linkedin_square:before {
    content: "\e0cb"
}

.social_rss_square:before {
    content: "\e0cc"
}

.social_deviantart_square:before {
    content: "\e0cd"
}

.social_share_square:before {
    content: "\e0ce"
}

.social_myspace_square:before {
    content: "\e0cf"
}

.social_skype_square:before {
    content: "\e0d0"
}

.social_youtube_square:before {
    content: "\e0d1"
}

.social_picassa_square:before {
    content: "\e0d2"
}

.social_googledrive_square:before {
    content: "\e0d3"
}

.social_flickr_square:before {
    content: "\e0d4"
}

.social_blogger_square:before {
    content: "\e0d5"
}

.social_spotify_square:before {
    content: "\e0d6"
}

.social_delicious_square:before {
    content: "\e0d7"
}

.icon_printer:before {
    content: "\e103"
}

.icon_calulator:before {
    content: "\e0ee"
}

.icon_building:before {
    content: "\e0ef"
}

.icon_floppy:before {
    content: "\e0e8"
}

.icon_drive:before {
    content: "\e0ea"
}

.icon_search-2:before {
    content: "\e101"
}

.icon_id:before {
    content: "\e107"
}

.icon_id-2:before {
    content: "\e108"
}

.icon_puzzle:before {
    content: "\e102"
}

.icon_like:before {
    content: "\e106"
}

.icon_dislike:before {
    content: "\e0eb"
}

.icon_mug:before {
    content: "\e105"
}

.icon_currency:before {
    content: "\e0ed"
}

.icon_wallet:before {
    content: "\e100"
}

.icon_pens:before {
    content: "\e104"
}

.icon_easel:before {
    content: "\e0e9"
}

.icon_flowchart:before {
    content: "\e109"
}

.icon_datareport:before {
    content: "\e0ec"
}

.icon_briefcase:before {
    content: "\e0fe"
}

.icon_shield:before {
    content: "\e0f6"
}

.icon_percent:before {
    content: "\e0fb"
}

.icon_globe:before {
    content: "\e0e2"
}

.icon_globe-2:before {
    content: "\e0e3"
}

.icon_target:before {
    content: "\e0f5"
}

.icon_hourglass:before {
    content: "\e0e1"
}

.icon_balance:before {
    content: "\e0ff"
}

.icon_rook:before {
    content: "\e0f8"
}

.icon_printer-alt:before {
    content: "\e0fa"
}

.icon_calculator_alt:before {
    content: "\e0e7"
}

.icon_building_alt:before {
    content: "\e0fd"
}

.icon_floppy_alt:before {
    content: "\e0e4"
}

.icon_drive_alt:before {
    content: "\e0e5"
}

.icon_search_alt:before {
    content: "\e0f7"
}

.icon_id_alt:before {
    content: "\e0e0"
}

.icon_id-2_alt:before {
    content: "\e0fc"
}

.icon_puzzle_alt:before {
    content: "\e0f9"
}

.icon_like_alt:before {
    content: "\e0dd"
}

.icon_dislike_alt:before {
    content: "\e0f1"
}

.icon_mug_alt:before {
    content: "\e0dc"
}

.icon_currency_alt:before {
    content: "\e0f3"
}

.icon_wallet_alt:before {
    content: "\e0d8"
}

.icon_pens_alt:before {
    content: "\e0db"
}

.icon_easel_alt:before {
    content: "\e0f0"
}

.icon_flowchart_alt:before {
    content: "\e0df"
}

.icon_datareport_alt:before {
    content: "\e0f2"
}

.icon_briefcase_alt:before {
    content: "\e0f4"
}

.icon_shield_alt:before {
    content: "\e0d9"
}

.icon_percent_alt:before {
    content: "\e0da"
}

.icon_globe_alt:before {
    content: "\e0de"
}

.icon_clipboard:before {
    content: "\e0e6"
}

.glyph {
    float: left;
    text-align: center;
    padding: .75em;
    margin: .4em 1.5em .75em 0;
    width: 6em;
    text-shadow: none
}

.glyph_big {
    font-size: 128px;
    color: #59c5dc;
    float: left;
    margin-right: 20px
}

.glyph div {
    padding-bottom: 10px
}

.glyph input {
    font-family: consolas,monospace;
    font-size: 12px;
    width: 100%;
    text-align: center;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
    padding: .2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.glyph .fs1 {
    font-size: 2em
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-bahai:before {
    content: "\f666"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-biking:before {
    content: "\f84a"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-alt:before {
    content: "\f422"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-alt:before {
    content: "\f424"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fan:before {
    content: "\f863"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guilded:before {
    content: "\e07e"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-hands-wash:before {
    content: "\e05e"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-handshake-alt-slash:before {
    content: "\e05f"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hive:before {
    content: "\e07f"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-house-user:before {
    content: "\e065"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-innosoft:before {
    content: "\e080"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-instagram-square:before {
    content: "\e055"
}

.fa-instalod:before {
    content: "\e081"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-house:before {
    content: "\e066"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse:before {
    content: "\f8cc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-octopus-deploy:before {
    content: "\e082"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-arrows:before {
    content: "\e068"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-perbyte:before {
    content: "\e083"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-square:before {
    content: "\e01e"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-remove-format:before {
    content: "\f87d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-store-alt-slash:before {
    content: "\e070"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-uncharted:before {
    content: "\e084"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-unity:before {
    content: "\e049"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-vest:before {
    content: "\e085"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-virus:before {
    content: "\e074"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-watchman-monitoring:before {
    content: "\e087"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wodu:before {
    content: "\e088"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-brands-400.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-brands-400.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-brands-400.woff) format("woff"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-brands-400.ttf) format("truetype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-regular-400.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-regular-400.woff) format("woff"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.fab,.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-solid-900.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-solid-900.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-solid-900.woff) format("woff"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-solid-900.ttf) format("truetype"),url(//digitalinvea.com/wp-content/themes/appilo/css/plugins/fontawesome-5/css/../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,.far,.fas {
    font-family: "Font Awesome 5 Free"
}

.fa,.fas {
    font-weight: 900
}

@charset "UTF-8"; .owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3,1.3);
    -moz-transition: scale(1.3,1.3);
    -ms-transition: scale(1.3,1.3);
    -o-transition: scale(1.3,1.3);
    transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

/*! nouislider - 8.0.2 - 2015-07-06 13:22:09 */
.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-base {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.noUi-horizontal {
    height: 10px
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    -webkit-transition: background .45s;
    transition: background .45s
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after,.noUi-handle:before {
    display: none;
    :"";display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect,[disabled].noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,[disabled].noUi-origin {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    font: 400 12px Arial;
    color: #999
}

.noUi-value {
    width: 40px;
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 50px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 20px
}

.noUi-value-horizontal.noUi-value-sub {
    padding-top: 15px
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    width: 15px;
    margin-left: 20px;
    margin-top: -5px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-pips,.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    font: 400 12px Arial;
    color: #999
}

.noUi-value {
    width: 40px;
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 50px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 20px
}

.noUi-value-horizontal.noUi-value-sub {
    padding-top: 15px
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    width: 15px;
    margin-left: 20px;
    margin-top: -5px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    -o-transform: translate(0px,0px);
    -ms-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px,-50%,0);
    -moz-transform: translate3d(0px,-50%,0);
    -o-transform: translate(0px,-50%);
    -ms-transform: translate3d(0px,-50%,0);
    transform: translate3d(0px,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom:1;-ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff
}

.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item {
    display: inline-block;
    *zoom:1;*display: inline
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

\ .mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/mCSB_buttons.html);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.2.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with SaaS.
 */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-push:active,.hvr-push:focus,.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:active,.hvr-float:focus,.hvr-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

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

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

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

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

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

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

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

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover {
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

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

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

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

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

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

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

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

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

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

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

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

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

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

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

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

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.hvr-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover {
    background-color: #2098d1;
    color: #fff
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: #fff
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover {
    color: #fff
}

.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover {
    color: #fff
}

.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover {
    color: #fff
}

.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover {
    color: #fff
}

.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
    color: #fff
}

.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {
    color: #fff
}

.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover {
    color: #fff
}

.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover {
    color: #fff
}

.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover {
    color: #fff
}

.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover {
    color: #fff
}

.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover {
    color: #fff
}

.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover {
    color: #fff
}

.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover {
    color: #fff
}

.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover {
    color: #fff
}

.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover {
    color: #fff
}

.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {
    color: #fff
}

.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent
}

.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent
}

.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover {
    background: 0 0
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}

.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0,0,0,.6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent
}

.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity
}

.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-shadow-radial:after,.hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);
    background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);
    background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%)
}

.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1
}

.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent
}

.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

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

    100%,51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

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

    100%,51% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66);
    animation-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before {
    color: #0f9e5e
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:after,.hvr-icon-float-away:before {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:after,.hvr-icon-sink-away:before {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before {
    -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
    animation-name: hvr-icon-bob-float,hvr-icon-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

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

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

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

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

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

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

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

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: 1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

.empty-animation {
    animation-name: zoomInStable;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: zoomInStable;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoomInStable;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoomInStable;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoomInStable;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear
}

.empty-animation {
    animation-name: zoomInStable;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoomInStable;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoomInStable;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoomInStable;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoomInStable;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.empty-animation {
    animation-name: slideInUp;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInUp;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

.banner-section .image-column .image {
    animation-name: slideInLeft;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInLeft;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInLeft;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

.about-section .section-icons .icon-two {
    animation-name: slideInUp;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInUp;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0);
        opacity: 1
    }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: .7
    }

    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}

@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0);
        opacity: 1
    }

    50% {
        -moz-transform: rotate(180deg);
        opacity: .7
    }

    100% {
        -moz-transform: rotate(360deg);
        opacity: 1
    }
}

@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0);
        opacity: 1
    }

    50% {
        -o-transform: rotate(180deg);
        opacity: .7
    }

    100% {
        -o-transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes rotateme {
    0% {
        transform: rotate(0);
        opacity: 1
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

.work-section .icon-one,.about-section .section-icons .icon-three,.about-section .section-icons .icon-one,.choose-section .section-icons .icon-one,.choose-section .section-icons .icon-two,.counter-section .plus-icon,.about-section .section-icons .icon-two,.page-title .section-icons .icon-five,.process-block.one .inner-box .icon-box:first-child:before,.process-block-two.two .inner-box .icon-box:before,.process-block.three .inner-box .icon-box:before,.process-block-two.four .inner-box .icon-box:before,.call-to-action-section-two .section-icons .icon-one,.call-to-action-section-two .section-icons .icon-two,.services-section-two .section-icons .icon-one,.services-section .section-icons .icon-four,.services-section .section-icons .icon-one {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_up_down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes float_up_down {
    0% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }

    100% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.call-to-action-section-two .section-icons .icon-three,.services-section-two .section-icons .icon-two,.services-section .section-icons .icon-two {
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_left_right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: .4
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }
}

@keyframes float_left_right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: .4
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }
}

.call-to-action-section-two .section-icons .icon-four,.services-section-two .section-icons .icon-three {
    animation-name: float_left_right;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right;
    -ms-animation-duration: 30s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 30s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_left_right_two {
    0% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(0);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }
}

@keyframes float_left_right_two {
    0% {
        transform: translateX(-30px);
        opacity: 1
    }

    50% {
        transform: translateX(0);
        opacity: .8
    }

    100% {
        transform: translateX(-30px);
        opacity: 1
    }
}

.page-title .section-icons .icon-six,.page-title .section-icons .icon-two {
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.work-section .icon-two,.work-section .icon-three,.news-section .image-layer,.page-title .section-icons .icon-one,.page-title .section-icons .icon-four,.services-section .section-icons .icon-three {
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.empty-animation {
    animation-name: zoomInStable;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: zoomInStable;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoomInStable;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoomInStable;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoomInStable;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear
}

.empty-animation {
    animation-name: zoomInStable;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoomInStable;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoomInStable;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoomInStable;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoomInStable;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.empty-animation {
    animation-name: slideInUp;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInUp;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

.empty-animation {
    animation-name: slideInRight;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInRight;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInRight;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInRight;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

.empty-animation {
    animation-name: slideInLeft;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInLeft;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInLeft;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

.empty-animation {
    animation-name: slideInUp;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: slideInUp;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: slideInUp;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: slideInUp;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0);
        opacity: 1
    }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: .7
    }

    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}

@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0);
        opacity: 1
    }

    50% {
        -moz-transform: rotate(180deg);
        opacity: .7
    }

    100% {
        -moz-transform: rotate(360deg);
        opacity: 1
    }
}

@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0);
        opacity: 1
    }

    50% {
        -o-transform: rotate(180deg);
        opacity: .7
    }

    100% {
        -o-transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes rotateme {
    0% {
        transform: rotate(0);
        opacity: 1
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

.empty-animation {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_up_down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes float_up_down {
    0% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }

    100% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.empty-animation {
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_left_right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: .4
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }
}

@keyframes float_left_right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: .4
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1
    }
}

.empty-animation {
    animation-name: float_left_right;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right;
    -ms-animation-duration: 30s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 30s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_left_right_two {
    0% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(0);
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(-30px);
        opacity: 1
    }
}

@keyframes float_left_right_two {
    0% {
        transform: translateX(-30px);
        opacity: 1
    }

    50% {
        transform: translateX(0);
        opacity: .8
    }

    100% {
        transform: translateX(-30px);
        opacity: 1
    }
}

.empty-animation {
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.testimonials-thumbs-carousel .carousel-indicators li .image:before,.featured-section .blocks-column .inner-column .cloud-icon {
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

body.fancybox-active {
    overflow: hidden
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s,visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s,visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.fancybox-is-closing .fancybox-stage {
    overflow: visible
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title {
    display: none
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error,.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30,30,30,.6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,.fancybox-button:hover {
    color: #fff
}

.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: .6
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--zoom svg path {
    fill: transparent
}

.fancybox-navigation {
    display: none
}

.fancybox-show-nav .fancybox-navigation {
    display: block
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: 0 0;
    width: 60px;
    height: 100px;
    padding: 17px
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30,30,30,.6)
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: -40px
}

.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after {
    color: #fff;
    background: 0 0
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0,0%,100%,.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button,.fancybox-caption select {
    pointer-events: all;
    position: relative
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
    border: 6px solid hsla(0,0%,39%,.4);
    border-top: 6px solid hsla(0,0%,100%,.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 700
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

p.fancybox-share__links {
    margin-right: -10px
}

.fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all .2s
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: 0 0;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
    border: 0;
    border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 8px 1em 8px 15px
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/images/ui-icons_444444_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../images/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/slick.eot);
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/slick.eot?#iefix) format('embedded-opentype'),url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/slick.woff) format('woff'),url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/slick.ttf) format('truetype'),url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/slick.svg#slick) format('svg')
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}
/*
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}
*/
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: "Helvetica Neue",sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

3 .woocommerce-wrapper {
    font-family: 'Poppins','sans-serif'
}

.woocommerce-wrapper h1,.woocommerce-wrapper h2,.woocommerce-wrapper h3,.woocommerce-wrapper h4,.woocommerce-wrapper h5,.woocommerce-wrapper h6 {
    font-family: 'Poppins','sans-serif' !important
}

.woocommerce ul.products.columns-3 li.product {
    height: 360px
}

.woocommerce-shop-title-before {
    height: 3px;
    width: 5%;
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    display: block;
    position: absolute;
    left: 0;
    top: 10px
}

.woocommerce-shop-title {
    color: #767676 !important;
    font-size: 16px;
    padding-left: 60px;
    font-weight: 600
}

.woocommerce-shop-info {
    font-size: 36px;
    font-weight: 700;
    padding: 10px 0 60px;
    line-height: 48px
}

.woocommerce ul.products li.product a img {
    width: 150px;
    height: auto;
    margin-top: 23px
}

.woocommerce-product-inner {
    box-shadow: 0px 15px 29px 0px rgba(18,18,18,.15);
    border-radius: 8px
}

.woocommerce-product-content {
    display: flex;
    justify-content: center;
    align-items: baseline
}

.woocommerce ul.products li.product .button {
    background: 0 0;
    padding: 0;
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 12px 16px;
    font-size: 15px;
    line-height: 20px
}

.woocommerce ul.products li.product .button:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    padding-left: 10px
}

.woocommerce-add-to-cart {
    visibility: hidden
}

.woocommerce-product-title a {
    font-weight: 700;
    font-size: 16px;
    color: #223543
}

.woocommerce-product-excerpt p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0 16px;
    visibility: hidden
}

.woocommerce-product-excerpt p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 16px;
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.woocommerce-product-content {
    display: flex;
    justify-content: space-around;
    align-items: baseline
}

.woocommerce-product-details {
    display: flex;
    justify-content: center
}

section.related.products h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    padding-bottom: 85px;
    padding-top: 30px
}

.woocommerce div.product form.cart div.quantity {
    border: 1px solid #777;
    border-radius: 2px;
    line-height: 46px;
    margin: 0 12px 0 0
}

.woocommerce div.product .woocommerce-tabs .panel p {
    color: #767677;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    justify-content: center
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: transparent
}

.woocommerce-single-product-excerpt p {
    font-size: 16px;
    color: #767677;
    line-height: 2;
    font-weight: 500;
    padding-top: 25px
}

.woocommerce-single-product-excerpt:before {
    border: 1px dashed #767676;
    content: "";
    width: 50%;
    position: absolute
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    content: "";
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    height: 3px;
    width: 100%;
    z-index: 2;
    border: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.222;
    text-align: center;
    color: inherit
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #222
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 20px
}

.woocommerce button.button.alt {
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    padding: 8px 30px;
    font-size: 16px;
    line-height: 32px
}

.woocommerce button.button.alt:hover {
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba));
    transition: all .3s ease-in-out
}

.woocommerce-single-product-title h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px
}

section.related.products h2:after {
    content: "";
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba));
    width: 15%;
    top: 50px;
    height: 3px;
    position: absolute;
    margin-left: 30px
}

.woocommerce span.onsale {
    background: #222;
    color: #fff;
    font-size: 14px;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 8px
}

.woocommerce div.product p.price {
    font-size: 24px;
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    line-height: 1.667;
    text-shadow: 0px 7px 16px rgba(12,12,12,.22)
}

.woocommerce div.product form.cart {
    margin-top: 50px
}

.woocommerce-product-gallery__image {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 23px 27px 0px rgba(16,16,16,.09);
    padding: 30px 50px
}

.woocommerce div.product form.cart .variations td.label {
    padding: 5px 15px;
    line-height: 32px
}

.woocommerce-single-related-product div.owl-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 90px
}

.woocommerce-single-related-product div.owl-nav .owl-prev {
    height: 56px;
    width: 56px;
    color: #373a5b;
    padding-top: 6px;
    left: -60px;
    border-radius: 56px;
    transition: all .3s ease
}

.woocommerce-single-related-product div.owl-nav .owl-prev:hover {
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    color: #fff
}

.woocommerce-single-related-product div.owl-nav .owl-next {
    height: 56px;
    width: 56px;
    color: #373a5b;
    padding-top: 6px;
    right: -60px;
    border-radius: 56px;
    transition: all .3s ease
}

.woocommerce-single-related-product div.owl-nav .owl-next:hover {
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    color: #fff
}

.woocommerce .pswp__bg {
    background: #00000085
}

.woocommerce nav.woocommerce-pagination ul li a {
    padding: 10px 15px !important;
    background: #222;
    color: #fff
}

.woocommerce nav.woocommerce-pagination ul li span {
    padding: 10px 16px !important
}

.woocommerce nav.woocommerce-pagination ul {
    border: none
}

.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current {
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    color: #fff
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin: 0 8px
}

.woocommerce-product-inner:hover .woocommerce-product-bottom {
    background: #202020;
    border-radius: 0 0 8px 8px;
    transition: all .5s ease-out
}

.woocommerce-product-inner:hover .woocommerce-product-excerpt p {
    visibility: visible;
    transition: all .5s ease-out
}

.woocommerce-product-inner:hover .woocommerce-product-price {
    visibility: hidden
}

.woocommerce-product-inner:hover .woocommerce-product-content {
    justify-content: flex-start
}

.woocommerce-product-inner:hover .woocommerce-product-title a {
    color: #fff;
    transition: all .5s ease-out
}

.woocommerce-product-inner:hover .woocommerce-product-holder {
    padding-left: 15px
}

.woocommerce-product-inner:hover .woocommerce-add-to-cart {
    visibility: visible;
    transition: all .5s ease-out
}

.woocommerce-product-excerpt,.woocommerce-add-to-cart {
    height: 0
}

.woocommerce-product-inner:hover .woocommerce-product-excerpt,.woocommerce-add-to-cart {
    height: auto
}

.woocommerce-shop-sidebar .widget h3 {
    font-size: 21px;
    color: #222;
    font-weight: 700;
    line-height: 1.182;
    text-transform: capitalize
}

.woocommerce-shop-sidebar .widget li {
    margin: 8px 0
}

.woocommerce-shop-sidebar .widget li span.count {
    float: right
}

.woocommerce-shop-sidebar .widget li a {
    font-size: 16px;
    color: #222;
    font-weight: 700;
    line-height: 2
}

.woocommerce-shop-sidebar .widget {
    margin-bottom: 60px
}

.woocommerce-shop-sidebar .widget li span {
    font-size: 14px;
    color: #3a505f
}

.woocommerce ul.product_list_widget li img {
    float: left;
    margin-right: 20px;
    width: 35px;
    border-radius: 35px
}

.widget_product_tag_cloud .tag-cloud-link {
    font-size: 15px !important;
    color: #222;
    font-weight: 700;
    line-height: 2;
    border: 1px solid #222;
    padding: 3px 6px;
    border-radius: 4px;
    margin-right: 5px;
    transition: all .3s ease-in-out
}

.widget_product_tag_cloud .tag-cloud-link:hover {
    color: #fff;
    background: #222
}

.woocommerce .col-1,.col-2 {
    max-width: none
}

span.woocommerce-input-wrapper {
    width: 100%
}

.woocommerce form .form-row {
    width: 100% !important
}

.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px
}

.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select {
    width: 100%;
    height: 30px
}

.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%
}

.custom-checkout h3 {
    background-color: #165f1c;
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #fff;
    float: right
}

.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
    border: solid 2px #e4e4e4
}

#wc_checkout_add_ons {
    width: 45%;
    float: right;
    text-align: center
}

@media screen and (min-width: 980px) {
    .woocommerce-shipping-fields h3,.woocommerce-billing-fields h3 {
        width:100%
    }

    .woocommerce .col2-set,.woocommerce-page .col2-set {
        width: 45%;
        float: left
    }

    .woocommerce-checkout-review-order {
        width: 45%;
        float: right
    }
}

@media screen and (max-width: 979px) {
    .custom-checkout h3 {
        width:100%
    }
}

.woocommerce-cart.full-width-content .content,.woocommerce-checkout.full-width-content .content {
    max-width: 100%
}

.woocommerce-cart .woocommerce table.shop_table td.actions {
    border-top: 1px solid #e6e6e6;
    background: #f7f7f7;
    border-bottom: 0 solid #e6e6e6
}

.woocommerce-cart .entry-content form {
    width: 60%;
    float: left
}

.woocommerce-cart .woocommerce .cart-collaterals {
    width: 33%;
    float: right
}

.woocommerce-cart .woocommerce .cart-collaterals h2 {
    display: none
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: 100%
}

#add_payment_method .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-checkout .cart-collaterals .cart_totals tr th,#add_payment_method table.cart th,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart th,.woocommerce-checkout table.shop_table th {
    color: #034997;
    font-size: 14px;
    font-size: 1.1rem
}

#add_payment_method .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-checkout .cart-collaterals .cart_totals tr td,#add_payment_method table.cart td,.woocommerce-cart table.cart td,.woocommerce-checkout table.cart td,.woocommerce-checkout table.shop_table td {
    color: #555;
    font-size: 14px;
    font-size: 1.2rem
}

.woocommerce-cart .woocommerce table.shop_table th {
    border-bottom: 2px solid #034997
}

.woocommerce-cart .woocommerce table.shop_table,.woocommerce-checkout .woocommerce table.shop_table {
    border: 1px solid #e6e6e6;
    margin: 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
    border-bottom: none;
    border-right: none;
    margin-bottom: 35px;
    border-bottom: 1px solid #e6e6e6
}

body #add_payment_method #payment ul.payment_methods li input,body.woocommerce-cart #payment ul.payment_methods li input,body.woocommerce-checkout #payment ul.payment_methods li input {
    width: auto;
    margin: -2px .5em 0 0
}

body .woocommerce form .form-row .input-checkbox {
    width: auto;
    margin: -2px 5px 0 0
}

#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th,body.woocommerce-cart .cart-collaterals .cart_totals tr td,body.woocommerce-cart .cart-collaterals .cart_totals tr th,body.woocommerce-checkout .cart-collaterals .cart_totals tr td,body.woocommerce-checkout .cart-collaterals .cart_totals tr th,body .woocommerce table.shop_table th {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    padding: 10px 20px
}

body #add_payment_method table.cart td,body #add_payment_method table.cart th,body.woocommerce-cart table.cart td,body.woocommerce-cart table.cart th,body.woocommerce-checkout table.cart td,body.woocommerce-checkout table.cart th {
    border-right: 1px solid #e6e6e6
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-bottom: 1px solid #e6e6e6
}

body .woocommerce #respond input#submit.alt,body .woocommerce a.button.alt,body .woocommerce button.button.alt,body .woocommerce input.button.alt {
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0)) !important;
    font-weight: 500
}

body .woocommerce #respond input#submit.alt:hover,body .woocommerce a.button.alt:hover,body .woocommerce button.button.alt:hover,body .woocommerce input.button.alt:hover {
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba)) !important
}

body .woocommerce .cart .button,body .woocommerce .cart input.button,body .woocommerce #respond input#submit,body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button {
    background: #034997 !important;
    color: #fff;
    font-weight: 500;
    border-radius: 40px
}

body .woocommerce #payment #place_order,.woocommerce-page #payment #place_order {
    float: right;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 1.12em;
    padding: 1em;
    border-radius: 40px;
    margin-top: .5em
}

body .woocommerce form .form-row-first,body .woocommerce form .form-row-last,body .woocommerce-page form .form-row-first,body .woocommerce-page form .form-row-last {
    width: 49%
}

body .woocommerce #respond input#submit.disabled,body .woocommerce #respond input#submit:disabled,body .woocommerce #respond input#submit:disabled[disabled],body .woocommerce a.button.disabled,body .woocommerce a.button:disabled,body .woocommerce a.button:disabled[disabled],body .woocommerce button.button.disabled,body .woocommerce button.button:disabled,body .woocommerce button.button:disabled[disabled],body .woocommerce input.button.disabled,body .woocommerce input.button:disabled,body .woocommerce input.button:disabled[disabled] {
    background: #ccc
}

body .woocommerce a.checkout-button.button.alt {
    border-radius: 40px
}

body .woocommerce #content table.cart td.actions .coupon,body .woocommerce table.cart td.actions .coupon {
    width: 68%
}

body #add_payment_method table.cart td.actions .coupon .input-text,body.woocommerce-cart table.cart td.actions .coupon .input-text,body.woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 8px 6px 7px;
    width: 65%
}

body .woocommerce table.shop_table td {
    padding: 15px
}

body .woocommerce-checkout table.shop_table td {
    text-align: right;
    border-right: 1px solid #e6e6e6;
    border-top: 0
}

.woocommerce a.remove {
    margin: 0 auto
}

.woocommerce-cart .woocommerce table.shop_table th.product-remove,.woocommerce-cart .woocommerce table.shop_table th.product-name {
    text-align: center
}

.woocommerce-cart .woocommerce table.shop_table th.product-price,.woocommerce-cart .woocommerce table.shop_table th.product-quantity,.woocommerce-cart .woocommerce table.shop_table th.product-subtotal {
    text-align: right
}

.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price,.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity,.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal {
    text-align: right
}

.woocommerce-checkout #add_payment_method #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li {
    list-style: none
}

.woocommerce-checkout .woocommerce .col2-set {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
}

.woocommerce-checkout .woocommerce .col2-set .col-1,.woocommerce-checkout .woocommerce .col2-set .col-2 {
    margin-bottom: 2em;
    width: 100%;
    float: none
}

.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review {
    background: #fff;
    width: 47.8260869565%;
    float: right;
    margin-right: 0
}

.woocommerce-checkout #ship-to-different-address-checkbox {
    width: auto;
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    opacity: 1;
    position: static
}

.woocommerce-checkout #ship-to-different-address label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    text-transform: uppercase;
    color: #000
}

.woocommerce-checkout .woocommerce form .form-row.create-account label {
    padding-top: 2px;
    font-weight: 700
}

.woocommerce-checkout .payment-fixed {
    position: fixed;
    z-index: 9;
    box-shadow: rgba(0,0,0,.2) 0px 6px 2em;
    left: 52%;
    margin-left: 0;
    padding: 20px;
    top: 0;
    width: 45.5% !important;
    -webkit-transition: padding .1s ease-in;
    -moz-transition: padding .1s ease-in;
    -o-transition: padding .1s ease-in;
    -ms-transition: padding .1s ease-in;
    transition: padding .1s ease-in
}

.product-shipping-message {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    border-top: 1px solid #139248;
    border-bottom: 1px solid #139248
}

body .woocommerce table.shop_table tbody th,body .woocommerce table.shop_table tfoot td,body .woocommerce table.shop_table tfoot th {
    border-bottom: none
}

body .woocommerce form .form-row input.input-text,body .woocommerce form .form-row textarea {
    max-width: 100%
}

body .woocommerce .product-name a {
    color: #000;
    pointer-events: none;
    cursor: default
}

@media only screen and (max-width: 1139px) {
    .woocommerce-cart .entry-content form {
        width:64%
    }
}

@media only screen and (max-width: 980px) {
    .woocommerce-cart .entry-content form {
        width:80%;
        float: none;
        margin: 0 auto
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 80%;
        float: None;
        margin: auto
    }

    body .woocommerce #content table.cart td.actions .coupon,body .woocommerce table.cart td.actions .coupon {
        width: 100%
    }

    body #add_payment_method table.cart td.actions .coupon .input-text,body.woocommerce-cart table.cart td.actions .coupon .input-text,body.woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 48%
    }
}

@media only screen and (max-width: 650px) {
    .woocommerce-cart .entry-content form {
        width:100%
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 100%
    }

    .woocommerce-checkout .woocommerce .col2-set {
        width: 100%;
        float: none;
        margin-right: 0
    }

    .woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review {
        width: 100%;
        float: none
    }
}

.xt_woofc-inner .xt_woofc-product-image img {
    width: 80%;
    height: auto
}

.xt_woofc-inner a.xt_woofc-checkout {
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba)) !important
}

.xt_woofc-inner .xt_woofc-product-title,.xt_woofc-inner .xt_woofc-price {
    font-weight: 700;
    font-size: 15.5px
}

.appilo-main {
    font-family: 'Poppins';
    color: #656565;
    font-size: 14px;
    line-height: 27px
}

.appilo-main a:hover,.appilo-main a:visited,.appilo-main a:focus,.appilo-main a:active {
    text-decoration: none!important;
    outline: none!important
}

.appilo-main .container {
    -webkit-transition: none;
    transition: none
}

@media (min-width: 1200px) {
    .appilo-main .container {
        padding-left:0;
        padding-right: 0
    }
}

.sec-pad {
    padding: 120px 0
}

.p0 {
    padding: 0!important
}

.pt0 {
    padding-top: 0!important
}

.pt70 {
    padding-top: 70px!important
}

.pb0 {
    padding-bottom: 0!important
}

.mb80 {
    margin-bottom: 80px!important
}

.gray-bg {
    background: #f4f9fd
}

.appilo-main [class^=flaticon-]:before,.appilo-main [class*=" flaticon-"]:before,.appilo-main [class^=flaticon-]:after,.appilo-main [class*=" flaticon-"]:after {
    margin-left: 0;
    font-size: inherit
}

.appilo-sec-title {
    margin-bottom: 80px
}

.appilo-sec-title h2,.appilo-sec-title p {
    margin: 0
}

.appilo-sec-title h2 {
    font-size: 32px;
    color: #170b35;
    font-weight: 600
}

.appilo-sec-title p {
    font-size: 16px;
    line-height: 26px;
    color: #656565;
    margin-top: 20px
}

.appilo-thm-btn {
    display: inline-block;
    border: none;
    outline: none;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 28px;
    padding: 15px 29px;
    position: relative
}

.appilo-thm-btn:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 28px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-thm-btn:hover {
    color: #190a32
}

.appilo-thm-btn:hover:before {
    opacity: 1
}

.appilo-thm-btn>span {
    position: relative
}

.appilo-thm-btn.borderd {
    color: #190a32
}

.appilo-thm-btn.borderd:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 28px;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-thm-btn.borderd:hover {
    color: #fff
}

.appilo-thm-btn.borderd:hover:before {
    opacity: 0
}

.separator {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background: rgba(83,82,83,.15)
}

.separator.full-width {
    max-width: 100%
}

.separator.no-border {
    background-color: transparent
}

.separator.mt135 {
    margin-top: 135px
}

.separator.mb135 {
    margin-bottom: 135px
}

.separator.mt115 {
    margin-top: 115px
}

.separator.mb115 {
    margin-bottom: 115px
}

.separator.mt100 {
    margin-top: 100px
}

.separator.mb100 {
    margin-bottom: 100px
}

.separator.mt90 {
    margin-top: 90px
}

.separator.mb90 {
    margin-bottom: 90px
}

.appilo-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    color: #fff;
    font-size: 17px;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    -webkit-box-shadow: 0 23px 42px rgba(0,0,0,.2);
    box-shadow: 0 23px 42px rgba(0,0,0,.2);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-preloader {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.appilo-preloader .spinner {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.home-page-one {
    position: absolute;
    top: 0
}

.home-page-one .navbar-brand {
    padding-top: 0
}

.home-page-one .navbar {
    padding: 0
}

.home-page-one .navbar-nav {
    display: inline-block
}

.home-page-one .navbar-nav li {
    display: inline-block
}

.home-page-one .navbar-nav ul {
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
    top: 5px;
    float: right
}

.home-page-one .navbar-nav .nav-link {
    font-size: 15px;
    letter-spacing: .01em;
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    padding-left: 20px!important;
    padding-right: 15px!important;
    padding-bottom: 30px;
    font-weight: 600;
    padding-top: 0
}

.home-page-one .navbar-nav .nav-link.active {
    opacity: 1;
    color: #190a32
}

.home-page-one .nav-wrapper {
    height: 100%
}

.home-page-one .sign-up-btn {
    margin-left: 25px;
    margin-top: -20px
}

.home-page-one .sign-up-btn a {
    border: none;
    outline: none;
    background: #fff;
    color: #190a32;
    font-weight: 600;
    font-size: 15px;
    border-radius: 18px;
    display: inline-block;
    padding: 4.5px 21.5px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.home-page-one .sign-up-btn a:hover {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    color: #fff
}

.home-page-one {
    position: relative
}

.appilo-menu {
    right: 0;
    left: 0;
    top: 30px;
    z-index: 1030;
    margin: 0 auto;
    max-width: 1170px;
    position: absolute
}

.home-page-one.menu-bg-overlay {
    background-color: #0e0f1f;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 999999;
    padding: 10px 0;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.home-page-one.menu-bg-overlay .navbar-nav .nav-link {
    top: 5px
}

.home-page-one.menu-bg-overlay .appilo-menu {
    top: 15px
}

.home-page-one.menu-bg-overlay .navbar-nav .nav-link.active {
    color: #d13497
}

.home-page-one.menu-bg-overlay .navbar-nav .nav-link:hover {
    color: #d13497
}

.home-page-one .stick-logo {
    display: none
}

.home-page-one.menu-bg-overlay .default-logo {
    display: none
}

.home-page-one.menu-bg-overlay .stick-logo {
    display: block
}

.home-page-one .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 15px;
    z-index: 1000;
    float: left;
    min-width: 200px;
    padding: 0;
    text-align: left;
    list-style: none;
    display: block;
    background-color: #f4f4f6;
    background-clip: padding-box;
    opacity: 0;
    border-radius: 0;
    visibility: hidden;
    border: none;
    -webkit-transition: opacity .4s ease,visibility .4s ease;
    transition: opacity .4s ease,visibility .4s ease
}

.home-page-one .navbar-expand-lg .navbar-nav .dropdown-menu ul {
    padding: 0
}

.home-page-one .navbar-expand-lg .navbar-nav .dropdown-menu li a {
    font-size: 15px;
    color: #2d2d2d;
    padding: 8px 0;
    display: block;
    line-height: 26px;
    padding-left: 27px;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.home-page-one.menu-bg-overlay .sign-up-btn {
    margin-bottom: -10px
}

.home-page-one .navbar-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.home-page-one .navbar-expand-lg .navbar-nav .dropdown-menu li:hover a {
    background: #6b40bf;
    color: #fff;
    position: relative
}

.home-page-one .navbar-collapse .dropdown {
    position: relative
}

.home-page-one .navbar-collapse .dropdown li {
    list-style: none;
    display: block
}

.home-page-one .dropdown-btn {
    display: none
}

.banner-static {
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/slider-bg.jpg) 90% top no-repeat;
    padding-top: 190px;
    overflow: hidden;
    background-size: cover
}

@media (max-width: 1366px) {
    .banner-static {
        background:#fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/slider-bg.jpg) center top no-repeat;
        background-size: cover
    }
}

.banner-static .banner-content {
    padding-top: 140px
}

.banner-static .banner-content h3 {
    margin: 0;
    color: #190a32;
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 11px
}

.banner-static .banner-content p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 54px
}

.banner-static .banner-content .appilo-thm-btn+.appilo-thm-btn {
    margin-left: 15px
}

.banner-static .banner-content .appilo-thm-btn {
    -webkit-box-shadow: 0 15px 30px rgba(212,50,151,.27);
    box-shadow: 0 15px 30px rgba(212,50,151,.27)
}

.banner-static .banner-content .appilo-thm-btn:hover {
    color: #fff;
    -webkit-box-shadow: 0 15px 30px rgba(212,50,151,.27);
    box-shadow: 0 15px 30px rgba(212,50,151,.27)
}

.banner-static .banner-content .appilo-thm-btn:hover:before {
    opacity: 0
}

.banner-static .banner-content .appilo-thm-btn.borderd {
    -webkit-box-shadow: none;
    box-shadow: none
}

.banner-static .banner-content .appilo-thm-btn.borderd:hover {
    -webkit-box-shadow: 0 15px 30px rgba(212,50,151,.27);
    box-shadow: 0 15px 30px rgba(212,50,151,.27)
}

.banner-static .banner-content .appilo-thm-btn.borderd:hover:before {
    opacity: 0
}

.banner-static .banner-moc-box>img {
    position: relative;
    left: 175px;
    max-width: inherit
}

.fun-fact .single-fun-fact {
    text-align: center
}

.fun-fact .single-fun-fact p {
    color: #656565;
    font-size: 18px;
    font-weight: 600;
    margin: 0
}

.fun-fact .single-fun-fact span.counter {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 200!important;
    font-size: 53px
}

.fun-fact .separator {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background: rgba(83,82,83,.15);
    margin-top: 70px
}

.app-features .single-app-features i {
    padding-top: 8px;
    color: #666;
    font-size: 45px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    line-height: 1
}

.app-features .single-app-features h3,.app-features .single-app-features p {
    margin: 0
}

.app-features .single-app-features h3 {
    font-size: 20px;
    font-weight: 500;
    color: #150a33;
    margin-top: 17px;
    margin-bottom: 17px
}

.app-features .single-app-features p {
    letter-spacing: .01em;
    color: #656565;
    margin-bottom: 50px
}

.app-features .single-app-features .line {
    width: 100%;
    height: 4px;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.app-features .single-app-features:hover i {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-features .single-app-features:hover .line {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.app-features .center .single-app-features i {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-features .center .single-app-features .line {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.app-features .owl-theme .owl-nav {
    margin: 0
}

.app-features .owl-theme .owl-nav [class*=owl-] {
    background: #e9e8e8;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    line-height: 38px;
    font-size: 14px;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.app-features .owl-theme .owl-nav [class*=owl-] i {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 14px;
    cursor: pointer
}

.app-features .owl-theme .owl-nav .owl-prev {
    left: 0
}

.app-features .owl-theme .owl-nav .owl-next {
    right: 0
}

.features-style-one .feature-style-content {
    padding-top: 50px
}

.features-style-one .feature-style-content.pl40 {
    padding-left: 40px
}

.features-style-one .feature-style-content>i {
    font-size: 45px;
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1
}

.features-style-one .feature-style-content h3 {
    margin: 0;
    color: #150a33;
    font-size: 32px;
    line-height: 48px;
    margin-top: 25px;
    margin-bottom: 20px
}

.features-style-one .feature-style-content p {
    font-size: 16px;
    line-height: 27px;
    color: #656565;
    letter-spacing: .01em;
    margin: 0;
    margin-bottom: 20px
}

.features-style-one .feature-style-content a.more {
    font-size: 16px;
    font-weight: 600;
    color: #6b40bf;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.features-style-one .feature-style-content a.more i {
    margin-left: 5px;
    vertical-align: middle
}

.features-style-one .feature-style-content a.more:hover {
    color: #d43297
}

.features-style-one img.has-dropshadow {
    -webkit-box-shadow: 0 16px 43px rgba(78,48,135,.24);
    box-shadow: 0 16px 43px rgba(78,48,135,.24)
}

.appilo-video-box {
    background: #d9378b url(//digitalinvea.com/wp-content/themes/appilo/css/../img/video-bg.jpg) center center no-repeat fixed;
    background-size: cover;
    position: relative;
    padding: 126px 0
}

.appilo-video-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(61,30,130,.67)
}

.appilo-video-box .container {
    position: relative
}

.appilo-video-box h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 50px
}

.appilo-video-box a.video-btn {
    width: 109px;
    height: 109px;
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    text-align: center;
    display: inline-block;
    line-height: 109px;
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.appilo-video-box a.video-btn i {
    display: inline-block;
    vertical-align: middle;
    width: 84px;
    height: 84px;
    color: #fff;
    font-size: 20px;
    line-height: 84px;
    border-radius: 50%;
    background: #d9378b
}

.pricing-section .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: middle
}

.pricing-section .switch input {
    display: none
}

.pricing-section .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    -webkit-transition: .4s;
    transition: .4s
}

.pricing-section .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.pricing-section .switch.on .slider {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1)
}

.pricing-section .switch.off .slider {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1)
}

.pricing-section input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3
}

.pricing-section .switch.off .slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}

.pricing-section .slider.round {
    border-radius: 34px
}

.pricing-section .slider.round:before {
    border-radius: 50%
}

.pricing-section ul.switch-toggler-list {
    margin-bottom: 40px;
    display: flex;
    justify-content: center
}

.pricing-section ul.switch-toggler-list li a {
    font-size: 18px;
    font-weight: 600;
    color: #323232;
    padding-left: 10px;
    padding-right: 10px;
    display: block
}

.pricing-section ul.switch-toggler-list li.active a {
    color: #989898
}

.pricing-section .pricing-row {
    padding-top: 20px
}

.pricing-section .single-pricing {
    position: relative;
    background: #e8e6e6;
    border-radius: 15px
}

.pricing-section .single-pricing:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 15px
}

.pricing-section .single-pricing .inner {
    position: relative;
    padding-bottom: 45px;
    padding-top: 45px
}

.pricing-section .single-pricing h3,.pricing-section .single-pricing p,.pricing-section .single-pricing ul,.pricing-section .single-pricing li {
    margin: 0;
    padding: 0;
    list-style: none
}

.pricing-section .single-pricing h3.title {
    font-size: 24px;
    color: #170b35;
    font-weight: 600
}

.pricing-section .single-pricing p.price {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 53px;
    font-weight: 200!important;
    line-height: 1em;
    margin-bottom: 20px;
    margin-top: 20px
}

.pricing-section .single-pricing p.price-label {
    font-size: 18px;
    font-weight: 600;
    color: #656565
}

.pricing-section .single-pricing ul.list-item {
    margin-top: 45px
}

.pricing-section .single-pricing ul.list-item li {
    font-size: 14px;
    color: #170b35;
    font-weight: 500
}

.pricing-section .single-pricing ul.list-item li i {
    vertical-align: middle;
    margin-right: 5px
}

.pricing-section .single-pricing ul.list-item li i.fa-check {
    color: #12ce32
}

.pricing-section .single-pricing ul.list-item li i.fa-times {
    color: #ff0302
}

.pricing-section .single-pricing a.appilo-thm-btn {
    padding: 15px 57px;
    margin-top: 35px
}

.pricing-section .single-pricing a.appilo-thm-btn:hover {
    -webkit-box-shadow: 0 15px 30px rgba(212,50,151,.27);
    box-shadow: 0 15px 30px rgba(212,50,151,.27)
}

.pricing-section .single-pricing.popular {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    margin-top: -20px
}

.pricing-section .single-pricing.popular .inner {
    padding-top: 65px;
    padding-bottom: 65px
}

.pricing-section .single-pricing.popular .appilo-thm-btn {
    color: #fff;
    -webkit-box-shadow: 0 15px 30px rgba(212,50,151,.27);
    box-shadow: 0 15px 30px rgba(212,50,151,.27)
}

.pricing-section .single-pricing.popular .appilo-thm-btn:before {
    opacity: 0
}

.pricing-section .tabed-content #year,.pricing-section .tabed-content #month {
    display: none
}

.intigration-section .intigration-content {
    padding-top: 40px
}

.intigration-section h3 {
    margin: 0;
    color: #150a33;
    font-size: 32px;
    line-height: 48px;
    margin-top: 25px;
    margin-bottom: 20px
}

.intigration-section p {
    font-size: 16px;
    line-height: 27px;
    color: #656565;
    letter-spacing: .01em;
    margin: 0;
    margin-bottom: 20px
}

.intigration-section a.more {
    color: #6b40bf;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.intigration-section a.more i {
    margin-left: 5px;
    vertical-align: middle
}

.intigration-section a.more:hover {
    color: #d43297
}

.intigration-section .intigration-img-box {
    position: relative;
    display: block;
    min-height: 360px
}

.intigration-section .intigration-img-box img {
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 20px
}

.intigration-section .intigration-img-box img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-box-shadow: 0 15px 30px rgba(212,50,151,.27);
    box-shadow: 0 15px 30px rgba(212,50,151,.27)
}

.intigration-section .intigration-img-box img:nth-child(1) {
    top: 0;
    right: 185px
}

.intigration-section .intigration-img-box img:nth-child(2) {
    top: 48px;
    right: 60px
}

.intigration-section .intigration-img-box img:nth-child(3) {
    top: 170px;
    right: 350px
}

.intigration-section .intigration-img-box img:nth-child(4) {
    top: 196px;
    right: 200px
}

.intigration-section .intigration-img-box img:nth-child(5) {
    bottom: 0;
    right: 0
}

.blog-style-one .single-blog-post:hover .img-box img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.blog-style-one .single-blog-post:hover .img-box:after {
    opacity: 1
}

.blog-style-one .single-blog-post .img-box {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.blog-style-one .single-blog-post .img-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(0,0,0,.4);
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-style-one .single-blog-post .img-box>img {
    border-radius: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-style-one .single-blog-post .text-box h3,.blog-style-one .single-blog-post .text-box p,.blog-style-one .single-blog-post .text-box ul,.blog-style-one .single-blog-post .text-box li {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-style-one .single-blog-post .text-box ul.meta-info {
    margin-top: 40px;
    margin-bottom: 15px
}

.blog-style-one .single-blog-post .text-box ul.meta-info li {
    display: inline-block;
    vertical-align: middle
}

.blog-style-one .single-blog-post .text-box ul.meta-info li:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle
}

.blog-style-one .single-blog-post .text-box ul.meta-info li:last-child:after {
    display: none
}

.blog-style-one .single-blog-post .text-box ul.meta-info li a {
    display: inline-block;
    vertical-align: middle;
    color: #656565;
    font-size: 16px
}

.blog-style-one .single-blog-post .text-box h3 {
    font-size: 20px;
    font-weight: 500;
    color: #150a33;
    line-height: 30px;
    margin-bottom: 15px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-style-one .single-blog-post .text-box h3:hover {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-style-one .single-blog-post .text-box p {
    color: #656565;
    margin-bottom: 15px
}

.blog-style-one .single-blog-post .text-box a.read-more {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 40px
}

.blog-style-one .single-blog-post .text-box a.read-more i {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 5px;
    vertical-align: middle
}

.blog-style-one .single-blog-post .text-box:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-style-one .single-blog-post:hover .text-box:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.blog-style-one .center .single-blog-post .text-box:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.blog-style-one .owl-theme .owl-nav {
    margin: 0
}

.blog-style-one .owl-theme .owl-nav [class*=owl-] {
    background: #e9e8e8;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    line-height: 38px;
    font-size: 14px;
    position: absolute;
    top: 18%
}

.blog-style-one .owl-theme .owl-nav [class*=owl-] i {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 14px;
    cursor: pointer
}

.blog-style-one .owl-theme .owl-nav .owl-prev {
    left: -19px
}

.blog-style-one .owl-theme .owl-nav .owl-next {
    right: -19px
}

.blog-style-two .single-blog-post-style-two+.single-blog-post-style-two {
    margin-top: 80px
}

.blog-style-two .single-blog-post-style-two .img-box {
    position: relative
}

.blog-style-two .single-blog-post-style-two .img-box>img {
    width: 100%
}

.blog-style-two .single-blog-post-style-two .img-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(1,1,1,.2)
}

.blog-style-two .single-blog-post-style-two .text-box {
    padding-top: 30px
}

.blog-style-two .single-blog-post-style-two .text-box a.date {
    color: #cd3498;
    font-size: 16px;
    font-weight: 600
}

.blog-style-two .single-blog-post-style-two .text-box h3 {
    font-size: 20px;
    color: #170b35;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.blog-style-two .single-blog-post-style-two .text-box p {
    font-size: 16px;
    line-height: 28px;
    color: #656565;
    letter-spacing: .01em;
    margin: 0
}

.blog-style-two .single-blog-post-style-two .text-box .meta-info {
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
    margin-top: 20px
}

.blog-style-two .single-blog-post-style-two .text-box .meta-info a,.blog-style-two .single-blog-post-style-two .text-box .meta-info span.sep {
    display: inline-block;
    vertical-align: middle;
    color: #929191;
    font-size: 15px;
    letter-spacing: .01em
}

.blog-style-two .single-blog-post-style-two .text-box .meta-info span.sep {
    margin-left: 10px;
    margin-right: 10px
}

.blog-style-two .single-blog-post-style-two .text-box a.read-more {
    color: #fff;
    border-radius: 25px;
    font-size: 16px;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    position: relative;
    display: inline-block;
    padding: 13px 35px;
    font-weight: 600;
    margin-top: 20px
}

.blog-style-two .single-blog-post-style-two .text-box a.read-more>span {
    position: relative
}

.blog-style-two .single-blog-post-style-two .text-box a.read-more:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 28px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-style-two .single-blog-post-style-two .text-box a.read-more:hover {
    color: #170b35;
    -webkit-box-shadow: 0 18px 37px #476ca4;
    box-shadow: 0 18px 37px #476ca4
}

.blog-style-two .single-blog-post-style-two .text-box a.read-more:hover:before {
    opacity: 1
}

.blog-style-two .blog-post-pagination {
    margin-top: 80px
}

.blog-style-two .blog-post-pagination a {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    line-height: 38px;
    color: #170b35;
    font-weight: 600;
    font-size: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #cbcaca;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-style-two .blog-post-pagination a+a {
    margin-left: 10px
}

.blog-style-two .blog-post-pagination a.active,.blog-style-two .blog-post-pagination a:hover {
    border-color: #cd339a;
    color: #fff;
    background: #cd339a
}

.blog-details-page .has-right-sidebar {
    padding-right: 120px
}

.blog-details-page .single-blog-post-style-two .text-box {
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 100px
}

.blog-details-page .single-blog-post-style-two .text-box a {
    color: #0c7fe9
}

.blog-details-page .single-blog-post-style-two .text-box h3 {
    margin: 0;
    margin-bottom: 15px
}

.blog-details-page .single-blog-post-style-two .text-box .meta-info {
    border: none;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 15px
}

.blog-details-page .single-blog-post-style-two .text-box .qoute {
    padding: 25px 0;
    padding-left: 30px;
    border-left: 7px solid #cd339a
}

.blog-details-page .single-blog-post-style-two .text-box .qoute p {
    font-size: 18px;
    color: #656565;
    font-style: italic;
    line-height: 30px
}

.blog-details-page .single-blog-post-style-two .text-box .qoute h3 {
    font-size: 16px;
    color: #150a33;
    font-weight: 600;
    margin: 0;
    margin-top: 10px
}

.blog-details-page .single-blog-post-style-two .text-box .qoute span {
    color: #929191;
    font-size: 15px;
    display: inline-block;
    margin-top: 5px
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul,.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li:last-child {
    margin-right: 0
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li a {
    display: block;
    border: 1px solid #e0e0e0;
    padding: 4px 19.5px;
    font-size: 15px;
    color: #929191;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li a:hover {
    color: #fff;
    border-color: #cc3498;
    background: #cc3498
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li.labled {
    color: #150a33;
    font-size: 15px;
    font-weight: 500;
    padding-right: 20px
}

.blog-details-page .single-blog-post-style-two .text-box .social-box h4 {
    color: #150a33;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 20px
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul,.blog-details-page .single-blog-post-style-two .text-box .social-box li {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li {
    display: inline-block;
    vertical-align: middle
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li+li {
    margin-left: 10px
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li.facebook a {
    background: #3b5996
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li.twitter a {
    background: #21a0f0
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li.google a {
    background: #d63c32
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li.pinterest a {
    background: #bc0a1b
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li.email a {
    background: #7a8184
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li a {
    display: block;
    background: #7a8184;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    padding: 4px 17px
}

.blog-details-page .single-blog-post-style-two .text-box .social-box ul li a i {
    margin-right: 10px
}

.blog-details-page .title-blog-details-page {
    margin-bottom: 35px
}

.blog-details-page .title-blog-details-page h3 {
    margin: 0;
    color: #150a33;
    font-size: 24px;
    font-weight: 600
}

.blog-details-page .single-recent-post {
    margin-bottom: 80px
}

.blog-details-page .single-recent-post .text-box {
    padding-left: 15px;
    padding-top: 20px
}

.blog-details-page .single-recent-post .text-box h3 {
    margin: 0;
    color: #150a33;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
    font-weight: 600;
    margin-bottom: 5px
}

.blog-details-page .single-recent-post .text-box a.date {
    color: #929191;
    font-size: 15px;
    display: block
}

.blog-details-page .comment-box-wrapper {
    margin-bottom: 80px
}

.blog-details-page .comment-box-wrapper .single-comment-box+.single-comment-box {
    margin-top: 30px
}

.blog-details-page .comment-box-wrapper .single-comment-box .img-box,.blog-details-page .comment-box-wrapper .single-comment-box .text-box {
    display: table-cell;
    vertical-align: top
}

.blog-details-page .comment-box-wrapper .single-comment-box .img-box {
    width: 75px
}

.blog-details-page .comment-box-wrapper .single-comment-box .text-box {
    padding-left: 20px
}

.blog-details-page .comment-box-wrapper .single-comment-box .text-box h3,.blog-details-page .comment-box-wrapper .single-comment-box .text-box p {
    margin: 0
}

.blog-details-page .comment-box-wrapper .single-comment-box .text-box span.date {
    display: block;
    line-height: 1em;
    color: #929191;
    font-weight: 500;
    font-size: 15px
}

.blog-details-page .comment-box-wrapper .single-comment-box .text-box h3 {
    font-size: 16px;
    color: #150a33;
    font-weight: 600;
    margin-bottom: 15px
}

.blog-details-page .comment-box-wrapper .single-comment-box .text-box p {
    font-size: 16px;
    color: #656565;
    line-height: 28px;
    margin-top: 15px
}

.blog-details-page .comment-box-wrapper .single-comment-box .text-box a.reply {
    color: #150a33;
    font-size: 15px;
    font-weight: 500
}

.blog-details-page .comment-box-wrapper .single-comment-box.second-level {
    padding-left: 100px
}

.blog-details-page .comment-box-wrapper .single-comment-box.third-level {
    padding-left: 200px
}

@media (max-width: 736px) {
    .blog-details-page .comment-box-wrapper .single-comment-box.second-level {
        padding-left:0
    }

    .blog-details-page .comment-box-wrapper .single-comment-box.third-level {
        padding-left: 0
    }
}

.blog-details-page .comment-form input,.blog-details-page .comment-form textarea {
    border: none;
    outline: none;
    width: 100%;
    height: 46px;
    border: 1px solid #e0e0e0;
    padding-left: 45px;
    display: block
}

.blog-details-page .comment-form input.error,.blog-details-page .comment-form textarea.error {
    background: rgba(255,0,0,.5)
}

.blog-details-page .comment-form label.error {
    display: none!important
}

.blog-details-page .comment-form input {
    margin-bottom: 10px
}

.blog-details-page .comment-form textarea {
    height: 116px;
    margin-top: 0;
    padding-top: 10px
}

.blog-details-page .comment-form button.appilo-thm-btn {
    margin-top: 40px;
    padding: 13px 40px
}

.blog-details-page .comment-form button.appilo-thm-btn:hover {
    -webkit-box-shadow: 0 18px 37px #476ca4;
    box-shadow: 0 18px 37px #476ca4
}

.appilo-footer {
    background: transparent url(//digitalinvea.com/wp-content/themes/appilo/css/../img/footer-bg.png) center top no-repeat;
    background-size: cover
}

.appilo-footer .subscribe-section {
    padding-top: 120px;
    padding-bottom: 90px
}

.appilo-footer .subscribe-section .appilo-sec-title {
    margin-bottom: 70px
}

.appilo-footer .subscribe-section .subscribe-form {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    border-radius: 60px;
    padding: 34px 35px;
    padding-left: 70px;
    -webkit-box-shadow: 0 23px 42px rgba(0,0,0,.2);
    box-shadow: 0 23px 42px rgba(0,0,0,.2)
}

.appilo-footer .subscribe-section .subscribe-form .left-content {
    position: relative;
    padding: 13px 0;
    padding-left: 45px
}

.appilo-footer .subscribe-section .subscribe-form i.fa-envelope {
    font-size: 24px;
    color: #eae9ec;
    display: inline-block;
    vertical-align: middle;
    float: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.appilo-footer .subscribe-section .subscribe-form input {
    background-color: transparent;
    border: none;
    outline: none;
    color: #eae9ec;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #eae9ec;
    width: 100%;
    max-width: 330px;
    float: left
}

.appilo-footer .subscribe-section .subscribe-form input::-webkit-input-placeholder {
    color: #eae9ec
}

.appilo-footer .subscribe-section .subscribe-form input::-moz-placeholder {
    color: #eae9ec
}

.appilo-footer .subscribe-section .subscribe-form input:-ms-input-placeholder {
    color: #eae9ec
}

.appilo-footer .subscribe-section .subscribe-form input:-moz-placeholder {
    color: #eae9ec
}

.appilo-footer .subscribe-section .subscribe-form button[type=submit] {
    background: #fff
}

.appilo-footer .subscribe-section .subscribe-form button[type=submit] span {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.appilo-footer .subscribe-section .subscribe-form button[type=submit]:hover {
    background: #0e0f1f
}

.appilo-footer .subscribe-section .subscribe-form button[type=submit]:hover:before {
    opacity: 0
}

.appilo-footer .subscribe-section .subscribe-form button[type=submit]:hover span {
    background: 0 0;
    background-clip: none;
    -webkit-text-fill-color: #fff;
    color: #fff
}

.appilo-footer .appilo-footer-widget-wrapper {
    padding-bottom: 80px
}

.appilo-footer .appilo-footer-widget .title {
    margin-bottom: 34px
}

.appilo-footer .appilo-footer-widget .title h3 {
    margin: 0;
    color: #1a0a37;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.appilo-footer .appilo-footer-widget p {
    color: #1a0a37;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    font-weight: 500
}

.appilo-footer .appilo-footer-widget .social a {
    color: #8b8b8b;
    font-size: 20px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-footer .appilo-footer-widget .social a+a {
    margin-left: 20px
}

.appilo-footer .appilo-footer-widget .social a:hover {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.appilo-footer .appilo-footer-widget .about-widget p {
    margin-top: 25px;
    margin-bottom: 15px
}

.appilo-footer .appilo-footer-widget .contact-widget p {
    color: #656565
}

.appilo-footer .appilo-footer-widget .contact-widget p span {
    color: #170b35;
    font-weight: 500;
    padding-right: 10px
}

.appilo-footer .appilo-footer-widget .contact-widget p+p {
    margin-top: 5px
}

.appilo-footer .appilo-footer-widget .menu {
    padding-right: 52px
}

.appilo-footer .appilo-footer-widget .menu li a {
    color: #656565;
    font-size: 14px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 500
}

.appilo-footer .appilo-footer-widget .menu li a:hover {
    color: #4d07a0
}

.appilo-footer-widget .menu li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.appilo-footer-widget .menu {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.appilo-footer .appilo-footer-widget .tweets-widget .single-tweet p {
    margin: 0;
    color: #656565;
    letter-spacing: .01em;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px
}

.appilo-footer .appilo-footer-widget .tweets-widget .single-tweet p i {
    color: #1692f8;
    margin-right: 10px
}

.appilo-footer .appilo-footer-widget.tweets-widget .single-tweet>a {
    color: #4d07a0;
    font-size: 14px;
    font-style: italic;
    letter-spacing: .025em
}

.appilo-footer .appilo-footer-widget .tweets-widget .owl-theme .owl-nav {
    margin-top: 5px;
    text-align: left
}

.appilo-footer .appilo-footer-widget .tweets-widget .owl-theme .owl-nav [class*=owl-] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #6b40bf;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.appilo-footer .appilo-footer-widget .tweets-widget .owl-theme .owl-nav [class*=owl-] i {
    margin: 0;
    padding: 0
}

.appilo-footer .appilo-footer-widget.tweets-widget .owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(107,64,191,.5)
}

.appilo-footer .appilo-footer-widget .tweets-widget .owl-theme .owl-nav [class*=owl-next] {
    margin-left: 10px
}

.appilo-footer .appilo-footer-widget .tweets-widget .owl-theme .owl-nav [class*=owl-next] i {
    position: relative;
    left: 1px
}

.footer-bottom .footer-copyright {
    width: 100%;
    display: table;
    padding: 26px 0;
    border-top: 1px solid #d2d1d2
}

.footer-bottom .left-content p span.sep {
    display: inline-block;
    vertical-align: middle
}

.footer-bottom .left-content p a {
    color: #656565;
    display: inline-block;
    border-bottom: 1px solid #656565;
    line-height: 1em;
    vertical-align: middle
}

.footer-bottom .right-content p,.footer-bottom .left-content p {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #383838;
    letter-spacing: .025em
}

.inner-banner {
    position: relative;
    background: #000 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/inner-banner-bg.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 240px;
    padding-bottom: 120px
}

.inner-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    opacity: .79
}

.inner-banner .container {
    position: relative
}

.inner-banner h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    margin: 0
}

.inner-banner h3 span {
    color: #000
}

.inner-banner .breadcumb {
    line-height: 1em;
    margin-top: 25px
}

.inner-banner .breadcumb a,.inner-banner .breadcumb i,.inner-banner .breadcumb span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em
}

.inner-banner .breadcumb a {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px
}

.inner-banner .breadcumb i {
    color: #fff;
    font-size: 13px;
    margin-left: 7px;
    margin-right: 7px
}

.inner-banner .breadcumb span {
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px
}

.has-right-sidebar {
    padding-right: 45px
}

.sidebar .single-sidebar+.single-sidebar {
    margin-top: 45px
}

.sidebar .single-sidebar .title {
    margin-bottom: 30px
}

.sidebar .single-sidebar .title h3 {
    margin: 0;
    color: #150a33;
    font-size: 22px;
    font-weight: 600
}

.sidebar .single-sidebar .title h3:after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 2px;
    background: #cd3498;
    margin-left: 10px
}

.sidebar .single-sidebar.search-widget {
    background: #cd339a
}

.sidebar .single-sidebar.search-widget form {
    position: relative;
    height: 54px
}

.sidebar .single-sidebar.search-widget form input {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 15px;
    padding-left: 20px;
    border: none;
    outline: none;
    background-color: transparent;
    letter-spacing: .05em
}

.sidebar .single-sidebar.search-widget form input::-webkit-input-placeholder {
    color: #fff
}

.sidebar .single-sidebar.search-widget form input::-moz-placeholder {
    color: #fff
}

.sidebar .single-sidebar.search-widget form input:-ms-input-placeholder {
    color: #fff
}

.sidebar .single-sidebar.search-widget form input:-moz-placeholder {
    color: #fff
}

.sidebar .single-sidebar.search-widget form button {
    background-color: transparent;
    outline: none;
    border: none;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar .single-sidebar.category-widget ul.category-list,.sidebar .single-sidebar.category-widget ul.category-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar .single-sidebar.category-widget ul.category-list li+li {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
    margin-top: 10px
}

.sidebar .single-sidebar.category-widget ul.category-list li a {
    color: #7d7d7d;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.sidebar .single-sidebar.category-widget ul.category-list li a:hover {
    color: #cd339a
}

.sidebar .single-sidebar.category-widget ul.category-list li a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar .single-sidebar.recent-post-widget .recent-post-list .single-recent-post {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    margin-bottom: 0
}

.sidebar .single-sidebar.recent-post-widget .recent-post-list .single-recent-post+.single-recent-post {
    margin-top: 20px
}

.sidebar .single-sidebar.recent-post-widget .recent-post-list .single-recent-post h3 {
    margin: 0;
    color: #150a33;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.sidebar .single-sidebar.recent-post-widget .recent-post-list .single-recent-post h3:hover {
    color: #cd339a
}

.sidebar .single-sidebar.recent-post-widget .recent-post-list .single-recent-post a.date {
    color: #929191;
    font-size: 15px;
    line-height: 1em;
    display: inline-block;
    font-weight: 500
}

.sidebar .single-sidebar.tags-widget ul.tags-list,.sidebar .single-sidebar.tags-widget ul.tags-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar .single-sidebar.tags-widget ul.tags-list {
    margin-left: -5px;
    margin-right: -5px
}

.sidebar .single-sidebar.tags-widget ul.tags-list li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    margin-bottom: 10px
}

.sidebar .single-sidebar.tags-widget ul.tags-list li a {
    display: block;
    border: 1px solid #e0e0e0;
    color: #929191;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    padding: 10px 19px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.sidebar .single-sidebar.tags-widget ul.tags-list li a:hover {
    color: #fff;
    border-color: #cc3498;
    background: #cc3498
}

.testimonials-style-one .container {
    max-width: 970px;
    padding: 49px 0 0;
    position: relative
}

.testimonials-style-one .container>img.testi-thumb {
    position: absolute;
    top: 0;
    left: 0
}

.testimonials-style-one .title {
    margin-bottom: 15px
}

.testimonials-style-one .title h3 {
    margin: 0;
    color: #170b35;
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
    padding-left: 35px
}

.single-testimonial {
    padding-top: 10px
}

.single-testimonial .img-box,.single-testimonial .text-box {
    display: table-cell;
    vertical-align: top
}

.single-testimonial .img-box {
    width: 450px;
    margin-bottom: 30px
}

.single-testimonial .img-box img {
    max-width: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 18px;
    -webkit-box-shadow: 0 15px 33.6px rgba(212,50,151,.3);
    box-shadow: 0 15px 33.6px rgba(212,50,151,.3);
    border-radius: 50%
}

.single-testimonial .text-box img {
    max-width: none;
    width: auto
}

.single-testimonial .text-box p {
    font-size: 18px;
    color: #656565;
    line-height: 26px;
    letter-spacing: .01em;
    margin: 0;
    margin-top: 25px;
    margin-bottom: 20px
}

.single-testimonial .text-box h3 {
    margin: 0;
    color: #170b35;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.single-testimonial .text-box span {
    color: #6b40bf;
    font-size: 16px
}

.testimonials-slider .bx-wrapper {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    margin-bottom: 0
}

.testimonials-slider .bx-wrapper ul.slider {
    padding: 0;
    margin: 0
}

.testimonials-slider .bx-wrapper .bx-controls-direction {
    text-align: center
}

.testimonials-slider .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    background-image: none;
    color: #6b40bf;
    font-size: 27px;
    position: relative;
    top: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.testimonials-slider .bx-wrapper .bx-controls-direction a:hover {
    color: #d43297
}

.testimonials-slider .bx-wrapper .bx-prev {
    left: 0;
    margin-right: 25px
}

.testimonials-slider .bx-wrapper .bx-next {
    right: 0
}

#testimonials-slider-pager a.pager-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

#testimonials-slider-pager a.pager-item:nth-child(1) {
    top: 92%;
    left: 33%
}

#testimonials-slider-pager a.pager-item:nth-child(2) {
    top: 94%;
    left: 18%
}

#testimonials-slider-pager a.pager-item:nth-child(3) {
    top: 74%;
    left: 2%
}

#testimonials-slider-pager a.pager-item:nth-child(4) {
    top: 36%;
    left: 0
}

#testimonials-slider-pager a.pager-item:nth-child(5) {
    top: 18%;
    left: 11%
}

#testimonials-slider-pager a.pager-item:nth-child(6) {
    top: 9%;
    left: 25%
}

@media (max-width: 768px) {
    #testimonials-slider-pager {
        display:none
    }
}

.appilo-screenshot-slider .app-secreenshots .appilo-sec-title {
    margin-bottom: 70px
}

.appilo-screenshot-slider .swiper-slider-area .container {
    position: relative
}

.appilo-screenshot-slider .swiper-wrapper {
    height: 630px!important;
    width: 320px
}

.appilo-screenshot-slider .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    position: relative
}

.appilo-screenshot-slider .swiper-slide.swiper-slide-active {
    border-radius: 115px
}

.appilo-screenshot-slider .swiper-slide {
    background: no-repeat;
    background-position: center center
}

.appilo-screenshot-slider .screen-mobile-image {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/iphone-moc.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 645px;
    left: calc(50% + .5px);
    position: absolute;
    top: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 301px;
    z-index: 2;
    -webkit-box-shadow: 0 23px 42px 0 rgba(0,0,0,.2);
    box-shadow: 0 23px 42px 0 rgba(0,0,0,.2);
    border-radius: 40px
}

.appilo-screenshot-slider .swiper-slide.swiper-slide-active {
    background-size: auto;
    background: no-repeat;
    background-position: center center
}

.appilo-screenshot-slider .swiper-wrapper {
    padding: 30px 0 40px
}

.how-app-work-section .title {
    margin-bottom: 40px
}

.how-app-work-section .title h3 {
    margin: 0;
    color: #170b35;
    font-size: 32px;
    font-weight: 600
}

.how-app-work-section .how-app-work-content-wrap {
    padding-left: 85px
}

.how-app-work-section .how-app-work-content {
    padding-top: 30px;
    padding-bottom: 45px;
    margin-bottom: 40px;
    position: relative
}

.how-app-work-section .how-app-work-content:before {
    content: '';
    width: 2px;
    height: 100%;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/gradient-sep.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 45px
}

.how-app-work-section .single-how-app-work {
    padding-left: 10px
}

.how-app-work-section .single-how-app-work+.single-how-app-work {
    margin-top: 60px
}

.how-app-work-section .single-how-app-work .icon-box,.how-app-work-section .single-how-app-work .text-box {
    display: table-cell;
    vertical-align: middle
}

.how-app-work-section .single-how-app-work .icon-box .inner {
    width: 74px;
    height: 74px;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    position: relative;
    border-radius: 50%;
    text-align: center
}

.how-app-work-section .single-how-app-work .icon-box .inner:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.how-app-work-section .single-how-app-work .icon-box .inner i {
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#245fd0 0%,#245fd0 98%,#245fd0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 74px;
    font-size: 44px;
    position: relative
}

.how-app-work-section .single-how-app-work .icon-box .inner:hover {
    -webkit-box-shadow: 0 18px 37px #476ca4;
    box-shadow: 0 18px 37px #476ca4
}

.how-app-work-section .single-how-app-work .icon-box .inner:hover i {
    color: #fff;
    -webkit-text-fill-color: #fff
}

.how-app-work-section .single-how-app-work .icon-box .inner:hover:before {
    opacity: 0
}

.how-app-work-section .single-how-app-work .icon-box .active .inner {
    -webkit-box-shadow: 0 18px 37px #476ca4;
    box-shadow: 0 18px 37px #476ca4
}

.how-app-work-section .single-how-app-work .icon-box .active .inner i {
    color: #fff;
    -webkit-text-fill-color: #fff
}

.how-app-work-section .single-how-app-work .icon-box .active .inner:before {
    opacity: 0
}

.how-app-work-section .single-how-app-work .text-box {
    padding-left: 40px
}

.how-app-work-section .single-how-app-work .text-box h4,.how-app-work-section .single-how-app-work .text-box p {
    margin: 0
}

.how-app-work-section .single-how-app-work .text-box h4 {
    font-size: 20px;
    color: #150a33;
    font-weight: 500
}

.how-app-work-section .single-how-app-work .text-box p {
    font-size: 14px;
    line-height: 27px;
    color: #656565;
    margin-top: 10px
}

.how-app-work-section .download-btn {
    display: inline-block;
    vertical-align: middle;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0%,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    position: relative;
    padding: 12px 0;
    padding-left: 80px;
    border-radius: 28px;
    padding-right: 40px
}

.how-app-work-section .download-btn:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 28px;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.how-app-work-section .download-btn i {
    font-size: 30px;
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.how-app-work-section .download-btn span.inner {
    position: relative;
    display: block
}

.how-app-work-section .download-btn span.avail,.how-app-work-section .download-btn span.store-name {
    display: block;
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0%,#476ca4 98%,#476ca4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    line-height: 1em;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.how-app-work-section .download-btn span.avail {
    font-size: 12.5px
}

.how-app-work-section .download-btn span.store-name {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 5px
}

.how-app-work-section .download-btn.active,.how-app-work-section .download-btn:hover {
    -webkit-box-shadow: #476ca4;
    box-shadow: #476ca4
}

.how-app-work-section .download-btn.active:before,.how-app-work-section .download-btn:hover:before {
    opacity: 0
}

.how-app-work-section .download-btn.active i.fab,.how-app-work-section .download-btn.active span.avail,.how-app-work-section .download-btn.active span.store-name,.how-app-work-section .download-btn:hover i.fab,.how-app-work-section .download-btn:hover span.avail,.how-app-work-section .download-btn:hover span.store-name {
    color: #fff;
    -webkit-text-fill-color: #fff
}

.how-app-work-section .download-btn.active {
    margin-right: 15px
}

.how-app-work-section .how-app-work-slider-wrapper {
    position: relative;
    width: 305px;
    height: 655px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
    -webkit-box-shadow: 0 18px 37px #476ca4;
    box-shadow: 0 18px 37px #476ca4
}

.how-app-work-section .how-app-work-screen-mobile-image {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/fature-moc.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 655px;
    left: calc(50% + .5px);
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 310px;
    z-index: 2
}

.how-app-work-section .bx-wrapper {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50px
}

.how-app-work-section .bx-wrapper .slide-item {
    text-align: center
}

.how-app-work-section .bx-wrapper .slide-item img {
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px
}

.how-app-work-section .pager-item {
    display: block
}

.how-app-work-section .pager-item+.pager-item {
    margin-top: 60px
}

.how-app-work-section .pager-item.active .icon-box .inner:before {
    opacity: 0
}

.how-app-work-section .pager-item.active .icon-box .inner i {
    color: #fff;
    -webkit-text-fill-color: #fff
}

.how-app-work-section .how-app-work-slider-content {
    position: relative
}

.how-app-work-section .how-app-work-slider-content img.circled-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: fit-content
}

.how-app-work-section .bx-viewport {
    overflow: visible!important
}

.appilo-main .topapp-screenshot-slider .swiper-slide.swiper-slide-active {
    background-size: 100% 99%
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

.topapp-main {
    font-family: roboto,sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    color: #777;
    line-height: 1.7em;
    font-weight: 400;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}

.bordered-layout .page-wrapper {
    padding: 0 50px
}

a {
    text-decoration: none;
    cursor: pointer
}

.topapp-main button,a:hover,.topapp-main a:focus,.topapp-main a:visited {
    text-decoration: none!important;
    outline: 0!important
}

.topapp-main h1,.topapp-main h2,.topapp-main h3,.topapp-main h4,.topapp-main h5,.topapp-main h6 {
    position: relative;
    font-weight: 400;
    margin: 0;
    background: 0 0;
    line-height: 1.6em;
    font-family: poppins,sans-serif
}

.topapp-main h1 {
    font-size: 60px
}

.topapp-main h2 {
    font-size: 40px
}

.topapp-main h3 {
    font-size: 34px
}

.topapp-main h4 {
    font-size: 22px
}

.topapp-main h5 {
    font-size: 20px
}

.topapp-main h6 {
    font-size: 18px
}

.topapp-main p {
    position: relative;
    line-height: 1.8em
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

.topapp-main .medium-container {
    max-width: 850px
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px
}

.topapp-main ul,li {
    list-style: none;
    padding: 0;
    margin: 0
}

.topapp-main img {
    display: inline-block;
    max-width: 100%
}

.topapp-theme-btn {
    display: inline-block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.topapp-main .centered {
    text-align: center
}

.btn-style-one {
    position: relative;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px;
    text-transform: capitalize;
    padding: 15px 26px;
    font-family: poppins,sans-serif;
    background-image: -ms-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#6cd8ff));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: linear-gradient(to right,#0084fd 0,#6cd8ff 100%)
}

.btn-style-one:hover {
    color: #fff;
    background-image: -ms-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: -moz-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: -o-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#6bd7ff),color-stop(100,#0084fd));
    background-image: -webkit-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: linear-gradient(to right,#6bd7ff 0,#0084fd 100%)
}

.btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 31px;
    color: #fff;
    padding: 17px 32px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
    background-color: #fe444a;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.btn-style-two:before {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-1.png) right top no-repeat
}

.btn-style-two:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-2.png) right top no-repeat
}

.btn-style-two:hover:before {
    left: 0;
    transition-delay: 50ms
}

.btn-style-two:hover:after {
    left: 0;
    transition-delay: .1s
}

.btn-style-two .txt {
    position: relative;
    z-index: 1
}

.btn-style-two:hover {
    color: #fff
}

.btn-style-three {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 31px;
    color: #fff;
    padding: 17px 44px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
    background-color: #9225d5;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.btn-style-three:before {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-3.png) right top no-repeat
}

.btn-style-three:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-4.png) right top no-repeat
}

.btn-style-three:hover:before {
    left: 0;
    transition-delay: 50ms
}

.btn-style-three:hover:after {
    left: 0;
    transition-delay: .1s
}

.btn-style-three .txt {
    position: relative;
    z-index: 1
}

.btn-style-three:hover {
    color: #fff
}

.btn-style-four {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 31px;
    color: #fff;
    padding: 17px 44px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
    background-color: #0282f9;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.btn-style-four:before {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-13.png) right top no-repeat
}

.btn-style-four:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-14.png) right top no-repeat
}

.btn-style-four .txt {
    position: relative;
    z-index: 1
}

.btn-style-four:hover:before {
    left: 0;
    transition-delay: 50ms
}

.btn-style-four:hover:after {
    left: 0;
    transition-delay: .1s
}

.btn-style-four:hover {
    color: #fff;
    background-color: #369cfb
}

.btn-style-five {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 31px;
    color: #fff;
    padding: 17px 44px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
    background-color: #2abc52;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.btn-style-five:before {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-15.png) right top no-repeat
}

.btn-style-five:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-16.png) right top no-repeat
}

.btn-style-five:hover:before {
    left: 0;
    transition-delay: 50ms
}

.btn-style-five:hover:after {
    left: 0;
    transition-delay: .1s
}

.btn-style-five .txt {
    position: relative;
    z-index: 1
}

.btn-style-five:hover {
    color: #fff;
    background-color: #1ec84d
}

.social-icon-one {
    position: relative
}

.social-icon-one li {
    position: relative;
    margin-right: 7px;
    color: #222;
    font-size: 18px;
    float: left
}

.social-icon-one li.facebook a:hover {
    background-color: #16599b;
    color: #fff
}

.social-icon-one li.twitter a {
    color: #03a9f4
}

.social-icon-one li.twitter:hover a {
    background-color: #03a9f4;
    color: #fff
}

.social-icon-one li.dribbble a {
    color: #ea4c89
}

.social-icon-one li.dribbble a:hover {
    color: #fff;
    background-color: #ea4c89
}

.social-icon-one li.behance a {
    color: #0067ff
}

.social-icon-one li.behance a:hover {
    color: #fff;
    background-color: #0067ff
}

.social-icon-one li a {
    position: relative;
    font-size: 14px;
    color: #16599b;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 400;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.theme_color {
    color: #ff4e53
}

.topapp-preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/preloader.svg);
    background-size: 110px
}

.topapp-main img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.topapp-scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 60px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #0a0a0a;
    display: none;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.topapp-scroll-to-top:hover {
    color: #fff;
    background: #e9454a
}

.topapp-sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.topapp-sec-title .title {
    position: relative;
    font-size: 18px;
    color: #373a5b;
    font-weight: 500;
    z-index: 1;
    margin-left: 12px;
    margin-bottom: 12px;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: capitalize;
    font-family: roboto,sans-serif
}

.topapp-sec-title .title:before {
    position: absolute;
    content: "";
    left: -13px;
    top: -7px;
    width: 35px;
    height: 35px;
    z-index: -1;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#6cd8ff));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: linear-gradient(to right,#0084fd 0,#6cd8ff 100%)
}

.topapp-sec-title .title span {
    position: relative;
    color: #fff
}

.topapp-sec-title h2 {
    position: relative;
    color: #373a5b;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.4em;
    margin-top: 12px;
    z-index: 1
}

.topapp-sec-title h2 span {
    position: relative
}

.topapp-sec-title h2 span:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 3px;
    z-index: -1;
    background-image: -ms-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#6cd8ff));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: linear-gradient(to right,#0084fd 0,#6cd8ff 100%)
}

.topapp-sec-title .text {
    position: relative;
    font-size: 16px;
    line-height: 1.9em;
    color: #373a5b;
    margin-top: 10px
}

.topapp-sec-title.centered {
    text-align: center!important
}

.topapp-sec-title.light .title {
    color: #fff
}

.topapp-sec-title.light h2 {
    color: #fff
}

.topapp-sec-title.style-two .title:before {
    background-image: -ms-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -moz-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -o-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#31c551),color-stop(100,#77e34b));
    background-image: -webkit-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: linear-gradient(to right,#31c551 0,#77e34b 100%)
}

.topapp-sec-title.style-two h2 span:before {
    background-image: -ms-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -moz-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -o-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#31c551),color-stop(100,#77e34b));
    background-image: -webkit-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: linear-gradient(to right,#31c551 0,#77e34b 100%)
}

.topapp-sec-title.style-three .title:before {
    background-image: -ms-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -moz-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -o-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9426d5),color-stop(100,#e642dc));
    background-image: -webkit-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: linear-gradient(to right,#9426d5 0,#e642dc 100%)
}

.topapp-sec-title.style-three h2 span:before {
    background-image: -ms-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -moz-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -o-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9426d5),color-stop(100,#e642dc));
    background-image: -webkit-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: linear-gradient(to right,#9426d5 0,#e642dc 100%)
}

.topapp-sec-title.style-four .title:before {
    background-image: -ms-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -moz-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -o-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f24548),color-stop(100,#fb8383));
    background-image: -webkit-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: linear-gradient(to right,#f24548 0,#fb8383 100%)
}

.topapp-sec-title.style-four h2 span:before {
    background-image: -ms-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -moz-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -o-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f24548),color-stop(100,#fb8383));
    background-image: -webkit-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: linear-gradient(to right,#f24548 0,#fb8383 100%)
}

.list-style-one {
    position: relative
}

.list-style-one li {
    position: relative;
    color: #373a5b;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 18px;
    padding-left: 25px;
    font-family: poppins,sans-serif
}

.list-style-one li:last-child {
    margin-bottom: 0
}

.topapp-main .list-style-one li:before {
    position: absolute;
    content: "\f00c";
    left: 0;
    top: 0;
    color: #27c352;
    font-family: "font awesome\ 5 free"
}

.main-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    -ms-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -op-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.main-header .main-box {
    position: relative;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .main-box .outer-container {
    position: relative;
    padding: 0 40px
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0;
    z-index: 10;
    padding: 30px 0
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .header-upper {
    position: relative;
    z-index: 1
}

.main-header .header-upper .outer-box {
    position: relative;
    float: right;
    padding-top: 28px;
    padding-left: 100px
}

.topapp-mobile-btn {
    text-align: center;
    margin-top: 20px
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background: #222;
    z-index: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.sticky-header .logo {
    padding: 8px 0
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -op-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.sticky-header .main-menu .navigation>li>a {
    padding: 19px 0!important;
    color: #fff!important
}

.sticky-header .main-menu .navigation>li>a:after {
    display: none
}

.main-header .nav-outer {
    position: static;
    float: right;
    padding-top: 30px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .header-upper .logo-box {
    position: relative;
    padding: 55px 0 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .header-upper .logo-box .logo {
    position: relative
}

.main-header .header-lower {
    position: relative;
    background-color: rgba(0,0,0,.55)
}

.main-menu {
    position: static;
    float: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navbar-collapse {
    padding: 0;
    float: left;
    display: block!important
}

.main-menu .navigation {
    position: static;
    margin: 0
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    margin-right: 30px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li:last-child {
    margin-right: 0
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 600;
    padding: 39px 0;
    font-size: 16px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: poppins,sans-serif
}

.main-menu .navigation>li>a:before {
    position: absolute;
    content: "";
    left: 6px;
    bottom: 36px;
    width: 0;
    height: 4px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    background-image: -ms-linear-gradient(left,#ff4449 0,#ff757a 100%);
    background-image: -moz-linear-gradient(left,#ff4449 0,#ff757a 100%);
    background-image: -o-linear-gradient(left,#ff4449 0,#ff757a 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff4449),color-stop(100,#ff757a));
    background-image: -webkit-linear-gradient(left,#ff4449 0,#ff757a 100%);
    background-image: linear-gradient(to right,#ff4449 0,#ff757a 100%)
}

.main-menu .navigation>li:hover>a:before,.main-menu .navigation>li.current>a:before {
    width: 100%
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.main-menu .navigation>li>ul:before {
    position: absolute;
    content: "";
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
    display: block
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f4f2f2
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: 0
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #fff;
    padding-left: 30px;
    background: #ff4e53
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: fontawesome;
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 10px;
    height: 20px;
    display: block;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #fff
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f4f2f2
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: 0
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #fff;
    padding-left: 30px;
    background: #ff4e53
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: fontawesome;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    color: #272727;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #fff
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    border-top: 0!important;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 28px;
    border: 1px solid #fff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none
}

.main-header.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #000
}

.main-header.fixed-header .header-upper .logo-box {
    padding: 15px 0
}

.main-header.fixed-header .nav-outer {
    padding-top: 0
}

.main-header.fixed-header .main-menu .navigation>li>a {
    padding: 26px 0
}

.main-header.fixed-header .main-menu .navigation>li>a:before {
    display: none
}

.main-header.fixed-header .header-upper .outer-box {
    padding-top: 15px
}

.banner-section {
    position: relative;
    padding-top: 210px;
    padding-bottom: 80px;
    background-position: left bottom;
    background-repeat: repeat-x
}

.banner-section .patern-layer-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 970px;
    background-position: right bottom;
    background-repeat: no-repeat
}

.banner-section .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    background-size: cover;
    background-repeat: no-repeat
}

.banner-section .content-column {
    position: relative
}

.banner-section .content-column .inner-column {
    position: relative;
    padding-top: 100px;
    padding-left: 0;
    padding-bottom: 0
}

.banner-section .content-column h1 {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.2em;
    margin-bottom: 25px
}

.banner-section .content-column .text {
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 40px;
    font-weight: 400
}

.banner-section .content-column .address {
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 40px;
    font-weight: 400
}

.banner-section .content-column .video-box {
    position: absolute;
    right: 0;
    bottom: 80px;
    z-index: 1
}

.banner-section .content-column .video-box .video-image {
    position: relative;
    margin: 0
}

.banner-section .content-column .video-box .video-image img {
    position: relative;
    width: 100%;
    z-index: 3;
    border-radius: 50%
}

.banner-section .content-column .video-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 45px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.banner-section .content-column .video-box .overlay-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    border-radius: 50%
}

.banner-section .content-column .video-box .overlay-box span {
    position: absolute;
    width: 117px;
    height: 117px;
    left: 0;
    top: 0;
    z-index: 99;
    color: #fff;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    padding-left: 4px;
    display: inline-block;
    line-height: 120px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    background-color: rgba(0,0,0,.65)
}

.banner-section .content-column .video-box .ripple,.banner-section .content-column .video-box .ripple:before,.banner-section .content-column .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 117px;
    height: 117px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.6);
    -ms-box-shadow: 0 0 0 0 rgba(0,0,0,.6);
    -o-box-shadow: 0 0 0 0 rgba(0,0,0,.6);
    box-shadow: 0 0 0 0 rgba(0,0,0,.6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.banner-section .content-column .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.banner-section .content-column .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

.banner-section .newsletter-form .wpuf-form {
    position: relative;
    display: block;
    max-width: 515px;
    margin-bottom: 10px;
    padding-right: 185px
}

.banner-section .newsletter-form .wpuf-form input[type=text],.banner-section .newsletter-form .wpuf-form input[type=email] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 15px 10px 30px;
    height: 65px;
    font-size: 15px;
    color: #848383;
    font-weight: 400;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.banner-section .newsletter-form .wpuf-form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.banner-section .carousel-column {
    position: relative
}

.banner-section .carousel-column .inner-column {
    position: relative
}

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
    display: none
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px;
    text-align: left
}

.mobile-menu .nav-logo img {
    max-width: 200px
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.9);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease .5s;
    -moz-transition: all .7s ease .5s;
    -ms-transition: all .7s ease .5s;
    -o-transition: all .7s ease .5s;
    transition: all .7s ease .5s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .close-btn {
    position: absolute;
    right: 3px;
    top: 3px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 14px;
    color: #202020;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.mobile-menu .close-btn:hover {
    opacity: .5
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1)
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.mobile-menu .navigation li>ul>li:last-child {
    border-bottom: 0
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(0,0,0,.1)
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
    font-size: 15px;
    color: #404040;
    text-transform: capitalize
}

.mobile-menu .navigation li:hover>a,.mobile-menu .navigation li.current>a {
    color: #f34a4d
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: #404040;
    cursor: pointer;
    z-index: 5
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0,0,0,.1)
}

.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul {
    display: none
}

.sticky-header .navbar-header {
    display: none
}

.featured-section {
    position: relative;
    padding-top: 140px;
    padding-bottom: 30px
}

.featured-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.featured-section .content-column .inner-column {
    position: relative
}

.featured-section .content-column .topapp-sec-title {
    margin-bottom: 25px
}

.featured-section .content-column .text {
    position: relative;
    margin-bottom: 20px
}

.featured-section .content-column .text p {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 25px
}

.featured-section .content-column .text p:last-child {
    margin-bottom: 0
}

.featured-section .content-column .list-style-one {
    margin-bottom: 40px
}

.featured-section .blocks-column {
    position: relative;
    margin-bottom: 40px
}

.featured-section .blocks-column .inner-column {
    position: relative;
    padding-left: 40px;
    padding-right: 40px
}

.featured-section .blocks-column .inner-column .side-image {
    position: absolute;
    right: -90px;
    bottom: -24px
}

.featured-section .blocks-column .inner-column .cloud-icon {
    position: absolute;
    right: -40px;
    top: 140px
}

.featured-block {
    position: relative;
    margin-bottom: 40px
}

.featured-block .inner-box {
    position: relative;
    text-align: center;
    padding: 50px 21px 35px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 45px rgba(0,0,0,.2)
}

.featured-block .inner-box .icon-box {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50px;
    background-color: #f54245;
    display: inline-block;
    text-align: center;
    box-shadow: 0 15px 15px rgba(239,66,70,.3)
}

.featured-block .inner-box .icon-box:before {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50px;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-5.png) right top no-repeat
}

.featured-block .inner-box .icon-box:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-6.png) right top no-repeat
}

.featured-block .inner-box:hover .icon-box:before {
    left: 0;
    transition-delay: .15s
}

.featured-block .inner-box:hover .icon-box:after {
    left: 0;
    transition-delay: .3s
}

.featured-block .inner-box .icon-box {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50px;
    background-color: #f54245;
    display: inline-block;
    text-align: center;
    box-shadow: 0 15px 15px rgba(239,66,70,.3)
}

.featured-block.style-two .inner-box .icon-box {
    background-color: #0084fe;
    box-shadow: 0 15px 15px rgba(0,132,154,.3)
}

.featured-block.style-two .inner-box .icon-box:before {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-7.png) right top no-repeat
}

.featured-block.style-two .inner-box .icon-box:after {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-8.png) right top no-repeat
}

.featured-block.style-three .inner-box .icon-box {
    background-color: #2abb52;
    box-shadow: 0 15px 15px rgba(0,132,154,.3)
}

.featured-block.style-three .inner-box .icon-box:before {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-9.png) right top no-repeat
}

.featured-block.style-three .inner-box .icon-box:after {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-10.png) right top no-repeat
}

.featured-block.style-four {
    transform: translateX(20px) rotate(3deg)
}

.featured-block.style-four .inner-box .icon-box {
    background-color: #9424d7;
    box-shadow: 0 15px 15px rgba(147,38,214,.3)
}

.featured-block.style-four .inner-box .icon-box:before {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-11.png) right top no-repeat
}

.featured-block.style-four .inner-box .icon-box:after {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-12.png) right top no-repeat
}

.featured-block .inner-box .icon-box .icon {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: 32px
}

.featured-block .inner-box h3 {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 20px
}

.featured-block .inner-box .text {
    position: relative;
    color: #373a5b;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 18px
}

.steps-section {
    position: relative;
    padding: 120px 0
}

.steps-section .patern-layer-one {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 34%;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat
}

.steps-section .patern-layer-two {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 331px;
    height: 624px;
    background-position: right top;
    background-repeat: no-repeat
}

.steps-section .patern-layer-three {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 623px;
    height: 824px;
    background-position: right bottom;
    background-repeat: no-repeat
}

.apps-section {
    position: relative;
    padding-top: 120px
}

.app-block {
    position: relative;
    margin-bottom: 20px
}

.app-block .inner-box {
    position: relative
}

.app-block .inner-box .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-block .inner-box .image-column .inner-column {
    position: relative;
    padding-left: 30px
}

.app-block .inner-box .image-column .image {
    position: relative
}

.app-block .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.app-block .inner-box .image-column .small-image {
    position: absolute;
    right: -20px;
    top: -20px
}

.app-block .inner-box .content-column {
    position: relative
}

.app-block .inner-box .content-column .inner-column {
    position: relative;
    padding-left: 50px
}

.app-block .inner-box .content-column .icon-box {
    position: relative;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    background-color: #26c052;
    box-shadow: 0 15px 15px rgba(0,132,154,.3)
}

.app-block .inner-box .content-column .icon-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-9.png) right top no-repeat
}

.app-block .inner-box .content-column .icon-box:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-10.png) right top no-repeat
}

.app-block.style-two .inner-box .content-column .icon-box {
    background-color: #8c28cc;
    overflow: hidden;
    box-shadow: 0 15px 15px rgba(147,38,214,.3)
}

.app-block.style-two .inner-box .content-column .icon-box:before {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-11.png) right top no-repeat
}

.app-block.style-two .inner-box .content-column .icon-box:after {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/pattern-12.png) right top no-repeat
}

.app-block .inner-box .content-column .icon {
    position: relative;
    color: #fff;
    font-size: 36px;
    z-index: 1
}

.app-block .inner-box .content-column h3 {
    position: relative;
    color: #373a5b;
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 700;
    margin-top: 22px;
    margin-bottom: 18px
}

.app-block .inner-box .content-column .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    margin-top: 22px;
    margin-bottom: 25px
}

.ct-dot-animated {
    position: absolute;
    width: 100%;
    height: 102%;
    top: 0;
    left: 0
}

.ct-dot-animated.top-slider {
    height: calc(100% + 330px);
    height: -webkit-calc(100% + 330px);
    margin-top: -330px
}

.ct-dot-animated .ct-dot-item {
    background-color: rgba(255,216,155,.4);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ct-dot-animated .ct-dot-item span {
    width: 9px;
    height: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    background-color: #06ffdf;
    background-image: -webkit-gradient(linear,to left top,right top,from(#06ffdf),to(#0042ff));
    background-image: -webkit-linear-gradient(to left,#06ffdf,#0042ff);
    background-image: -moz-linear-gradient(to left,#06ffdf,#0042ff);
    background-image: -ms-linear-gradient(to left,#06ffdf,#0042ff);
    background-image: -o-linear-gradient(to left,#06ffdf,#0042ff);
    background-image: linear-gradient(to left,#06ffdf,#0042ff);
    position: absolute;
    bottom: 14%;
    left: -4px
}

.ct-dot-animated .ct-dot-item:nth-child(1) span {
    -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
    animation: dotAnimatedBottomToTop1 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(2) {
    left: 20%
}

.ct-dot-animated .ct-dot-item:nth-child(2) span {
    background-color: #ffe712;
    background-image: -webkit-gradient(linear,to left top,right top,from(#ffe712),to(#ed585a));
    background-image: -webkit-linear-gradient(to left,#ffe712,#ed585a);
    background-image: -moz-linear-gradient(to left,#ffe712,#ed585a);
    background-image: -ms-linear-gradient(to left,#ffe712,#ed585a);
    background-image: -o-linear-gradient(to left,#ffe712,#ed585a);
    background-image: linear-gradient(to left,#ffe712,#ed585a);
    bottom: 64%;
    -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
    animation: dotAnimatedBottomToTop2 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(3) {
    left: 40%
}

.ct-dot-animated .ct-dot-item:nth-child(3) span {
    background-color: #f798fe;
    background-image: -webkit-gradient(linear,to left top,right top,from(#f798fe),to(#612be1));
    background-image: -webkit-linear-gradient(to left,#f798fe,#612be1);
    background-image: -moz-linear-gradient(to left,#f798fe,#612be1);
    background-image: -ms-linear-gradient(to left,#f798fe,#612be1);
    background-image: -o-linear-gradient(to left,#f798fe,#612be1);
    background-image: linear-gradient(to left,#f798fe,#612be1);
    bottom: 5%;
    -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
    animation: dotAnimatedBottomToTop3 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(4) {
    left: 60%
}

.ct-dot-animated .ct-dot-item:nth-child(4) span {
    background-color: #d8ff09;
    background-image: -webkit-gradient(linear,to left top,right top,from(#d8ff09),to(#4ba116));
    background-image: -webkit-linear-gradient(to left,#d8ff09,#4ba116);
    background-image: -moz-linear-gradient(to left,#d8ff09,#4ba116);
    background-image: -ms-linear-gradient(to left,#d8ff09,#4ba116);
    background-image: -o-linear-gradient(to left,#d8ff09,#4ba116);
    background-image: linear-gradient(to left,#d8ff09,#4ba116);
    bottom: 78%;
    -webkit-animation: dotAnimatedBottomToTop4 35s infinite linear;
    -moz-animation: dotAnimatedBottomToTop4 35s infinite linear;
    -o-animation: dotAnimatedBottomToTop4 35s infinite linear;
    animation: dotAnimatedBottomToTop4 35s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(5) {
    left: 80%
}

.ct-dot-animated .ct-dot-item:nth-child(5) span {
    background-color: #ffe712;
    background-image: -webkit-gradient(linear,to left top,right top,from(#ffe712),to(#ed585a));
    background-image: -webkit-linear-gradient(to left,#ffe712,#ed585a);
    background-image: -moz-linear-gradient(to left,#ffe712,#ed585a);
    background-image: -ms-linear-gradient(to left,#ffe712,#ed585a);
    background-image: -o-linear-gradient(to left,#ffe712,#ed585a);
    background-image: linear-gradient(to left,#ffe712,#ed585a);
    bottom: 46%;
    -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
    animation: dotAnimatedBottomToTop5 30s infinite linear
}

.ct-dot-animated .ct-dot-item:nth-child(6) {
    left: auto;
    right: 0
}

.ct-dot-animated .ct-dot-item:nth-child(6) span {
    background-color: #6fd0ff;
    background-image: -webkit-gradient(linear,to left top,right top,from(#6fd0ff),to(#059af7));
    background-image: -webkit-linear-gradient(to left,#6fd0ff,#059af7);
    background-image: -moz-linear-gradient(to left,#6fd0ff,#059af7);
    background-image: -ms-linear-gradient(to left,#6fd0ff,#059af7);
    background-image: -o-linear-gradient(to left,#6fd0ff,#059af7);
    background-image: linear-gradient(to left,#6fd0ff,#059af7);
    bottom: 27%;
    -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
    animation: dotAnimatedBottomToTop6 30s infinite linear
}

.ct-dot-animated .ct-dot-container {
    max-width: 1004px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.error404 .site-content {
    padding-top: 195px!important;
    padding-bottom: 0!important
}

@keyframes dotAnimatedBottomToTop1 {
    0% {
        bottom: 14%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 14%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 27%
    }
}

@keyframes dotAnimatedBottomToTop2 {
    0% {
        bottom: 64%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 100%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 27%
    }
}

@keyframes dotAnimatedBottomToTop3 {
    0% {
        bottom: 5%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 5%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop4 {
    0% {
        bottom: 78%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 78%
    }
}

@keyframes dotAnimatedBottomToTop5 {
    0% {
        bottom: 46%
    }

    50% {
        bottom: 0
    }

    100% {
        bottom: 46%
    }
}

@keyframes dotAnimatedBottomToTop6 {
    0% {
        bottom: 27%
    }

    50% {
        bottom: 100%
    }

    100% {
        bottom: 27%
    }
}

.counter-section {
    position: relative;
    padding: 120px 0 80px
}

.counter-section .patern-layer-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 376px;
    height: 100%;
    background-repeat: no-repeat
}

.counter-section .patern-layer-two {
    position: absolute;
    left: 175px;
    top: 50px;
    width: 266px;
    height: 478px;
    background-repeat: no-repeat
}

.counter-section .patern-layer-three {
    position: absolute;
    right: 0;
    bottom: -80px;
    width: 519px;
    height: 785px;
    background-repeat: no-repeat
}

.counter-section .patern-layer-four {
    position: absolute;
    right: 120px;
    bottom: 130px;
    width: 354px;
    height: 468px;
    background-repeat: no-repeat
}

.counter-section .content-column {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.counter-section .content-column .inner-column {
    position: relative;
    padding-top: 120px
}

.counter-section .content-column .topapp-sec-title {
    margin-bottom: 18px
}

.counter-section .content-column .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    margin-top: 22px;
    max-width: 440px;
    margin-bottom: 25px
}

.counter-section .content-column .download {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 400;
    padding-left: 25px;
    margin-bottom: 30px
}

.counter-section .content-column .download:before {
    position: absolute;
    content: "\f113";
    left: 0;
    top: 0;
    color: #2bb852;
    font-family: flaticon
}

.counter-section .content-column .google-btns {
    position: relative
}

.counter-section .content-column .google-btns a {
    position: relative;
    margin-right: 15px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.counter-section .content-column .google-btns a:hover {
    opacity: .7
}

.counter-section .flower-image {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.counter-section .flower-image .image {
    position: relative;
    width: 331px;
    height: 272px
}

.fact-counter {
    position: relative;
    z-index: 1
}

.fact-counter .column {
    position: relative;
    margin-bottom: 40px
}

.fact-counter .column:nth-child(2) {
    top: 95px
}

.fact-counter .column:nth-child(4) {
    margin-top: 95px
}

.fact-counter .column .inner {
    position: relative;
    padding: 35px 32px 38px;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 0 55px rgba(0,0,0,.1)
}

.fact-counter .column .inner .content {
    position: relative
}

.fact-counter .column .inner .content .icon {
    position: relative;
    width: 48px;
    height: 48px;
    color: #0184fd;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #def
}

.fact-counter .column:nth-child(2) .inner .content .icon {
    color: #31bb56;
    background-color: #d5fcdb
}

.fact-counter .column:nth-child(3) .inner .content .icon {
    color: #f24548;
    background-color: #fbdddd
}

.fact-counter .column:nth-child(4) .inner .content .icon {
    color: #9426d5;
    background-color: #fcd9fa
}

.fact-counter .count-outer .percentage {
    display: inline-block;
    font-weight: 700;
    font-size: 46px;
    line-height: 1em;
    background: -webkit-gradient(linear,left top,right top,from(#0084fd),color-stop(98%,#41b7fe),to(#41b7fe));
    background: linear-gradient(to right,#0084fd 0,#41b7fe 98%,#41b7fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.fact-counter .column .inner .count-outer {
    position: relative;
    font-weight: 700;
    font-size: 46px;
    line-height: 1em;
    display: inline-block;
    margin-top: 30px;
    color: #1e9bfe;
    font-family: poppins,sans-serif
}

.fact-counter .column:nth-child(2) .inner .count-outer {
    color: #53cf4e
}

.fact-counter .column:nth-child(3) .inner .count-outer {
    color: #f66264
}

.fact-counter .column:nth-child(4) .inner .count-outer {
    color: #c838d9
}

.fact-counter .column .inner .counter-title {
    position: relative;
    font-weight: 500;
    margin-top: 18px;
    color: #373a5b;
    font-family: poppins,sans-serif
}

.topapp-screenshot-slider .screenshots-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 100px;
    direction: ltr
}

.topapp-screenshot-slider .swiper-slider-area .container {
    position: relative
}

.topapp-screenshot-slider .swiper-wrapper {
    height: 630px;
    width: 320px
}

.topapp-screenshot-slider .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    position: relative
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-active {
    border-radius: 50px
}

.topapp-screenshot-slider .screen-mobile-image {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/resource/mobile-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 638px;
    left: calc(50% + .5px);
    position: absolute;
    top: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 301px;
    z-index: 2;
    border-radius: 40px
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-active {
    background-size: 100% 97%
}

.topapp-screenshot-slider .swiper-wrapper {
    padding: 30px 0 40px
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-next {
    -webkit-box-shadow: 30px 0 20px rgba(0,0,0,.18);
    box-shadow: 30px 0 20px rgba(0,0,0,.18)
}

.topapp-screenshot-slider .swiper-slide.swiper-slide-prev {
    -webkit-box-shadow: -30px 0 20px rgba(0,0,0,.18);
    box-shadow: -30px 0 20px rgba(0,0,0,.18)
}

.topapp-screenshot-slider .screenshots-section .banner-navigation {
    position: relative;
    text-align: center;
    margin-top: 20px;
    z-index: 1
}

.topapp-screenshot-slider .screenshots-section .banner-navigation .swiper-button-next,.topapp-screenshot-slider .screenshots-section .banner-navigation .swiper-button-prev {
    position: relative;
    font-size: 16px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    background-image: none;
    display: inline-block;
    margin: 0 15px;
    background-color: #e7ecf2;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.topapp-screenshot-slider .screenshots-section .banner-navigation .swiper-button-prev:hover,.topapp-screenshot-slider .screenshots-section .banner-navigation .swiper-button-next:hover {
    color: #fff;
    background-color: #373a5b
}

.topapp-screenshot-slider .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    height: 658px
}

.topapp-screenshot-slider .swiper-slide {
    background-repeat: no-repeat
}

.integration-section {
    position: relative;
    overflow: hidden;
    padding: 95px 0
}

.integration-section .patern-layer-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 376px;
    height: 100%;
    background-repeat: no-repeat
}

.integration-section .patern-layer-two {
    position: absolute;
    left: 175px;
    top: 50px;
    width: 266px;
    height: 478px;
    background-repeat: no-repeat
}

.integration-section .patern-layer-three {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 502px;
    height: 860px;
    background-repeat: no-repeat
}

.integration-section .patern-layer-four {
    position: absolute;
    right: 98px;
    bottom: 60px;
    width: 421px;
    height: 470px;
    background-repeat: no-repeat
}

.integration-section .outer-container {
    position: static;
    overflow: hidden;
    height: 300px
}

.bubbles-wrapper {
    position: absolute;
    width: 100%;
    min-height: 300px
}

.bubbles-wrapper .bubble {
    position: absolute
}

.bubbles-wrapper .bubble img {
    position: relative;
    border-radius: 50px
}

.bubbles-wrapper .bubble:nth-child(1) {
    -webkit-animation: floating 5.26667s ease-in-out infinite alternate;
    animation: floating 5.26667s ease-in-out infinite alternate;
    bottom: 25%;
    left: 0
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(1) {
        -webkit-animation:bubble-v 15.8s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 15.8s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(1) {
    top: 0
}

.bubbles-wrapper .bubble:nth-child(2) {
    -webkit-animation: floating 7.23333s ease-in-out infinite alternate;
    animation: floating 7.23333s ease-in-out infinite alternate;
    bottom: 10%;
    left: 15%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(2) {
        -webkit-animation:bubble-v 21.7s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 21.7s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(2) {
    top: 10%
}

.bubbles-wrapper .bubble:nth-child(3) {
    -webkit-animation: floating 9.6s ease-in-out infinite alternate;
    animation: floating 9.6s ease-in-out infinite alternate;
    bottom: 50%;
    left: 22%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(3) {
        -webkit-animation:bubble-v 28.8s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 28.8s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(3) {
    top: 8%
}

.bubbles-wrapper .bubble:nth-child(4) {
    -webkit-animation: floating 6.6s ease-in-out infinite alternate;
    animation: floating 6.6s ease-in-out infinite alternate;
    top: 25%;
    left: 71%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(4) {
        -webkit-animation:bubble-v 19.8s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 19.8s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(4) {
    top: 6%
}

.bubbles-wrapper .bubble:nth-child(5) {
    -webkit-animation: floating 6.5s ease-in-out infinite alternate;
    animation: floating 6.5s ease-in-out infinite alternate;
    bottom: 0;
    left: 60%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(5) {
        -webkit-animation:bubble-v 19.5s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 19.5s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(5) {
    top: 50%
}

.bubbles-wrapper .bubble:nth-child(6) {
    -webkit-animation: floating 7.56667s ease-in-out infinite alternate;
    animation: floating 7.56667s ease-in-out infinite alternate;
    bottom: 74%;
    left: 5%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(6) {
        -webkit-animation:bubble-v 22.7s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 22.7s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(6) {
    top: 70%
}

.bubbles-wrapper .bubble:nth-child(7) {
    -webkit-animation: floating 9.16667s ease-in-out infinite alternate;
    animation: floating 9.16667s ease-in-out infinite alternate;
    bottom: 80%;
    left: 50%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(7) {
        -webkit-animation:bubble-v 27.5s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 27.5s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(7) {
    top: 10%
}

.bubbles-wrapper .bubble:nth-child(8) {
    -webkit-animation: floating 7.66667s ease-in-out infinite alternate;
    animation: floating 7.66667s ease-in-out infinite alternate;
    bottom: 15%;
    left: 42%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(8) {
        -webkit-animation:bubble-v 23s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 23s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(8) {
    top: 5%
}

.bubbles-wrapper .bubble:nth-child(9) {
    -webkit-animation: floating 6.46667s ease-in-out infinite alternate;
    animation: floating 6.46667s ease-in-out infinite alternate;
    bottom: 50%;
    left: 30%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(9) {
        -webkit-animation:bubble-v 19.4s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 19.4s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(9) {
    top: 51%
}

.bubbles-wrapper .bubble:nth-child(10) {
    -webkit-animation: floating 6.06667s ease-in-out infinite alternate;
    animation: floating 6.06667s ease-in-out infinite alternate;
    top: 80%;
    left: 20%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(10) {
        -webkit-animation:bubble-v 18.2s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 18.2s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(10) {
    top: 45%
}

.bubbles-wrapper .bubble:nth-child(11) {
    -webkit-animation: floating 5.46667s ease-in-out infinite alternate;
    animation: floating 5.46667s ease-in-out infinite alternate;
    bottom: 60%;
    right: 15%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(11) {
        -webkit-animation:bubble-v 16.4s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 16.4s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(11) {
    top: 95%
}

.bubbles-wrapper .bubble:nth-child(12) {
    -webkit-animation: floating 5.93333s ease-in-out infinite alternate;
    animation: floating 5.93333s ease-in-out infinite alternate;
    bottom: 0;
    right: 5%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(12) {
        -webkit-animation:bubble-v 17.8s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 17.8s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(12) {
    top: 92%
}

.bubbles-wrapper .bubble:nth-child(13) {
    -webkit-animation: floating 6.4s ease-in-out infinite alternate;
    animation: floating 6.4s ease-in-out infinite alternate;
    bottom: 70%;
    left: 50%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(13) {
        -webkit-animation:bubble-v 19.2s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 19.2s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(13) {
    top: 78%
}

.bubbles-wrapper .bubble:nth-child(14) {
    -webkit-animation: floating 4.06667s ease-in-out infinite alternate;
    animation: floating 4.06667s ease-in-out infinite alternate;
    bottom: 75%;
    left: 7%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(14) {
        -webkit-animation:bubble-v 12.2s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 12.2s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(14) {
    top: 6%
}

.bubbles-wrapper .bubble:nth-child(15) {
    -webkit-animation: floating 6.6s ease-in-out infinite alternate;
    animation: floating 6.6s ease-in-out infinite alternate;
    bottom: 50%;
    left: 90%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(15) {
        -webkit-animation:bubble-v 19.8s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 19.8s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(15) {
    top: 78%
}

.bubbles-wrapper .bubble:nth-child(16) {
    -webkit-animation: floating 6.86667s ease-in-out infinite alternate;
    animation: floating 6.86667s ease-in-out infinite alternate;
    bottom: 68%;
    left: 64%
}

@media(min-width: 992px) {
    .bubbles-wrapper .bubble:nth-child(16) {
        -webkit-animation:bubble-v 20.6s linear infinite,shake-v 2s ease-in-out infinite alternate;
        animation: bubble-v 20.6s linear infinite,shake-v 2s ease-in-out infinite alternate
    }
}

.bubbles-wrapper .bubble.top-initial:nth-child(16) {
    top: 45%
}

.bubbles-wrapper .bubble .badge {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0
}

.bubbles-wrapper .bubble:hover .badge {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.integration-bubbles .bubbles-wrapper {
    position: relative;
    height: 100%
}

.integration-bubbles .bubble {
    bottom: 30%!important;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 768px) {
    .integration-bubbles .bubble {
        bottom:0!important
    }

    @-webkit-keyframes floating {
        from {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        65% {
            -webkit-transform: translate(0,10px);
            transform: translate(0,10px)
        }

        to {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }
    }

    @keyframes floating {
        from {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        65% {
            -webkit-transform: translate(0,10px);
            transform: translate(0,10px)
        }

        to {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }
    }

    .floating {
        -webkit-animation: floating 4s ease-in-out infinite;
        animation: floating 4s ease-in-out infinite;
        -webkit-filter: none;
        filter: none
    }

    @-webkit-keyframes fade-out {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @-webkit-keyframes bubble-v {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-640px);
            transform: translateY(-640px)
        }
    }

    @keyframes bubble-v {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-640px);
            transform: translateY(-640px)
        }
    }

    @-webkit-keyframes bubble-v-left {
        0% {
            margin-bottom: 0;
            opacity: .1
        }

        20% {
            opacity: 1
        }

        100% {
            margin-bottom: 640px;
            opacity: 1;
            left: 0
        }
    }

    @keyframes bubble-v-left {
        0% {
            margin-bottom: 0;
            opacity: .1
        }

        20% {
            opacity: 1
        }

        100% {
            margin-bottom: 640px;
            opacity: 1;
            left: 0
        }
    }

    @-webkit-keyframes bubble-v-right {
        0% {
            margin-bottom: 0;
            opacity: .1
        }

        20% {
            opacity: 1
        }

        100% {
            margin-bottom: 640px;
            opacity: 1;
            left: 100%
        }
    }

    @keyframes bubble-v-right {
        0% {
            margin-bottom: 0;
            opacity: .1
        }

        20% {
            opacity: 1
        }

        100% {
            margin-bottom: 640px;
            opacity: 1;
            left: 100%
        }
    }

    @-webkit-keyframes shake-v {
        0% {
            margin-left: 0
        }

        100% {
            margin-left: 20px
        }
    }

    @keyframes shake-v {
        0% {
            margin-left: 0
        }

        100% {
            margin-left: 20px
        }
    }

    button:focus {
        outline: 0
    }
/*
    .btn {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        text-decoration: none;
        letter-spacing: 1.45px;
        font-weight: 400;
        padding: .5rem 1.25rem;
        font-size: .75rem;
        line-height: 1.5;
        border-radius: .25rem;
        white-space: normal;
        text-align: left
    }
*/
    .badge-contrast {
        color: #212529;
        padding: 4px 8px;
        background-color: #fff
    }
}

a.badge-contrast:focus,a.badge-contrast:hover {
    color: #212529;
    background-color: #e6e6e6
}

a.badge-contrast.focus,a.badge-contrast:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
}

.topapp-main .pricing-section {
    position: relative;
    padding: 95px 0 5px
}

.pricing-tabs .tabs-content .tab {
    position: relative;
    display: none;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transform: translateY(60px)
}

.pricing-tabs .tabs-content .patern-layer-three {
    position: absolute;
    left: -170px;
    bottom: -70px;
    width: 460px;
    height: 584px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.pricing-tabs .tabs-content .patern-layer-four {
    position: absolute;
    right: -195px;
    bottom: 60px;
    width: 382px;
    height: 620px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.pricing-tabs .tabs-content .tab .content .guarantee {
    position: relative;
    text-align: center;
    color: #373a5b;
    font-size: 14px;
    font-weight: 500;
    font-family: poppins,sans-serif
}

.pricing-tabs .tabs-content .tab .content .guarantee .circle {
    position: relative;
    width: 18px;
    height: 18px;
    top: 3px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #2bb852
}

.pricing-tabs .tabs-content .tab .content .guarantee .circle:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background-color: #2bb852
}

.pricing-tabs .tabs-content .tab.active-tab {
    display: block;
    transform: translateY(0)
}

.pricing-tabs {
    position: relative
}

.pricing-tabs .title-column {
    position: relative;
    text-align: center;
    margin-bottom: 30px
}

.pricing-tabs .tab-buttons {
    position: relative;
    text-align: center;
    display: inline-block
}

.pricing-tabs .tab-buttons .tab-btn {
    position: relative;
    color: #a1a2ad;
    font-size: 18px;
    font-weight: 700;
    float: left;
    cursor: pointer;
    margin: 0 20px;
    line-height: 47px;
    font-family: roboto,sans-serif;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tabs .tab-buttons .boll {
    position: relative;
    width: 92px;
    height: 45px;
    padding: 8px;
    border-radius: 50px;
    float: left;
    text-align: left;
    box-shadow: 0 10px 15px rgba(0,0,0,.15);
    background-image: -ms-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -moz-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -o-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9426d5),color-stop(100,#e642dc));
    background-image: -webkit-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: linear-gradient(to right,#9426d5 0,#e642dc 100%)
}

.pricing-tabs .tab-buttons .boll .round {
    position: relative;
    width: 30px;
    height: 29px;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tabs .tab-buttons .boll .round.boll-right {
    transform: translateX(45px)
}

.pricing-tabs .tab-buttons .tab-btn:hover,.pricing-tabs .tab-buttons .tab-btn.active-btn {
    color: #373a5b
}

.price-block {
    position: relative;
    margin-bottom: 30px
}

.price-block .inner-box {
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 7px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,.2)
}

.price-block .inner-box .patern-layer-one {
    position: absolute;
    right: -100%;
    top: 0;
    width: 363px;
    height: 741px;
    z-index: 1;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.price-block .inner-box:hover .patern-layer-one {
    right: 0;
    transition-delay: .3s
}

.price-block .inner-box .patern-layer-two {
    position: absolute;
    right: -100%;
    top: 0;
    width: 363px;
    height: 741px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.price-block .inner-box:hover .patern-layer-two {
    right: 0;
    transition-delay: .8s
}

.price-block .inner-box:before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: #9127d3;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.price-block .inner-box:hover:before {
    opacity: 1
}

.price-block .inner-box .upper-box {
    position: relative;
    z-index: 1;
    padding: 40px 0 20px
}

.price-block .inner-box .upper-box .icon-box,.price-block .inner-box .upper-box .icon-box i {
    position: relative;
    font-size: 54px;
    line-height: 1em;
    background: -webkit-gradient(linear,left top,right top,from(#f24245),color-stop(98%,#fc8b8b),to(#fc8b8b));
    background: linear-gradient(to right,#f24245 0,#fc8b8b 98%,#fc8b8b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.price-block:nth-child(2) .inner-box .upper-box .icon-box,.price-block:nth-child(2) .inner-box .upper-box .icon-box i {
    background: -webkit-gradient(linear,left top,right top,from(#31c551),color-stop(98%,#77e34b),to(#77e34b));
    background: linear-gradient(to right,#31c551 0,#77e34b 98%,#77e34b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.price-block:nth-child(3) .inner-box .upper-box .icon-box,.price-block:nth-child(3) .inner-box .upper-box .icon-box i {
    background: -webkit-gradient(linear,left top,right top,from(#0084fd),color-stop(98%,#67d4ff),to(#67d4ff));
    background: linear-gradient(to right,#0084fd 0,#67d4ff 98%,#67d4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.price-block .inner-box:hover .upper-box .icon-box,.price-block .inner-box:hover .upper-box .icon-box i {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.price-block .inner-box .upper-box .title {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    font-family: poppins,sans-serif
}

.price-block .inner-box:hover .lower-box .trial,.price-block .inner-box:hover .middle-box .price-list li,.price-block .inner-box:hover .middle-box .price-title,.price-block .inner-box:hover .upper-box h3,.price-block .inner-box:hover .upper-box .title {
    color: #fff
}

.price-block .inner-box .upper-box h3 {
    position: relative;
    color: #373a5b;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
    text-transform: uppercase;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    font-family: poppins,sans-serif
}

.price-block .inner-box .middle-box {
    position: relative;
    z-index: 1;
    padding: 30px 15px 25px;
    border-top: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.price-block .inner-box:hover .middle-box {
    border-color: rgba(255,255,255,.1)
}

.price-block .inner-box .middle-box .price-title {
    position: relative;
    color: #373a5b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 25px;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    text-transform: uppercase;
    font-family: poppins,sans-serif
}

.price-block .inner-box .middle-box .price-list {
    position: relative
}

.price-block .inner-box .middle-box .price-list li {
    position: relative;
    color: #373a5b;
    font-size: 15px;
    margin-bottom: 16px;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.price-block .inner-box .middle-box .price-list li i {
    position: relative;
    margin-right: 8px
}

.price-block .inner-box .middle-box .price-list li:last-child {
    margin-bottom: 0
}

.price-block .inner-box .lower-box {
    position: relative;
    z-index: 1;
    padding: 28px 15px 30px
}

.price-block .inner-box .lower-box .plan-btn {
    position: relative;
    padding: 19px 36px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    font-family: poppins,sans-serif;
    background-image: -ms-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -moz-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -o-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f24548),color-stop(100,#fb8383));
    background-image: -webkit-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: linear-gradient(to right,#f24548 0,#fb8383 100%)
}

.price-block .inner-box .lower-box .plan-btn:hover {
    background-image: -ms-linear-gradient(left,#fb8383 0,#f24548 100%);
    background-image: -moz-linear-gradient(left,#fb8383 0,#f24548 100%);
    background-image: -o-linear-gradient(left,#fb8383 0,#f24548 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fb8383),color-stop(100,#f24548));
    background-image: -webkit-linear-gradient(left,#fb8383 0,#f24548 100%);
    background-image: linear-gradient(to right,#fb8383 0,#f24548 100%)
}

.price-block:nth-child(2) .inner-box .lower-box .plan-btn {
    background-image: -ms-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -moz-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -o-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#31c551),color-stop(100,#77e34b));
    background-image: -webkit-linear-gradient(left,#31c551 0,#77e34b 100%);
    background-image: linear-gradient(to right,#31c551 0,#77e34b 100%)
}

.price-block:nth-child(2) .inner-box .lower-box .plan-btn:hover {
    background-image: -ms-linear-gradient(left,#77e34b 0,#31c551 100%);
    background-image: -moz-linear-gradient(left,#77e34b 0,#31c551 100%);
    background-image: -o-linear-gradient(left,#77e34b 0,#31c551 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#77e34b),color-stop(100,#31c551));
    background-image: -webkit-linear-gradient(left,#77e34b 0,#31c551 100%);
    background-image: linear-gradient(to right,#77e34b 0,#31c551 100%)
}

.price-block:nth-child(3) .inner-box .lower-box .plan-btn {
    background-image: -ms-linear-gradient(left,#0084fd 0,#64d2ff 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#64d2ff 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#64d2ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#64d2ff));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#64d2ff 100%);
    background-image: linear-gradient(to right,#0084fd 0,#64d2ff 100%)
}

.price-block:nth-child(3) .inner-box .lower-box .plan-btn:hover {
    background-image: -ms-linear-gradient(left,#64d2ff 0,#0084fd 100%);
    background-image: -moz-linear-gradient(left,#64d2ff 0,#0084fd 100%);
    background-image: -o-linear-gradient(left,#64d2ff 0,#0084fd 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#64d2ff),color-stop(100,#0084fd));
    background-image: -webkit-linear-gradient(left,#64d2ff 0,#0084fd 100%);
    background-image: linear-gradient(to right,#64d2ff 0,#0084fd 100%)
}

.price-block .inner-box .lower-box .trial {
    position: relative;
    display: block;
    color: #373a5b;
    font-size: 15px;
    margin-top: 25px;
    text-decoration: underline;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.faq-section {
    position: relative;
    padding: 110px 0
}

.faq-section .topapp-sec-title {
    margin-bottom: 70px
}

.faq-section .inner-container {
    position: relative;
    max-width: 960px;
    margin: 0 auto
}

.faq-section .inner-container .question {
    position: relative;
    text-align: center;
    color: #606272;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    font-family: poppins,sans-serif
}

.faq-section .inner-container .question a {
    position: relative;
    color: #606272;
    text-decoration: underline
}

.faq-section .inner-container .question strong {
    color: #373a5b
}

.faq-section .faq-column {
    position: relative;
    margin-bottom: 30px
}

.faq-section .faq-column h3 {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    padding-left: 25px;
    font-family: poppins,sans-serif
}

.faq-section .faq-column h3:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #3fb844;
    font-weight: 600;
    content: "\f101";
    font-family: "font awesome\ 5 free"
}

.faq-section .faq-column .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 12px
}

.faq-section .faq-column .text a {
    position: relative;
    color: #373a5b;
    text-decoration: underline
}

.blog-section {
    position: relative;
    padding: 110px 0 80px
}

.blog-section .topapp-sec-title .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.9em;
    margin-top: 60px
}

.news-block {
    position: relative;
    margin-bottom: 30px
}

.news-block .inner-box {
    position: relative
}

.news-block .inner-box .image {
    position: relative
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.news-block .inner-box .lower-content {
    position: relative;
    padding-top: 25px
}

.news-block .inner-box .lower-content .post-meta {
    position: relative
}

.news-block .inner-box .lower-content .post-meta li {
    position: relative;
    color: #777a91;
    font-size: 14px;
    margin-right: 12px;
    display: inline-block;
    font-family: poppins,sans-serif
}

.news-block .inner-box .lower-content .post-meta li .icon {
    position: relative;
    margin-right: 7px;
    color: #777a91
}

.news-block .inner-box .lower-content h3 {
    position: relative;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 700;
    margin-top: 12px;
    font-family: poppins,sans-serif
}

.news-block .inner-box .lower-content h3 a {
    position: relative;
    color: #373a5b;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.news-block .inner-box .lower-content h3 a:hover {
    color: #0385fc
}

.news-block .inner-box .lower-content .text {
    position: relative;
    font-size: 16px;
    color: #373a5b;
    line-height: 1.8em;
    font-weight: 400;
    margin-top: 12px
}

.team-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0 105px
}

.team-section .owl-dots {
    display: none
}

.team-section .owl-nav {
    position: absolute;
    left: -70px;
    top: 50%;
    right: 0;
    margin-top: -50px
}

.team-section .owl-nav .owl-prev {
    font-size: 14px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 10px 10px rgba(0,0,0,.15)
}

.team-section .owl-nav .owl-next {
    position: absolute;
    right: -70px;
    cursor: pointer;
    font-size: 14px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 10px 10px rgba(0,0,0,.15)
}

.team-section .owl-nav .owl-prev:hover,.team-section .owl-nav .owl-next:hover {
    background-color: #373a5b;
    color: #fff
}

.team-section .team-carousel .owl-item.center .team-block .social-boxed .social-inner {
    opacity: 1;
    visibility: visible
}

.team-section .team-carousel .owl-item.center .team-block .image img {
    max-width: 100%;
    margin: 0 auto
}

.team-section .team-carousel .owl-item .team-block {
    transform: scale(.9,.9)
}

.team-section .team-carousel .owl-item.center .team-block {
    transform: scale(1,1)
}

.team-section .team-carousel .owl-item.center .team-block .team-block .inner-box .lower-content h3 {
    font-size: 24px
}

.team-section .team-carousel .owl-item.center .team-block .team-block .inner-box .lower-content .designation {
    font-size: 16px
}

.team-section .team-carousel .owl-item.center .team-block .inner-box .lower-content {
    padding-top: 30px
}

.team-section .team-carousel .owl-item.center .team-block .inner-box .lower-content .social-boxed {
    transform: scale(.9,.9);
    margin-top: 12px;
    padding-bottom: 8px;
    height: 40px
}

.team-block {
    position: relative
}

.team-block .inner-box {
    position: relative;
    text-align: center
}

.team-block .inner-box .image {
    position: relative;
    z-index: 1
}

.team-block .inner-box .image a {
    position: relative
}

.team-block .inner-box .image img {
    position: relative;
    top: 2px;
    left: 5px
}

.team-block .inner-box .image:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 85px;
    right: 0;
    bottom: 0;
    width: 360px;
    height: 360px;
    margin: 0 auto;
    z-index: -1;
    border-radius: 250px;
    background-image: -ms-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -moz-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -o-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9426d5),color-stop(100,#e642dc));
    background-image: -webkit-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: linear-gradient(to right,#9426d5 0,#e642dc 100%)
}

.team-block.style-two .inner-box .image:before {
    background-image: inherit;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/background/team-bg-1.png) no-repeat
}

.team-block.style-three .inner-box .image:before {
    background-image: -ms-linear-gradient(left,#0084fd 0,#62d0ff 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#62d0ff 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#62d0ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#62d0ff));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#62d0ff 100%);
    background-image: linear-gradient(to right,#0084fd 0,#62d0ff 100%)
}

.team-block .inner-box .image:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    right: 78px;
    bottom: 20px;
    z-index: -1;
    width: 295px;
    height: 295px;
    margin: 0 auto;
    border-radius: 250px;
    margin-left: -152px;
    margin-top: -110px;
    background-color: #eff3ff
}

.team-block .inner-box .lower-content {
    position: relative;
    padding-top: 60px
}

.team-block .inner-box .lower-content h3 {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em
}

.team-block .inner-box .lower-content .designation {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    margin-top: 6px
}

.team-block .inner-box .lower-content .social-boxed {
    position: relative;
    display: inline-block;
    transform: scale(.9,.9);
    margin-top: 12px;
    padding-bottom: 8px;
    height: 40px
}

.team-block .inner-box .lower-content .social-boxed:hover .social-inner {
    width: 100%
}

.team-block .inner-box .lower-content .social-boxed .social-inner {
    position: relative;
    color: #fff;
    font-size: 16px;
    border-radius: 7px;
    display: inline-block;
    padding: 10px 32px 12px;
    opacity: 1;
    width: 38%;
    max-width: 100%;
    height: 40px;
    visibility: visible;
    overflow: hidden;
    background-image: -ms-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -moz-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -o-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f24548),color-stop(100,#fb8383));
    background-image: -webkit-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: linear-gradient(to right,#f24548 0,#fb8383 100%);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.team-block .inner-box .lower-content .social-boxed .social-inner a {
    position: relative;
    color: #fff;
    margin: 0 8px 3px;
    font-size: 16px;
    float: left
}

.team-block .inner-box .lower-content .social-boxed .social-inner .share-now {
    position: relative;
    margin-right: 8px;
    margin-bottom: 12px;
    margin-top: 3px;
    float: left;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.contact-section {
    position: relative;
    padding: 110px 0 80px
}

.contact-section .info-column {
    position: relative
}

.contact-section .info-column .inner-column {
    position: relative;
    padding: 120px 0 110px
}

.contact-section .info-column .patern-layer-one {
    position: absolute;
    left: 0;
    top: -80px;
    right: -30px;
    bottom: 0;
    z-index: 2;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover
}

.contact-section .info-column .patern-layer-two {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover
}

.contact-section .info-column .patern-layer-three {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover
}

.contact-section .info-column .info-list {
    position: relative;
    z-index: 3;
    margin-left: 120px
}

.contact-section .info-column .info-list li {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.8em;
    padding-left: 50px;
    margin-bottom: 30px
}

.contact-section .info-column .info-list li strong {
    color: #373a5b;
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px
}

.contact-section .info-column .info-list li .icon {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    font-size: 36px;
    line-height: 1em;
    background: -webkit-gradient(linear,left top,right top,from(#2bb852),color-stop(98%,#6ede4c),to(#6ede4c));
    background: linear-gradient(to right,#2bb852 0,#6ede4c 98%,#6ede4c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-section .info-column .info-list li:nth-child(2) .icon {
    background: -webkit-gradient(linear,left top,right top,from(#9828d5),color-stop(98%,#de3fdb),to(#de3fdb));
    background: linear-gradient(to right,#9828d5 0,#de3fdb 98%,#de3fdb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-section .info-column .info-list li:nth-child(3) .icon {
    background: -webkit-gradient(linear,left top,right top,from(#0084fd),color-stop(98%,#69d6ff),to(#69d6ff));
    background: linear-gradient(to right,#0084fd 0,#69d6ff 98%,#69d6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-section .info-column .info-list li a {
    position: relative;
    color: #373a5b;
    font-size: 16px
}

.default-form {
    position: relative
}

.default-form .form-group {
    position: relative;
    margin-bottom: 28px
}

.default-form .form-group input[type=text],.default-form .form-group input[type=password],.default-form .form-group input[type=tel],.default-form .form-group input[type=email],.default-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    height: 50px;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    border-radius: 6px;
    background-color: #eff3ff;
    border: 1px solid #e3eaff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    font-family: roboto,sans-serif
}

.default-form .form-group input::-webkit-input-placeholder,.default-form .form-group textarea::-webkit-input-placeholder {
    color: #373a5b
}

.default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    color: #222;
    height: 140px;
    font-size: 14px;
    resize: none;
    font-weight: 400;
    border-radius: 6px;
    background-color: #eff3ff;
    border: 1px solid #e3eaff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    font-family: roboto,sans-serif
}

.default-form .topapp-submit-btn {
    cursor: pointer;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 18px 15px;
    border-radius: 7px;
    font-family: poppins,sans-serif;
    background-image: -ms-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -moz-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -o-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9426d5),color-stop(100,#e642dc));
    background-image: -webkit-linear-gradient(left,#9426d5 0,#e642dc 100%);
    background-image: linear-gradient(to right,#9426d5 0,#e642dc 100%)
}

.subscribe-section {
    position: relative;
    overflow: hidden;
    padding: 115px 0 100px
}

.subscribe-section .patern-layer-one {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 180%;
    background-position: left center;
    background-repeat: repeat
}

@-webkit-keyframes banner-animate {
    0% {
        -webkit-transform: translateX(-1e3px);
        transform: translateX(-1e3px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-1e3px);
        transform: translateX(-1e3px)
    }
}

@keyframes banner-animate {
    0% {
        -webkit-transform: translateX(-1e3px);
        transform: translateX(-1e3px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-1e3px);
        transform: translateX(-1e3px)
    }
}

.ampty-animations {
    animation-name: banner-animate;
    animation-duration: 70s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: banner-animate;
    -webkit-animation-duration: 70s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: banner-animate;
    -moz-animation-duration: 70s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: banner-animate;
    -ms-animation-duration: 70s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: banner-animate;
    -o-animation-duration: 70s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.subscribe-section .topapp-sec-title {
    margin-bottom: 80px
}

.subscribe-section .email {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    max-width: 760px;
    margin: 0 auto;
    margin-top: 12px;
    font-family: poppins,sans-serif
}

.subscribe-section .subscribe-form {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,.08)
}

.subscribe-form .form-group {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    z-index: 1
}

.subscribe-form .form-group input,.subscribe-form .form-group select,.subscribe-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    color: #75717b;
    font-weight: 500;
    height: 66px;
    padding: 25px 40px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: poppins,sans-serif;
    box-shadow: 0 20px 40px rgba(42,38,45,.06)
}

.subscribe-form .form-group input:focus,.subscribe-form .form-group select:focus,.subscribe-form .form-group textarea:focus {
    border: 1px solid #ef454a
}

.subscribe-form .form-group input[type=submit],.subscribe-form button {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    cursor: pointer;
    border-radius: 0 8px 8px 0;
    padding: 18px 45px
}

.main-footer {
    position: relative;
    background-color: #eff3ff
}

.main-footer .widgets-section {
    position: relative;
    padding: 70px 0 40px
}

.main-footer .widgets-section .footer-column {
    margin-bottom: 30px
}

.main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 20px
}

.main-footer .logo-widget .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 25px
}

.main-footer .links-widget ul li {
    position: relative;
    margin-bottom: 18px
}

.main-footer .links-widget ul li a {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    padding-left: 18px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: poppins,sans-serif
}

.main-footer .links-widget ul li a:hover {
    text-decoration: underline;
    color: #0072fd
}

.main-footer .links-widget ul li a:before {
    position: absolute;
    content: "\f11f";
    left: 0;
    top: 2px;
    font-size: 9px;
    line-height: 17px;
    font-family: flaticon
}

.main-footer .email-widget .text {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    margin-bottom: 18px;
    font-family: poppins,sans-serif
}

.main-footer .email-widget .btns {
    position: relative;
    margin-top: 25px;
    margin-bottom: 20px
}

.main-footer .email-widget .btns a {
    position: relative;
    margin-bottom: 15px;
    display: inline-block
}

.newsletter-form-two {
    position: relative
}

.newsletter-form-two .form-group {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    z-index: 1
}

.newsletter-form-two .form-group input,.newsletter-form-two .form-group select,.newsletter-form-two .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    color: #75717b;
    font-weight: 400;
    height: 45px;
    padding: 25px 20px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 20px 40px rgba(42,38,45,.06)
}

.newsletter-form-two .form-group input:focus,.newsletter-form-two .form-group select:focus,.newsletter-form-two .form-group textarea:focus {
    border: 1px solid #0a8cfd
}

.newsletter-form-two .form-group input[type=submit],.newsletter-form-two button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 20px;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
    background-image: -ms-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#6cd8ff));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#6cd8ff 100%);
    background-image: linear-gradient(to right,#0084fd 0,#6cd8ff 100%)
}

.newsletter-form-two button:hover {
    background-image: -ms-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: -moz-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: -o-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#6bd7ff),color-stop(100,#0084fd));
    background-image: -webkit-linear-gradient(left,#6bd7ff 0,#0084fd 100%);
    background-image: linear-gradient(to right,#6bd7ff 0,#0084fd 100%)
}

.main-footer .topapp-footer-bottom {
    position: relative;
    padding: 18px 0;
    border-top: 1px solid #dee2ef
}

.main-footer .topapp-footer-bottom .copyright {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    font-weight: 500;
    font-family: poppins,sans-serif
}

.main-footer .footer-nav {
    position: relative
}

.main-footer .footer-nav li {
    position: relative;
    margin-left: 20px;
    display: inline-block
}

.main-footer .footer-nav li a {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    font-weight: 500;
    font-family: poppins,sans-serif
}

.page-title {
    position: relative;
    padding: 210px 0 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center top
}

.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.page-title .content {
    position: relative;
    text-align: center
}

.page-title .content h1 {
    position: relative;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 15px;
    text-transform: capitalize
}

.page-title .page-breadcrumb {
    position: relative
}

.page-title .page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 16px
}

.page-title .page-breadcrumb li:after {
    position: absolute;
    content: "\f105";
    right: -4px;
    top: 1px;
    color: #fff;
    font-family: fontawesome
}

.page-title .page-breadcrumb li:last-child:after {
    display: none
}

.page-title .page-breadcrumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.page-title .page-breadcrumb li a {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.page-title .page-breadcrumb li a:hover {
    color: #fff
}

.sidebar-page-container {
    position: relative;
    padding: 170px 0 50px
}

.sidebar-page-container {
    padding-top: 95px
}

.sidebar-page-container .content-side,.sidebar-page-container .sidebar-side {
    margin-bottom: 40px
}

.sidebar-page-container .sidebar-side .padding-left {
    padding-left: 30px;
    position: relative;
    z-index: 7
}

.sticky-top {
    top: 90px;
    z-index: 1
}

.sidebar-widget {
    position: relative;
    margin-bottom: 40px
}

.sidebar-widget:last-child {
    margin-bottom: 0
}

.sidebar-title {
    position: relative;
    margin-bottom: 25px
}

.sidebar-title h4 {
    position: relative;
    color: #373a5b;
    font-family: Poppins;
    font-weight: 600;
    line-height: 1.2em;
    padding-bottom: 15px
}

.sidebar-title h4:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 40px;
    background-image: -ms-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -moz-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -o-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0586fc),color-stop(100,#65b5ff));
    background-image: -webkit-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%)
}

.topapp-sidebar .search-box .form-group {
    position: relative;
    margin: 0
}

.topapp-sidebar .search-box .form-group input[type=text],.topapp-sidebar .search-box .form-group input[type=search] {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #ececf0;
    background: 0 0;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    color: gray;
    font-weight: 400;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.topapp-sidebar .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    font-size: 14px;
    color: #222;
    line-height: 100%;
    background: 0 0;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-left: 1px solid #f2f2f2
}

.blog-cat {
    position: relative
}

.blog-cat li {
    position: relative;
    border-bottom: 1px solid #ececf0
}

.blog-cat li a {
    position: relative;
    color: #223543;
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 16px 15px 16px 38px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: poppins,sans-serif
}

.blog-cat li a span {
    position: absolute;
    right: 0;
    top: 15px;
    width: 27px;
    height: 27px;
    font-size: 12px;
    text-align: center;
    line-height: 27px;
    background-color: #eee
}

.blog-cat li a:before {
    position: absolute;
    content: "\f105";
    left: 20px;
    top: 15px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: inline-block;
    color: #369efd;
    font-family: fontawesome
}

.blog-cat li a:hover:before {
    opacity: 1
}

.blog-cat li.active a,.blog-cat li a:hover {
    color: #369efd
}

.popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666;
    min-height: 100px;
    padding-left: 90px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e2e2e7
}

.popular-posts .post:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    min-height: auto
}

.popular-posts .post .post-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 50%
}

.popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.popular-posts .post .text {
    position: relative;
    top: 0;
    font-size: 16px;
    margin: 0 0 3px;
    font-weight: 600;
    color: #373a5b;
    line-height: 1.5em;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.popular-posts .post .text a {
    color: #373a5b;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.popular-posts .post a:hover {
    color: #369efd
}

.popular-posts .post-info {
    position: relative;
    font-size: 15px;
    color: #777a91;
    font-weight: 400;
    font-family: poppins,sans-serif
}

.topapp-sidebar .instagram-widget .images-outer {
    position: relative;
    margin: 0 -4px
}

.topapp-sidebar .instagram-widget .image-box {
    position: relative;
    float: left;
    width: 33.3333%;
    padding: 0 6px;
    margin-bottom: 12px
}

.topapp-sidebar .instagram-widget .image-box:nth-child(3),.topapp-sidebar .instagram-widget .image-box:nth-child(6) {
    margin-right: 0
}

.topapp-sidebar .instagram-widget .image-box .overlay-box {
    position: absolute;
    content: "";
    left: 12px;
    top: 8px;
    bottom: 8px;
    right: 12px;
    display: block;
    z-index: 1;
    opacity: 0;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 24px;
    line-height: 44px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #339cfd
}

.topapp-sidebar .instagram-widget .image-box .overlay-box:before {
    position: absolute;
    top: 50%;
    margin-left: -12px;
    margin-top: -22px;
    display: inline-block
}

.topapp-sidebar .instagram-widget .image-box:hover .overlay-box {
    opacity: 1
}

.topapp-sidebar .instagram-widget .image-box img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.topapp-sidebar .popular-tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 7px 24px;
    margin: 0 4px 8px 0;
    color: #3a505f;
    text-align: center;
    font-size: 15px;
    border: 1px solid #eeecec;
    background-color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: poppins,sans-serif
}

.topapp-sidebar .popular-tags a:hover {
    background-color: #369efd;
    border-color: #369efd;
    color: #fff
}

.subscribe-widget .widget-content {
    position: relative;
    padding: 32px 25px 35px;
    background-color: #373a5b
}

.subscribe-widget h5 {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3em;
    padding-left: 30px;
    margin-bottom: 15px
}

.subscribe-widget h5:before {
    position: absolute;
    content: "\f0e0";
    left: 0;
    top: 2px;
    color: #fff;
    line-height: 1em;
    font-weight: 400;
    font-size: 20px;
    font-family: "font awesome\ 5 free"
}

.subscribe-form-three {
    position: relative
}

.subscribe-form-three .form-group {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    z-index: 1
}

.subscribe-form-three .form-group input,.subscribe-form-three .form-group select,.subscribe-form-three .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    color: #75717b;
    font-weight: 500;
    height: 66px;
    padding: 25px 40px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    border: 1px solid transparent;
    font-family: poppins,sans-serif;
    box-shadow: 0 20px 40px rgba(42,38,45,.06)
}

.subscribe-form-three .form-group input:focus,.subscribe-form-three .form-group select:focus,.subscribe-form-three .form-group textarea:focus {
    border-color: #0988fc
}

.subscribe-form-three .form-group input[type=submit],.subscribe-form-three button {
    position: relative;
    width: 100%;
    line-height: 30px;
    cursor: pointer;
    padding: 18px 45px;
    border-radius: 8px;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-image: -ms-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -moz-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -o-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0586fc),color-stop(100,#65b5ff));
    background-image: -webkit-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%)
}

.news-block-two {
    position: relative;
    margin-bottom: 50px
}

.news-block-two .inner-box {
    position: relative;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0,0,0,.15)
}

.news-block-two .inner-box .image-column {
    position: relative
}

.news-block-two .inner-box .image-column .inner-column {
    position: relative
}

.news-block-two .inner-box .image-column .image {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.news-block-two .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.news-block-two .inner-box:hover .image-column .image img {
    transform: scale(1.04,1.04);
    opacity: .7
}

.news-block-two .inner-box .content-column {
    position: relative
}

.news-block-two .inner-box .content-column .inner-column {
    position: relative;
    border: 1px solid #efefef;
    border-left: 0;
    border-bottom: 0;
    padding-top: 22px;
    padding-right: 30px
}

.news-block-two .inner-box .content-column h4 {
    position: relative;
    font-weight: 700;
    color: #373a5b;
    line-height: 1.5em
}

.news-block-two .inner-box .content-column h4 a {
    position: relative;
    color: #373a5b;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.news-block-two .inner-box .content-column h4 a:hover {
    color: #1a90fd
}

.news-block-two .inner-box .content-column .post-meta {
    position: relative;
    margin-top: 10px
}

.news-block-two .inner-box .content-column .post-meta li {
    position: relative;
    color: #777a91;
    font-size: 14px;
    margin-right: 12px;
    display: inline-block;
    font-family: poppins,sans-serif
}

.news-block-two .inner-box .content-column .post-meta li .icon {
    position: relative;
    margin-right: 7px;
    color: #777a91
}

.news-block-two .inner-box .content-column .text {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 12px;
    margin-bottom: 8px
}

.news-block-two .inner-box .content-column .read-more {
    position: relative;
    color: #1a90fd;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7em;
    margin-top: 12px;
    padding-left: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: poppins,sans-serif
}

.news-block-two .inner-box .content-column .read-more .fa {
    position: absolute;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.news-block-two .inner-box .content-column .read-more:hover {
    color: #222;
    padding-left: 0;
    padding-right: 10px
}

.news-block-two .inner-box .content-column .read-more:hover .fa {
    left: 100%
}

.styled-pagination {
    position: relative
}

.styled-pagination li {
    position: relative;
    margin: 0 6px 10px;
    float: left
}

.styled-pagination li a {
    position: relative;
    width: 40px;
    height: 40px;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    background-color: #ebebeb;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.styled-pagination li.active a,.styled-pagination li:hover a {
    color: #fff;
    background-color: #0787fc
}

.styled-pagination li.prev a {
    font-size: 10px;
    color: #fff;
    background-color: #0787fc
}

.styled-pagination li.next a {
    font-size: 10px;
    color: #fff;
    background-color: #0787fc
}

.blog-detail {
    position: relative
}

.blog-detail .inner-box {
    position: relative
}

.blog-detail .inner-box .image {
    position: relative
}

.blog-detail .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.blog-detail .inner-box .lower-content {
    position: relative;
    padding: 25px;
    border: 1px solid #e8edf5
}

.blog-detail .inner-box .lower-content .post-meta {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececf0
}

.blog-detail .inner-box .lower-content .post-meta:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 50px;
    height: 3px;
    background-image: -ms-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -moz-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -o-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0586fc),color-stop(100,#65b5ff));
    background-image: -webkit-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%)
}

.blog-detail .inner-box .lower-content .post-meta li {
    position: relative;
    color: #9b9b9b;
    font-size: 14px;
    padding-right: 15px;
    margin-right: 12px;
    font-weight: 500;
    display: inline-block;
    font-family: poppins,sans-serif
}

.blog-detail .inner-box .lower-content .post-meta li span {
    position: relative
}

.blog-detail .inner-box .lower-content .post-meta li:before {
    position: absolute;
    right: -2px;
    top: 0;
    content: "/";
    color: #9b9b9b
}

.blog-detail .inner-box .lower-content .post-meta li:last-child {
    margin-right: 0;
    padding-right: 0
}

.blog-detail .inner-box .lower-content .post-meta li:last-child:before {
    display: none
}

.blog-detail .inner-box .lower-content .text {
    position: relative;
    margin-top: 25px
}

.blog-detail .inner-box .lower-content .text p {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 22px;
    font-family: poppins,sans-serif
}

.blog-detail .inner-box .lower-content .text p span {
    text-decoration: underline
}

.blog-detail .inner-box .lower-content h4 {
    position: relative;
    font-weight: 700;
    color: #373a5b;
    line-height: 1.5em;
    margin-bottom: 15px
}

.blog-detail .inner-box .lower-content strong {
    position: relative;
    font-weight: 700;
    color: #373a5b;
    font-size: 16px;
    display: block;
    line-height: 1.5em;
    margin-bottom: 15px
}

.blog-detail .inner-box .lower-content .images-column {
    position: relative;
    margin-top: 25px;
    margin-bottom: 0
}

.blog-detail .inner-box .lower-content .images-column .image {
    position: relative;
    margin-bottom: 30px
}

.blog-detail .inner-box .lower-content blockquote {
    background-color: #f1f7fd;
    padding: 30px 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-left: 4px solid #2c99fd
}

.blog-detail .inner-box .lower-content blockquote .quote-text {
    position: relative;
    color: #373a5b;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.6em;
    margin-bottom: 12px;
    font-family: poppins,sans-serif
}

.blog-detail .inner-box .lower-content blockquote .quote-author {
    position: relative;
    color: #0c89fc;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7em;
    font-family: poppins,sans-serif
}

.blog-detail .post-share-options {
    position: relative;
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 32px
}

.blog-detail .post-share-options .post-share-inner {
    position: relative
}

.blog-detail .post-share-options .post-tags {
    position: relative
}

.blog-detail .post-share-options .post-tags span {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #191514;
    margin-right: 15px;
    font-family: poppins,sans-serif
}

.blog-detail .post-share-options .post-tags a {
    position: relative;
    padding: 8px 20px;
    color: #222;
    margin-right: 4px;
    font-size: 15px;
    margin-bottom: 4px;
    border-radius: 4px;
    display: inline-block;
    background-color: #f4f7fc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: poppins,sans-serif
}

.blog-detail .post-share-options .post-tags a:hover {
    color: #fff;
    background-image: -ms-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -moz-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -o-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0586fc),color-stop(100,#65b5ff));
    background-image: -webkit-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%)
}

.blog-detail .post-share-options .social-links {
    position: relative;
    margin-top: 5px
}

.blog-detail .post-share-options .social-links li {
    position: relative;
    margin-left: 2px;
    display: inline-block
}

.blog-detail .post-share-options .social-links li.twitter a {
    background-color: #55acee
}

.blog-detail .post-share-options .social-links li.google-plus a {
    background-color: #dd4b39
}

.blog-detail .post-share-options .social-links li.dribble a {
    background-color: #cd339a
}

.blog-detail .post-share-options .social-links li a {
    position: relative;
    width: 32px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #3b5998
}

.new-posts {
    position: relative;
    padding: 22px 0;
    border-top: 1px solid #ececf0;
    border-bottom: 1px solid #ececf0
}

.new-posts .prev-post {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: poppins,sans-serif
}

.new-posts .next-post {
    position: relative;
    color: #373a5b;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: poppins,sans-serif
}

.new-posts .prev-post:hover,.new-posts .next-post:hover {
    color: #1c91fd
}

.sidebar-page-container .comments-area {
    position: relative;
    margin-top: 45px;
    margin-bottom: 60px
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 35px
}

.sidebar-page-container .group-title h4 {
    position: relative;
    color: #373a5b;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize
}

.sidebar-page-container .group-title h4:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background-image: -ms-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -moz-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -o-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0586fc),color-stop(100,#65b5ff));
    background-image: -webkit-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%)
}

.sidebar-page-container .group-title .group-text {
    position: relative;
    font-size: 14px;
    color: #222;
    margin-top: 25px;
    font-weight: 500
}

.sidebar-page-container .comments-area .comment-box {
    position: relative;
    padding: 0;
    margin-bottom: 40px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar-page-container .comments-area .comment-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.sidebar-page-container .comments-area .comment-box:hover {
    border-color: #222
}

.sidebar-page-container .comments-area .comment {
    position: relative;
    font-size: 14px;
    padding: 0 0 0 125px
}

.sidebar-page-container .comments-area .comment .comment-inner {
    position: relative;
    padding: 22px 25px 30px;
    background-color: #f4f7fc
}

.sidebar-page-container .comments-area .comment .comment-reply {
    position: absolute;
    right: 25px;
    top: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 5px;
    background-color: #191919;
    font-family: poppins,sans-serif
}

.sidebar-page-container .comments-area .comment .comment-reply:hover {
    background-color: #0586fc;
    background-image: -ms-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -moz-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -o-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0586fc),color-stop(100,#65b5ff));
    background-image: -webkit-linear-gradient(left,#0586fc 0,#65b5ff 100%);
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%)
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
    display: block
}

.sidebar-page-container .comments-area .comment-info {
    color: #3e5773;
    line-height: 24px;
    font-size: 13px
}

.sidebar-page-container .comments-area .comment-box strong {
    font-size: 20px;
    font-weight: 600;
    color: #373a5b;
    line-height: 1.3em;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.sidebar-page-container .comments-area .comment-box .text {
    color: #383838;
    font-size: 15px;
    margin-top: 16px;
    line-height: 1.8em;
    margin-bottom: 0;
    font-family: poppins,sans-serif
}

.sidebar-page-container .comments-area .comment-info .comment-time {
    position: relative;
    font-size: 14px;
    color: #a4a4a4;
    font-weight: 400;
    margin-top: 3px
}

.sidebar-page-container .comments-area .comment-box .topapp-theme-btn {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 30px;
    font-family: poppins,sans-serif
}

.comment-form {
    position: relative;
    margin-top: 0
}

.comment-form .row {
    margin: 0 -7px
}

.comment-form .form-group {
    position: relative;
    padding: 0 7px;
    margin-bottom: 20px
}

.comment-form .form-group .check-box {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    font-family: poppins,sans-serif
}

.comment-form .form-group .check-box label {
    margin-bottom: 0
}

.comment-form .form-group input[type=text],.comment-form .form-group input[type=password],.comment-form .form-group input[type=tel],.comment-form .form-group input[type=email],.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    height: 50px;
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #ececec;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    font-family: poppins,sans-serif
}

.comment-form .form-group textarea::-webkit-input-placeholder,.comment-form .form-group input::-webkit-input-placeholder {
    color: #767677
}

.comment-form .form-group input[type=text]:focus,.comment-form .form-group input[type=password]:focus,.comment-form .form-group input[type=tel]:focus,.comment-form .form-group input[type=email]:focus,.comment-form .form-group select:focus,.comment-form .form-group textarea:focus {
    border-color: #0d8afc
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    color: #767677;
    height: 150px;
    font-size: 16px;
    resize: none;
    font-weight: 500;
    border-radius: 3px;
    border: 1px solid #ececec;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.comment-form .topapp-theme-btn {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    padding: 18px 34px
}

.default-form input.error,.default-form select.error,.default-form textarea.error {
    border-color: red!important
}

.default-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: red;
    font-weight: 500
}

.banner-section .carousel-column .inner-column .slider-outer {
    position: relative
}

.banner-section .carousel-column .inner-column .slides-box .bx-controls-direction {
    display: none
}

.banner-section .carousel-column .inner-column .slides-box {
    position: relative;
    width: 321px;
    height: 658px;
    margin: 0 auto;
    padding: 17px 19px;
    background-repeat: no-repeat
}

.banner-section .carousel-column .inner-column .slides-box .mobile-small-image {
    position: absolute;
    right: -250px;
    top: 100px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    -moz-transition: all .9s ease;
    transition: all .9s ease
}

.banner-section .carousel-column .inner-column .slides-box .mobile-small-image.visible {
    opacity: 1;
    right: -150px;
    visibility: visible
}

.banner-section .carousel-column .inner-column .slides-box .heart-image-icon {
    position: absolute;
    right: -150px;
    top: -150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease
}

.banner-section .carousel-column .inner-column .slides-box .heart-image-icon.visible-heart {
    opacity: 1;
    top: 50px;
    visibility: visible
}

.banner-section .carousel-column .inner-column .slides-box .plus-small-image {
    position: absolute;
    right: 180px;
    top: 280px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease
}

.banner-section .carousel-column .inner-column .slides-box .plus-small-image.visible-plus {
    opacity: 1;
    right: -8px;
    visibility: visible
}

.banner-section .bx-wrapper {
    border-color: transparent;
    background: 0 0;
    box-shadow: none
}

.banner-section .carousel-column .inner-column .slides-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 17px;
    right: 0;
    height: 22px;
    z-index: 1;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/resource/mobile-speaker.png) center center no-repeat
}

.banner-section .carousel-column .inner-column .slides-box .image {
    border-radius: 18px;
    overflow: hidden
}

.banner-section .carousel-column .inner-column .slides-box img {
    position: relative;
    border-radius: 22px;
    width: 100%;
    display: block
}

.banner-section .carousel-column .inner-column .pager-box {
    position: absolute;
    left: 0;
    bottom: -100px
}

.banner-section .carousel-column .inner-column .pager-box .inner-box:before {
    position: absolute;
    content: "";
    left: -65px;
    right: 0;
    bottom: 20px;
    width: 374px;
    height: 377px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/background/pattern-1.png) no-repeat
}

.banner-section .carousel-column .inner-column .pager-box .pager {
    position: relative;
    font-size: 26px;
    background: 0 0;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    margin-left: -110px;
    display: inline-block;
    transition: all .5s ease
}

.banner-section .carousel-column .inner-column .pager-box .pager.one {
    position: absolute;
    left: 20px;
    bottom: 200px;
    width: 60px;
    height: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
    margin-top: 80px;
    border-radius: 50px;
    background-color: #f3454a;
    box-shadow: 0 5px 10px rgba(243,69,74,.35)
}

.banner-section .carousel-column .inner-column .pager-box .pager.one:hover {
    background-color: #d74246
}

.banner-section .carousel-column .inner-column .pager-box .pager.two {
    position: absolute;
    bottom: 60px;
    left: 105px;
    width: 72px;
    height: 72px;
    display: block;
    font-size: 36px;
    line-height: 72px;
    text-align: center;
    border-radius: 50px;
    margin-top: 120px;
    background-color: #71bbff
}

.banner-section .carousel-column .inner-column .pager-box .pager.two:hover {
    background-color: #65a9e7
}

.banner-section .carousel-column .inner-column .pager-box .pager.three {
    position: absolute;
    bottom: -5px;
    left: 275px;
    width: 86px;
    height: 86px;
    display: block;
    font-size: 48px;
    line-height: 86px;
    text-align: center;
    border-radius: 50px;
    background-color: #b0f48b
}

.banner-section .carousel-column .inner-column .pager-box .pager.three:hover {
    background-color: #97cf78
}

.testimonials-thumbs-carousel {
    position: relative;
    padding: 130px 0 50px
}

.testimonials-thumbs-carousel .carousel-thumbnails .pagers-column .pattern-layer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/background/pattern-9.png) no-repeat
}

.testimonials-thumbs-carousel .carousel-indicators {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 0;
    height: 505px;
    background-position: right top
}

.testimonials-thumbs-carousel .carousel-indicators li {
    position: absolute;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #202020;
    border-radius: 50px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.testimonials-thumbs-carousel .carousel-indicators li .image:before {
    position: absolute;
    content: "";
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    border-radius: 50px;
    border: 10px solid rgba(209,214,220,.8)
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(1) {
    left: 30px;
    top: 40px;
    width: 81px;
    height: 81px;
    border-radius: 50px
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(2) {
    left: 5px;
    top: 247px;
    width: 65px;
    height: 63px
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(3) {
    left: 160px;
    bottom: 70px;
    width: 47px;
    height: 47px
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(4) {
    left: 240px;
    bottom: 190px;
    width: 81px;
    height: 81px
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(5) {
    left: 300px;
    top: 100px;
    width: 47px;
    height: 47px
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(6) {
    right: 10px;
    top: -15px;
    width: 65px;
    height: 63px
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(7) {
    right: 30px;
    top: 165px;
    width: 57px;
    height: 56px
}

.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators img {
    width: 100%;
    overflow: hidden;
    display: block;
    border-radius: 50px
}

.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li {
    height: auto;
    border: 0;
    box-shadow: 1px 3px 5px 0 rgba(0,0,0,.15)
}

.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li .image {
    position: relative
}

.testimonials-thumbs-carousel .carousel-column {
    margin-left: -50px
}

.testimonials-thumbs-carousel .carousel-column .topapp-sec-title {
    margin-left: 140px
}

.testimonials-thumbs-carousel .carousel-column .topapp-sec-title h2 {
    font-size: 30px
}

.testimonial-block {
    position: relative
}

.testimonial-block .inner-box {
    padding-left: 140px;
    padding-top: 65px
}

.testimonial-block .inner-box .author-image {
    position: absolute;
    left: 10px;
    top: 80px;
    width: 108px;
    height: 108px;
    border-radius: 50px
}

.testimonial-block .inner-box .author-image img {
    border-radius: 50%;
    width: 100%;
    box-shadow: 0 6px 15px rgba(0,0,0,.12)
}

.testimonial-block .inner-box .author-image .social-icon {
    position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    color: #4661d1;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.testimonial-block .inner-box .slide-text {
    position: relative;
    font-size: 16px;
    color: #373a5b;
    line-height: 1.9em;
    margin-bottom: 22px;
    word-break: break-all
}

.testimonial-block .inner-box .slide-info {
    position: relative;
    display: inline-block
}

.testimonial-block .inner-box .slide-info:before {
    content: "";
    position: absolute;
    right: -120px;
    top: 0;
    width: 75px;
    height: 40px;
    text-align: right;
    border-left: 1px solid #d2dbe5;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/icons/g-icon.png) right center no-repeat
}

.testimonial-block .inner-box .author-title {
    color: #0e0e0e;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: poppins,sans-serif
}

.testimonial-block .inner-box .designation {
    color: #0887fc;
    font-size: 15px;
    line-height: 20px;
    margin-top: 7px
}

.testimonial-block .inner-box .quote-icon {
    position: absolute;
    left: 150px;
    top: 0;
    color: #e7ecf2;
    line-height: 1em;
    font-size: 45px
}

.testimonial-block .inner-box .topapp-sec-title {
    padding-left: 135px;
    margin-bottom: 55px
}

.testimonials-thumbs-carousel .carousel-control-prev {
    position: absolute;
    right: 65px;
    top: auto;
    left: auto;
    bottom: 0;
    font-size: 18px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    opacity: 1;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #e7ecf2;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.testimonials-thumbs-carousel .carousel-control-prev:before {
    position: absolute;
    content: "\f104";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    font-family: "font awesome\ 5 free"
}

.testimonials-thumbs-carousel .carousel-control-next {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    font-size: 18px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    opacity: 1;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #e7ecf2;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.testimonials-thumbs-carousel .carousel-control-next:before {
    position: absolute;
    content: "\f105";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    font-family: "font awesome\ 5 free"
}

.testimonials-thumbs-carousel .carousel-control-prev span,.testimonials-thumbs-carousel .carousel-control-next span {
    background: 0 0
}

.testimonials-thumbs-carousel .carousel-control-prev:hover,.testimonials-thumbs-carousel .carousel-control-next:hover {
    color: #fff;
    background-color: #373a5b
}

.steps-section .carousel-column {
    position: relative
}

.steps-section .carousel-column .carousel-inner {
    position: relative;
    width: 321px;
    height: 658px;
    margin: 0 auto;
    padding: 18px 19px 17px;
    margin-left: 200px;
    margin-top: -20px;
    background-repeat: no-repeat
}

.steps-section .carousel-column .carousel-inner:before {
    position: absolute;
    content: "";
    left: 0;
    top: 17px;
    right: 0;
    height: 22px;
    z-index: 1;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/topapp/resource/mobile-speaker.png) center center no-repeat
}

.steps-section .carousel-column .carousel-inner .slides {
    position: relative;
    overflow: hidden
}

.steps-section .carousel-column .carousel-inner .content img {
    position: relative;
    border-radius: 25px
}

.steps-section .blocks-column {
    position: relative
}

.steps-section .blocks-column .inner-column {
    position: relative;
    padding-left: 30px
}

.steps-section .blocks-column .inner-column .carousel-indicators {
    position: relative;
    margin: 0;
    display: block;
    overflow: hidden
}

.steps-section .blocks-column .inner-column .carousel-indicators li {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin-right: 0;
    font-size: 16px;
    color: #373a5b;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    padding-left: 170px;
    line-height: 1.8em;
    margin-bottom: 45px;
    background: 0 0;
    text-indent: inherit;
    transition: all .5s ease
}

.steps-section .blocks-column .inner-column .carousel-indicators li:before {
    position: absolute;
    content: "";
    left: 85px;
    top: 0;
    width: 1px;
    height: 150%;
    background-color: #dce0fe
}

.steps-section .blocks-column .inner-column .carousel-indicators li:last-child:before {
    display: none
}

.steps-section .blocks-column .inner-column .carousel-indicators li strong {
    color: #373a5b;
    display: block;
    font-size: 20px;
    margin-bottom: 12px
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon {
    position: absolute;
    left: 45px;
    top: 0;
    font-size: 44px;
    width: 75px;
    height: 70px;
    font-weight: 400;
    border-radius: 8px;
    text-align: center;
    line-height: 70px;
    display: inline-block;
    z-index: 1;
    text-indent: inherit;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    box-shadow: 0 10px 15px rgba(0,132,253,.15)
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon i {
    position: relative;
    z-index: 2;
    font-weight: 500;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    background: -webkit-gradient(linear,left top,right top,from(#0084fd),color-stop(98%,#41b7fe),to(#41b7fe));
    background: linear-gradient(to right,#0084fd 0,#41b7fe 98%,#41b7fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon {
    box-shadow: 0 10px 15px rgba(147,39,213,.15)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon i {
    background: -webkit-gradient(linear,left top,right top,from(#9426d5),color-stop(98%,#eb44dc),to(#eb44dc));
    background: linear-gradient(to right,#9426d5 0,#eb44dc 98%,#eb44dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon {
    box-shadow: 0 10px 15px rgba(242,66,69,.15)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon i {
    background: -webkit-gradient(linear,left top,right top,from(#f24245),color-stop(98%,#fc8b8b),to(#fc8b8b));
    background: linear-gradient(to right,#f24245 0,#fc8b8b 98%,#fc8b8b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.steps-section .blocks-column .inner-column .carousel-indicators li .number {
    position: absolute;
    left: 0;
    top: 0;
    color: #daddf1;
    font-size: 72px;
    font-weight: 700;
    border-radius: 8px;
    text-align: center;
    line-height: 1em;
    display: inline-block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    font-family: poppins,sans-serif
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1):hover .icon,.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1).active .icon {
    background-image: -ms-linear-gradient(left,#0084fd 0,#45b9fe 100%);
    background-image: -moz-linear-gradient(left,#0084fd 0,#45b9fe 100%);
    background-image: -o-linear-gradient(left,#0084fd 0,#45b9fe 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0084fd),color-stop(100,#45b9fe));
    background-image: -webkit-linear-gradient(left,#0084fd 0,#45b9fe 100%);
    background-image: linear-gradient(to right,#0084fd 0,#45b9fe 100%)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1):hover .icon i,.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1).active .icon i {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon,.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon {
    background-image: -ms-linear-gradient(left,#9326d5 0,#ec44dd 100%);
    background-image: -moz-linear-gradient(left,#9326d5 0,#ec44dd 100%);
    background-image: -o-linear-gradient(left,#9326d5 0,#ec44dd 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9326d5),color-stop(100,#ec44dd));
    background-image: -webkit-linear-gradient(left,#9326d5 0,#ec44dd 100%);
    background-image: linear-gradient(to right,#9326d5 0,#ec44dd 100%)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon i,.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon i {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon,.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon {
    background-image: -ms-linear-gradient(left,#f24346 0,#fc8b8b 100%);
    background-image: -moz-linear-gradient(left,#f24346 0,#fc8b8b 100%);
    background-image: -o-linear-gradient(left,#f24346 0,#fc8b8b 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f24346),color-stop(100,#fc8b8b));
    background-image: -webkit-linear-gradient(left,#f24346 0,#fc8b8b 100%);
    background-image: linear-gradient(to right,#f24346 0,#fc8b8b 100%)
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon i,.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon i {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.galaxy {
    font-family: arimo,sans-serif;
    background-color: #fff;
    font-size: 16px;
    font-size: 1rem;
    color: #848484;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

@media(max-width: 991px) {
    .galaxy {
        font-size:15px;
        font-size: .9375rem
    }
}

@media(max-width: 767px) {
    .galaxy {
        font-size:14px;
        font-size: .875rem
    }
}

.galaxy p {
    color: #848484;
    line-height: 1.8em
}

.galaxy h1,.galaxy h2,.galaxy h3,.galaxy h4,.galaxy h5,.galaxy h6 {
    font-family: montserrat,sans-serif;
    color: #000
}

.galaxy ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

.galaxy a {
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.galaxy a:hover,.galaxy a:focus {
    text-decoration: none
}

.galaxy .post-thumbnail img {
    max-width: 100%;
    height: auto
}

.galaxy .page-wrapper {
    position: relative;
    overflow: hidden
}

.galaxy .wow {
    visibility: hidden
}

.galaxy .fi:before {
    margin: 0
}

.section-padding {
    padding: 95px 0 100px
}

@media(max-width: 767px) {
    .section-padding {
        padding:70px 0 80px
    }
}

.galaxy .mfp-wrap {
    background-color: rgba(0,0,0,.9);
    z-index: 99999
}

.galaxy .mfp-with-zoom .mfp-container,.galaxy .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.galaxy .mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.galaxy .mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.galaxy .mfp-with-zoom.mfp-removing .mfp-container,.galaxy .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.galaxy .fancybox-overlay {
    background: rgba(0,0,0,.9);
    z-index: 9999!important
}

.galaxy .fancybox-wrap {
    z-index: 99999!important
}

.app-landing-features .feature .icon i {
    font-size: 55px;
    background: -webkit-linear-gradient(#44d8c1,#5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-documentation-section .box .icon i {
    font-size: 55px;
    background: -webkit-linear-gradient(#44d8c1,#5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.how-app-works .box .icon i {
    font-size: 55px;
    background: -webkit-linear-gradient(#44d8c1,#5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dynamic-counter .start-count .icon i {
    font-size: 42px;
    background: -webkit-linear-gradient(#44d8c1,#5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.galaxy svg * {
    fill: none
}

.app-landing-features .feature .icon svg {
    width: 100%;
    height: 60px
}

.how-app-works .box .icon svg {
    width: 100%;
    height: 60px
}

.animated-svg-icon-s1 {
    width: 100%;
    height: 60px;
    stroke: #4273f0;
    stroke: url(#grad);
    stroke-width: 2
}

.animated-svg-icon-s1 {
    width: 100%;
    height: 60px
}

@media(max-width: 1199px) {
    .animated-svg-icon-s1 {
        height:50px
    }
}

@media(max-width: 767px) {
    .animated-svg-icon-s1 {
        height:40px
    }
}

.animated-svg-icon-s2 {
    width: 100%;
    height: 65px;
    stroke: url(#grad);
    stroke-width: 1.4
}

@media(max-width: 1199px) {
    .animated-svg-icon-s2 {
        height:50px
    }
}

@media(max-width: 767px) {
    .animated-svg-icon-s2 {
        height:40px
    }
}

.animated-svg-icon-s3 {
    width: 100%;
    height: 60px;
    stroke: url(#grad);
    stroke-width: 2
}

@media(max-width: 1199px) {
    .animated-svg-icon-s3 {
        height:50px
    }
}

@media(max-width: 991px) {
    .animated-svg-icon-s3 {
        height:40px
    }
}

.animated-svg-icon-s4 {
    width: 100%;
    height: 60px;
    stroke: url(#grad);
    stroke-width: 1.6
}

@media(max-width: 1199px) {
    .animated-svg-icon-s4 {
        height:50px
    }
}

@media(max-width: 991px) {
    .animated-svg-icon-s4 {
        height:40px
    }
}

.animated-svg-icon-s5 {
    width: 100%;
    stroke: url(#grad)
}

.animated-svg-icon-s6 {
    width: 100%;
    height: 58px;
    stroke: #4273f0;
    stroke-width: 2px
}

@media(max-width: 767px) {
    .animated-svg-icon-s6 {
        height:45px
    }
}

#contact-form .error-handling-messages,#contact-form2 .error-handling-messages {
    margin-top: 15px;
    padding: 0
}

#contact-form label.error,#contact-form2 label.error {
    color: red;
    font-size: .875rem;
    font-weight: 400;
    margin: 5px 0 0
}

#contact-form #loader,#contact-form2 #loader {
    display: none
}

#contact-form #success,#contact-form #error,#contact-form2 #success,#contact-form2 #error {
    width: 100%;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
    display: none
}

@media(max-width: 767px) {
    #contact-form #success,#contact-form #error,#contact-form2 #success,#contact-form2 #error {
        font-size:15px
    }
}

#contact-form #success,#contact-form2 #success {
    background-color: #009a00;
    border-left: 5px solid green;
    margin-bottom: 5px
}

#contact-form #error,#contact-form2 #error {
    background-color: #ff1a1a;
    border-left: 5px solid red
}

.galaxy .section-title,.product-landing-section-title {
    text-align: center;
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .galaxy .section-title,.product-landing-section-title {
        margin-bottom:40px
    }
}

.galaxy .section-title h2,.product-landing-section-title h2 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 200;
    margin: 0 0 1em;
    padding-bottom: 10px;
    position: relative
}

.galaxy .section-title h2:after,.product-landing-section-title h2:after {
    content: "";
    background-color: #30d4ba;
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width: 991px) {
    .galaxy .section-title h2,.product-landing-section-title h2 {
        font-size:32px;
        font-size: 2rem
    }
}

@media(max-width: 767px) {
    .galaxy .section-title h2,.product-landing-section-title h2 {
        font-size:25px;
        font-size: 1.5625rem;
        line-height: 1.2em;
        padding-bottom: 15px
    }
}

.product-landing-section-title .sub-title {
    font-family: montserrat,sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    color: #000;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: .8em;
    display: block
}

@media(max-width: 991px) {
    .product-landing-section-title .sub-title {
        font-size:17px;
        font-size: 1.0625rem
    }
}

.product-landing-section-title h2 {
    line-height: 1.2em
}

.product-landing-section-title h2:after {
    display: none
}

.app-btn-s1 {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    padding: 0 35px;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px
}

@media(max-width: 1199px) {
    .app-btn-s1 {
        height:40px;
        line-height: 40px;
        padding: 0 25px
    }
}

.app-btn-s1:hover {
    background: #fff;
    color: #000
}

.agency-btn-s1 {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    height: 45px;
    line-height: 45px;
    color: #fff;
    padding: 0 65px 0 28px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1
}

@media(max-width: 1199px) {
    .agency-btn-s1 {
        height:40px;
        line-height: 40px;
        padding: 0 50px 0 20px;
        font-size: 15px;
        font-size: .9375rem
    }
}

.agency-btn-s1 span {
    background-color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 1199px) {
    .agency-btn-s1 span {
        width:30px;
        height: 30px;
        line-height: 30px;
        right: 5px
    }
}

.agency-btn-s1 span i {
    color: #666
}

.agency-btn-s1:before {
    background-color: #4273f0;
    background: -webkit-linear-gradient(left,#4273f0,#30d4ba);
    background: -moz-linear-gradient(left,#4273f0,#30d4ba);
    background: -o-linear-gradient(left,#4273f0,#30d4ba);
    background: -ms-linear-gradient(left,#4273f0,#30d4ba);
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba));
    background: linear-gradient(left,#4273f0,#30d4ba);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    z-index: -1;
    opacity: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.agency-btn-s1:hover:before {
    opacity: 1
}

.agency-btn-s2,.product-landing-btn {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    height: 45px;
    line-height: 45px;
    font-weight: 400;
    color: #fff;
    padding: 0 45px;
    display: inline-block;
    border: 0;
    outline: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    z-index: 10
}

@media(max-width: 1199px) {
    .agency-btn-s2,.product-landing-btn {
        height:40px;
        line-height: 40px;
        padding: 0 35px
    }
}

@media(max-width: 767px) {
    .agency-btn-s2,.product-landing-btn {
        height:36px;
        line-height: 36px;
        padding: 0 25px
    }
}

.agency-btn-s2:before,.product-landing-btn:before {
    content: "";
    background: -webkit-linear-gradient(left,#4273f0,#30d4ba);
    background: -moz-linear-gradient(left,#4273f0,#30d4ba);
    background: -o-linear-gradient(left,#4273f0,#30d4ba);
    background: -ms-linear-gradient(left,#4273f0,#30d4ba);
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba));
    background: linear-gradient(left,#4273f0,#30d4ba);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.agency-btn-s2:hover,.product-landing-btn:hover {
    color: #fff
}

.agency-btn-s2:hover:before,.product-landing-btn:hover:before {
    opacity: 1
}

.product-landing-btn-s2 {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 160px;
    height: 45px;
    line-height: 45px;
    font-weight: 400;
    color: #fff;
    padding: 0;
    display: inline-block;
    border: 0;
    outline: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    z-index: 10
}

@media(max-width: 1199px) {
    .product-landing-btn-s2 {
        width:140px;
        height: 40px;
        line-height: 40px
    }
}

@media(max-width: 767px) {
    .product-landing-btn-s2 {
        width:120px;
        height: 36px;
        line-height: 36px
    }
}

.product-landing-btn-s2:before {
    content: "";
    width: 156px;
    height: 41px;
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    position: absolute;
    left: 2px;
    top: 2px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1199px) {
    .product-landing-btn-s2:before {
        width:136px;
        height: 36px
    }
}

@media(max-width: 767px) {
    .product-landing-btn-s2:before {
        width:116px;
        height: 32px
    }
}

.product-landing-btn-s2:hover,.product-landing-btn-s2:focus {
    color: #000
}

.product-landing-btn-s2:hover:before {
    opacity: 1;
    color: #000
}

.galaxy .form input,.galaxy .form textarea,.galaxy .form select {
    border-color: #bfbfbf;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #595959
}

.galaxy .form input:focus,.galaxy .form textarea:focus,.galaxy .form select:focus {
    border-color: #30d4ba;
    -webkit-box-shadow: 0 0 5px 0 #5addc8;
    -moz-box-shadow: 0 0 5px 0 #5addc8;
    -o-box-shadow: 0 0 5px 0 #5addc8;
    -ms-box-shadow: 0 0 5px 0 #5addc8;
    box-shadow: 0 0 5px 0 #5addc8
}

.galaxy .form ::-webkit-input-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959
}

.galaxy .form :-moz-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959
}

.galaxy .form ::-moz-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959
}

.galaxy .form :-ms-input-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959
}

.galaxy .form select {
    font-style: italic;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/select-icon.png) no-repeat right center;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer
}

.galaxy .form select::-ms-expand {
    display: none
}

.sticky {
    width: 100%;
    position: fixed;
    left: 0;
    top: -100px;
    z-index: 9999;
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.sticky-on {
    opacity: 1;
    top: 0
}

.header-style-2 nav.sticky,.header-style-3 nav.sticky {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0)
}

.header-style-2 nav.sticky .side-menu-inner,.header-style-3 nav.sticky .side-menu-inner {
    display: none
}

@media screen and (min-width: 992px) {
    .header-style-2 nav.sticky .container,.header-style-3 nav.sticky .container {
        padding-bottom:25px
    }

    .header-style-2 nav.sticky .navbar-nav,.header-style-3 nav.sticky .navbar-nav {
        display: none
    }
}

.home-cv .home-cv-sticky {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999
}

.galaxy .social-links {
    overflow: hidden
}

.galaxy .social-links li {
    float: left
}

.galaxy .social-links li a {
    color: #000;
    text-align: center
}

.galaxy .page-title {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/page-title/img-1.jpg) center center/cover no-repeat local;
    text-align: center;
    position: relative
}

.galaxy .page-title>.container {
    position: relative;
    height: 480px;
    z-index: 100
}

@media(max-width: 991px) {
    .galaxy .page-title>.container {
        height:320px
    }
}

.galaxy .page-title .title-box {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.galaxy .page-title .title-box h1 {
    font-size: 3rem;
    color: #fff;
    margin: 0 0 .12em;
    text-transform: capitalize
}

.galaxy .page-title .title-box h1 span {
    color: #fff
}

@media(max-width: 991px) {
    .galaxy .page-title .title-box h1 {
        font-size:2.5rem
    }
}

@media(max-width: 767px) {
    .galaxy .page-title .title-box h1 {
        font-size:1.875rem
    }
}

.galaxy .page-title .title-box ol span {
    color: #fff;
    padding: 6px
}

.galaxy .page-title .title-box ol {
    background: 0 0;
    padding: 0;
    margin: 0;
    display: inline-flex;
    color: #fff
}

.galaxy .page-title .title-box ol li {
    color: #30d4ba;
    font-size: 1.125rem;
    text-transform: capitalize
}

@media(max-width: 991px) {
    .galaxy .page-title .title-box ol li {
        font-size:1rem
    }
}

@media(max-width: 767px) {
    .galaxy .page-title .title-box ol li {
        font-size:.9375rem
    }
}

.galaxy .page-title .title-box ol a {
    color: #fff
}

.galaxy .page-title .title-box .breadcrumb>li+li:before {
    content: "\f105";
    font-family: "font awesome\ 5 free";
    color: #fff;
    padding: 0 5px;
    font-weight: 600
}

.galaxy .preloader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000
}

.galaxy .preloader .loader-inner {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.galaxy .preloader .loader-inner span {
    width: 18px;
    height: 18px;
    background-color: #30d4ba;
    position: absolute;
    left: 0;
    top: 0
}

.galaxy .preloader .loader-inner span:nth-child(1) {
    -webkit-animation: fstBox 1.5s infinite;
    animation: fstBox 1.5s infinite
}

.galaxy .preloader .loader-inner span:nth-child(2) {
    background-color: #4273f0;
    left: 24px;
    -webkit-animation: secBox 1.5s infinite;
    animation: secBox 1.5s infinite
}

.galaxy .preloader .loader-inner span:nth-child(3) {
    background-color: #4273f0;
    top: 24px;
    -webkit-animation: trdBox 1.5s infinite;
    animation: trdBox 1.5s infinite
}

.galaxy .preloader .loader-inner span:nth-child(4) {
    left: 24px;
    top: 24px;
    -webkit-animation: frtBox 1.5s infinite;
    animation: frtBox 1.5s infinite
}

@-webkit-keyframes fstBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(-30px,-20px) rotate(-180deg);
        transform: translate(-30px,-20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes fstBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(-30px,-20px) rotate(-180deg);
        transform: translate(-30px,-20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@-webkit-keyframes secBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(30px,-20px) rotate(-180deg);
        transform: translate(30px,-20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes secBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(30px,-20px) rotate(-180deg);
        transform: translate(30px,-20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@-webkit-keyframes trdBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(-30px,20px) rotate(-180deg);
        transform: translate(-30px,20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes trdBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(-30px,20px) rotate(-180deg);
        transform: translate(-30px,20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@-webkit-keyframes frtBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(30px,20px) rotate(-180deg);
        transform: translate(30px,20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

@keyframes frtBox {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0);
        border-radius: 0
    }

    60% {
        -webkit-transform: translate(30px,20px) rotate(-180deg);
        transform: translate(30px,20px) rotate(-180deg);
        border-radius: 50%
    }

    100% {
        -webkit-transform: translate(0,0) rotate(-360deg);
        transform: translate(0,0) rotate(-360deg);
        border-radius: 0
    }
}

.app-team-grids .grid {
    text-align: center;
    position: relative;
    overflow: hidden
}

.app-team-grids .grid .details {
    width: 100%;
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    bottom: -70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.app-team-grids .grid .details:after {
    content: "";
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/app-landing/team/shadow.png) center center/cover no-repeat local;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.app-team-grids .grid:hover .details {
    bottom: 0
}

.app-team-grids .grid:hover .details:after {
    opacity: 1
}

.app-team-grids .grid .details h3,.app-team-grids .grid .details .post,.app-team-grids .grid .details a {
    color: #fff
}

.app-team-grids .grid .details h3 {
    font-family: arimo,sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 .25em
}

@media(max-width: 1199px) {
    .app-team-grids .grid .details h3 {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media(max-width: 1199px) {
    .app-team-grids .grid .details h3 {
        font-size:18px;
        font-size: 1.125rem
    }
}

.app-team-grids .grid .details .post {
    font-size: 14px;
    font-size: .875rem;
    display: block
}

@media(max-width: 991px) {
    .app-team-grids .grid .details .post {
        font-size:12px;
        font-size: .75rem
    }
}

.app-team-grids .grid .social-links {
    margin-top: 60px;
    display: inline-block;
    position: relative;
    z-index: 10
}

.app-team-grids .grid .social-links li {
    margin-right: 25px
}

@media(max-width: 991px) {
    .app-team-grids .grid .social-links li {
        margin-right:15px
    }
}

.app-team-grids .grid .social-links li:last-child {
    margin-right: 0
}

.app-pricing-grids {
    margin: 0 -30px
}

@media(max-width: 767px) {
    .app-pricing-grids {
        margin:0 -15px
    }
}

@media(max-width: 550px) {
    .app-pricing-grids {
        margin:0
    }
}

.app-pricing-grids .grid {
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 15px
}

@media(max-width: 991px) {
    .app-pricing-grids .grid {
        width:50%;
        margin-bottom: 30px
    }
}

@media(max-width: 767px) {
    .app-pricing-grids .grid {
        padding:0 7.5px;
        margin-bottom: 15px
    }
}

@media(max-width: 550px) {
    .app-pricing-grids .grid {
        width:100%;
        padding: 0
    }
}

.app-pricing-grids .grid-inner {
    background-color: #fff;
    padding: 45px 20px;
    position: relative
}

@media(max-width: 767px) {
    .app-pricing-grids .grid-inner {
        padding:35px 15px
    }
}

.app-pricing-grids .grid-inner:before {
    content: "";
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.app-pricing-grids .pricing-header,.app-pricing-grids .pricing-details {
    position: relative;
    z-index: 10
}

.app-pricing-grids .pricing-header .package {
    font-size: 24px;
    font-size: 1.5rem;
    color: #666;
    display: block
}

@media(max-width: 1199px) {
    .app-pricing-grids .pricing-header .package {
        font-size:20px;
        font-size: 1.25rem
    }
}

.app-pricing-grids .pricing-header .price {
    font-size: 60px;
    font-size: 3.75rem;
    color: #333;
    margin: .5em 0 10px;
    display: inline-block;
    position: relative
}

.app-pricing-grids .pricing-header .price span {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    left: -25px;
    top: 10px
}

@media(max-width: 991px) {
    .app-pricing-grids .pricing-header .price span {
        font-size:18px;
        font-size: 1.125rem;
        position: absolute;
        left: -15px;
        top: 8px
    }
}

@media(max-width: 767px) {
    .app-pricing-grids .pricing-header .price span {
        font-size:16px;
        font-size: 1rem;
        position: absolute;
        left: -15px;
        top: 5px
    }
}

@media(max-width: 1199px) {
    .app-pricing-grids .pricing-header .price {
        font-size:45px;
        font-size: 2.8125rem
    }
}

@media(max-width: 991px) {
    .app-pricing-grids .pricing-header .price {
        font-size:38px;
        font-size: 2.375rem
    }
}

@media(max-width: 767px) {
    .app-pricing-grids .pricing-header .price {
        font-size:30px;
        font-size: 1.875rem;
        margin-bottom: 0
    }
}

.app-pricing-grids .pricing-header .access {
    display: block
}

.app-pricing-grids .pricing-details {
    margin-top: 40px
}

.app-pricing-grids .pricing-details ul {
    margin-bottom: 30px
}

.app-pricing-grids .pricing-details ul li {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 10px
}

.app-pricing-grids .pricing-details ul li span {
    color: #000;
    font-weight: 700
}

.app-pricing-grids>.grid:nth-child(2) .grid-inner:before,.app-pricing-grids .grid .grid-inner:hover:before {
    opacity: 1
}

.app-pricing-grids>.grid:nth-child(2) .grid-inner span,.app-pricing-grids>.grid:nth-child(2) .grid-inner h3,.app-pricing-grids>.grid:nth-child(2) .grid-inner li,.app-pricing-grids .grid .grid-inner:hover span,.app-pricing-grids .grid .grid-inner:hover h3,.app-pricing-grids .grid .grid-inner:hover li {
    color: #fff
}

.app-pricing-grids>.grid:nth-child(2) .grid-inner .get-started,.app-pricing-grids .grid .grid-inner:hover .get-started {
    background: #fff;
    color: #000
}

.app-accordion {
    margin-bottom: 0
}

.app-accordion .panel {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-accordion .panel-default>.panel-heading {
    background-color: transparent;
    padding: 0
}

.app-accordion .panel-default>.panel-heading a {
    font-family: montserrat,sans-serif;
    background-color: #fff;
    font-size: 22px;
    font-size: 1.375rem;
    color: #000;
    padding: 15px 25px;
    display: block;
    position: relative
}

@media(max-width: 1199px) {
    .app-accordion .panel-default>.panel-heading a {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media(max-width: 767px) {
    .app-accordion .panel-default>.panel-heading a {
        font-size:16px;
        font-size: 1rem
    }
}

.app-accordion .panel-default>.panel-heading a:after {
    font-family: "font awesome\ 5 free";
    content: "\f103";
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    color: #4273f0;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 1199px) {
    .app-accordion .panel-default>.panel-heading a:after {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media(max-width: 767px) {
    .app-accordion .panel-default>.panel-heading a:after {
        display:none
    }
}

.app-accordion .panel-default>.panel-heading .collapsed {
    background-color: transparent;
    color: #fff
}

.app-accordion .panel-default>.panel-heading .collapsed:after {
    color: #fff
}

.app-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background-color: #fff;
    border: 0;
    padding: 0 25px 8px
}

.app-accordion .panel-body p {
    font-size: 18px;
    font-size: 1.125rem
}

@media(max-width: 1199px) {
    .app-accordion .panel-body p {
        font-size:16px;
        font-size: 1rem
    }
}

@media(max-width: 767px) {
    .app-accordion .panel-body p {
        font-size:14px;
        font-size: .875rem
    }
}

.progress-bar-bg .elementor-progress-bar {
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0))
}

@media(max-width: 991px) {
    .progress-bar-s1 {
        margin-top:50px
    }
}

.progress-bar-s1 .skill {
    margin-bottom: 5px
}

.progress-bar-s1 .skill:last-child {
    margin-bottom: 0
}

.progress-bar-s1 .skill:last-child .progress {
    margin-bottom: 0
}

.progress-bar-s1 h6 {
    font-family: arimo,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #848484;
    margin: 0 0 .6em
}

.progress-bar-s1 .progress {
    background-color: #e6e6e6;
    height: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    box-shadow: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media(max-width: 991px) {
    .progress-bar-s1 .progress {
        height:12px
    }
}

.progress-bar-s1 .progress>span {
    font-size: 14px;
    font-size: .875rem;
    color: #848484;
    padding: 2px 6px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: -32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

@media(max-width: 991px) {
    .progress-bar-s1 .progress>span {
        padding:0 6px
    }
}

.progress-bar-s1 .progress-bar {
    background: blue;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.agency-project-grids .grid .img-holder {
    margin-bottom: 25px
}

.agency-project-grids .img-holder img {
    width: 100%
}

.agency-project-grids .grid h3 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400;
    color: #333;
    margin: 0 0 .5em
}

@media(max-width: 991px) {
    .agency-project-grids .grid h3 {
        font-size:18px;
        font-size: 1.125rem
    }
}

.agency-project-grids .grid .view {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    color: #4273f0;
    text-decoration: underline
}

.agency-project-grids .grid .view i {
    font-size: 14px;
    font-size: .875rem;
    display: inline-block;
    padding-left: 10px
}

.agency-blog-grids .grid {
    position: relative
}

.agency-blog-grids .grid:after {
    content: "";
    background-color: #e8e6e6;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0
}

.agency-blog-grids .grid:before {
    content: "";
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 0;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1199px) {
    .agency-blog-grids .grid:after,.agency-blog-grids .grid:before {
        height:4px
    }
}

.agency-blog-grids .grid:hover:before {
    width: 100%
}

.agency-blog-grids .entry-details {
    padding: 30px 25px
}

@media(max-width: 1199px) {
    .agency-blog-grids .entry-details {
        padding:30px 15px
    }
}

.agency-blog-grids .entry-date {
    font-size: 14px;
    font-size: .875rem
}

.agency-blog-grids .entry-details h3 {
    margin: .37em 0 .6em;
    font-weight: 400
}

.agency-blog-grids .entry-details h3 a {
    font-size: 22px;
    font-size: 1.375rem;
    color: #333
}

@media(max-width: 1199px) {
    .agency-blog-grids .entry-details h3 a {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media(max-width: 767px) {
    .agency-blog-grids .entry-details h3 a {
        font-size:18px;
        font-size: 1.125rem
    }
}

.agency-blog-grids .entry-details h3 a:hover {
    color: #30d4ba
}

@media(max-width: 1199px) {
    .agency-blog-grids .entry-details p {
        font-size:15px;
        font-size: .9375rem
    }
}

.agency-blog-grids .entry-footer {
    overflow: hidden;
    margin-top: 20px
}

.agency-blog-grids .entry-footer .more,.agency-blog-grids .entry-footer .comments {
    font-family: montserrat,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .agency-blog-grids .entry-footer .more,.agency-blog-grids .entry-footer .comments {
        font-size:12px;
        font-size: .75rem
    }
}

.agency-blog-grids .entry-footer .more {
    float: left
}

.agency-blog-grids .entry-footer .comments {
    float: right
}

.agency-blog-grids .entry-footer .comments a {
    color: #ababab
}

.agency-blog-grids .entry-footer .more:hover,.agency-blog-grids .entry-footer .comments a:hover {
    color: #30d4ba!important
}

.galaxy .owl-nav {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 11%
}

.galaxy .agency-testimonial-slider .owl-nav {
    width: 22%
}

.galaxy .agency-projects .owl-nav {
    width: 6%
}

.galaxy .owl-nav .owl-prev,.galaxy .owl-nav .owl-next {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #373a5b;
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    font-weight: 700;
    background-image: none;
    display: inline-block;
    margin: 0 4px;
    background-color: #e7ecf2;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.galaxy .owl-nav .owl-prev:hover,.owl-nav .owl-next:hover {
    color: #fff;
    background-color: #30d4ba
}

.dots-style1 .owl-controls .owl-dots .owl-dot span {
    background: #dfdddd;
    width: 11px;
    height: 11px;
    margin: 0 12px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

@media(max-width: 767px) {
    .dots-style1 .owl-controls .owl-dots .owl-dot span {
        width:9px;
        height: 9px;
        margin: 0 9px 0 0
    }
}

.dots-style1 .owl-controls .owl-dots .active span {
    background: #4273f0;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    -webkit-box-shadow: 0 0 0 4px rgba(48,212,186,.5);
    -moz-box-shadow: 0 0 0 4px rgba(48,212,186,.5);
    -o-box-shadow: 0 0 0 4px rgba(48,212,186,.5);
    -ms-box-shadow: 0 0 0 4px rgba(48,212,186,.5);
    box-shadow: 0 0 0 4px rgba(48,212,186,.5)
}

@media(max-width: 767px) {
    .dots-style1 .owl-controls .owl-dots .active span {
        -webkit-box-shadow:0 0 0 3px rgba(48,212,186,.5);
        -moz-box-shadow: 0 0 0 3px rgba(48,212,186,.5);
        -o-box-shadow: 0 0 0 3px rgba(48,212,186,.5);
        -ms-box-shadow: 0 0 0 3px rgba(48,212,186,.5);
        box-shadow: 0 0 0 3px rgba(48,212,186,.5)
    }
}

.cv-portfolio-grids {
    margin: 0 -7.5px
}

.cv-portfolio-grids .grid {
    width: 33.33%;
    float: left;
    padding: 0 7.5px 15px;
    overflow: hidden
}

@media(max-width: 767px) {
    .cv-portfolio-grids .grid {
        padding:0 5px 10px
    }
}

@media(max-width: 500px) {
    .cv-portfolio-grids .grid {
        width:50%
    }
}

.cv-portfolio-grids .grid .box-inner {
    position: relative;
    overflow: hidden
}

.cv-portfolio-grids .grid i {
    width: 65px;
    height: 65px;
    line-height: 65px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 99;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .05s;
    -moz-transition: all .05s;
    -o-transition: all .05s;
    -ms-transition: all .05s;
    transition: all .05s
}

@media(max-width: 1199px) {
    .cv-portfolio-grids .grid i {
        width:55px;
        height: 55px;
        line-height: 55px
    }
}

@media(max-width: 991px) {
    .cv-portfolio-grids .grid i {
        width:40px;
        height: 40px;
        line-height: 40px
    }
}

@media(max-width: 767px) {
    .cv-portfolio-grids .grid i {
        width:35px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #fff
    }
}

.cv-portfolio-grids .grid i:before {
    font-size: 20px;
    font-size: 1.25rem
}

@media(max-width: 991px) {
    .cv-portfolio-grids .grid i:before {
        font-size:14px;
        font-size: .875rem
    }
}

.cv-portfolio-grids .grid a {
    display: block;
    z-index: 10
}

.cv-portfolio-grids .grid img {
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.cv-portfolio-grids .grid:hover img {
    -webkit-transform: scale(1.1,1.1);
    -transform: scale(1.1,1.1)
}

.cv-portfolio-grids .grid .box-inner:after {
    content: "";
    background-color: rgba(48,212,186,.7);
    background: -webkit-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -moz-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -o-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -ms-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -webkit-gradient(linear,left top,right top,from(rgba(48,212,186,.8)),to(rgba(66,115,240,.8)));
    background: linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.cv-portfolio-grids .grid:hover .box-inner:after {
    opacity: 1
}

.cv-portfolio-grids .width2 {
    width: 66.66%
}

@media(max-width: 500px) {
    .cv-portfolio-grids .width2 {
        width:50%
    }
}

.cv-portfolio-grids .box-inner:hover i {
    opacity: 1
}

.cv-portfolio-grids .grid:hover .top-border:before,.cv-portfolio-grids .grid:hover .bottom-border:before {
    width: 100%
}

.cv-portfolio-grids .grid:hover .top-border:after,.cv-portfolio-grids .grid:hover .bottom-border:after {
    height: 100%
}

.product-grids .grid {
    background-color: #fff;
    text-align: center;
    padding: 60px 25px
}

@media(max-width: 767px) {
    .product-grids .grid {
        padding:35px 15px
    }
}

.product-grids .img-holder {
    margin-bottom: 40px
}

@media(max-width: 767px) {
    .product-grids .img-holder {
        margin-bottom:30px
    }
}

.product-grids .img-holder img {
    display: inline-block
}

@media(max-width: 767px) {
    .product-grids .img-holder img {
        max-width:170px
    }
}

.product-grids .grid h3 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 .55em
}

@media(max-width: 767px) {
    .product-grids .grid h3 {
        font-size:18px;
        font-size: 1.125rem
    }
}

.product-grids .price {
    font-family: montserrat,sans-serif;
    font-weight: 700;
    display: block;
    color: #30d4ba;
    margin-bottom: 25px;
    padding-top: 7px
}

.product-grids .product-landing-btn-s2 {
    font-size: 14px;
    font-size: .875rem
}

.blog-sidebar .widget {
    margin-bottom: 75px
}

@media(max-width: 991px) {
    .blog-sidebar .widget {
        margin-bottom:60px
    }
}

.blog-sidebar .widget:last-child {
    margin-bottom: 0
}

.blog-sidebar h3 {
    font-size: 20px;
    color: #0d0d0d;
    margin: 0 0 1.25em;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .blog-sidebar h3 {
        font-size:17px
    }
}

.blog-sidebar .category-widget ul li,.blog-sidebar .archive-widget ul li {
    border-bottom: 1px solid #fff
}

.blog-sidebar .category-widget ul li>a,.blog-sidebar .archive-widget ul li>a {
    padding: 13px 0
}

.blog-sidebar ul li {
    font-size: 15px;
    font-weight: 700
}

.blog-sidebar ul li>a {
    color: #404040;
    position: relative
}

.blog-sidebar ul li:first-child a {
    padding-top: 0
}

.blog-sidebar ul li:last-child a {
    padding-bottom: 0
}

.blog-sidebar ul li:last-child {
    border: 0
}

.blog-sidebar ul li>a:hover {
    color: #30d4ba
}

.blog-sidebar ul li>a .badge {
    background-color: transparent;
    font-size: 15px;
    color: #404040;
    position: absolute;
    right: 5px
}

.blog-sidebar ul li>a .badge:before,.blog-sidebar ul li>a .badge:after {
    font-size: 14px;
    position: absolute;
    top: 3px
}

.blog-sidebar ul li>a .badge:before {
    content: "(";
    left: 0
}

.blog-sidebar ul li>a .badge:after {
    content: ")";
    right: 0
}

.blog-sidebar .search-widget input {
    background-color: transparent;
    padding: 8px 12px;
    height: auto
}

.blog-sidebar .search-widget input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #30d4ba
}

@media(max-width: 767px) {
    .blog-sidebar .recent-post-widget ul {
        margin-left:-15px
    }
}

.blog-sidebar .recent-post-widget ul li {
    border: 0;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

@media(max-width: 767px) {
    .blog-sidebar .recent-post-widget ul li {
        padding:0 0 40px 100px;
        overflow: visible
    }
}

.blog-sidebar .recent-post-widget ul li:last-child {
    margin-bottom: 0
}

.blog-sidebar .recent-post-widget .post-pic {
    width: 30%;
    float: left
}

@media(max-width: 767px) {
    .blog-sidebar .recent-post-widget .post-pic {
        width:70px;
        float: none;
        position: absolute;
        left: 15px
    }
}

.blog-sidebar .recent-post-widget .details {
    width: 68%;
    float: right
}

@media(max-width: 767px) {
    .blog-sidebar .recent-post-widget .details {
        width:100%;
        float: none
    }
}

.blog-sidebar .recent-post-widget .details>span {
    font-size: 12px;
    color: #666;
    text-transform: uppercase
}

.blog-sidebar .recent-post-widget .details h4 {
    font-size: 16px;
    margin: .5em 0;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .blog-sidebar .recent-post-widget .details h4 {
        font-size:14px;
        padding-top: 10px
    }
}

.blog-sidebar .recent-post-widget .details h4 a {
    color: #000
}

.blog-sidebar .recent-post-widget .details h4 a:hover {
    color: #30d4ba
}

.blog-sidebar .widget_tag_cloud .tagcloud {
    margin-left: -12px
}

.blog-sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.blog-sidebar .widget_tag_cloud .tagcloud a {
    font-size: 15px!important;
    font-weight: 700;
    color: gray;
    border: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.blog-sidebar .widget_tag_cloud .tagcloud a:hover {
    color: #30d4ba
}

.blog-sidebar .gallery {
    overflow: hidden;
    margin-right: -8px
}

.blog-sidebar .gallery figure.gallery-item {
    width: 33.33%;
    float: left;
    padding: 0 8px 8px 0;
    margin: 0
}

.blog-sidebar .gallery figure.gallery-item img {
    max-width: 100%
}

@media(max-width: 767px) {
    .blog-sidebar .gallery figure.gallery-item img {
        width:100%
    }
}

.pagination-wrapper {
    text-align: center;
    margin-top: 50px;
    overflow: hidden
}

.pagination-wrapper .pg-pagination {
    display: inline-block;
    overflow: hidden;
    list-style-type: none
}

.pagination-wrapper .pg-pagination li {
    float: left;
    margin-right: 10px
}

@media(max-width: 767px) {
    .pagination-wrapper .pg-pagination li {
        margin-right:5px
    }
}

.pagination-wrapper .pg-pagination li:last-child {
    margin-right: 0
}

.pagination-wrapper .pg-pagination li a,.pagination-wrapper .pg-pagination li span {
    font-family: montserrat,sans-serif;
    background-color: #000;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: 500
}

@media(max-width: 767px) {
    .pagination-wrapper .pg-pagination li a {
        width:30px;
        height: 30px;
        line-height: 30px
    }
}

.pagination-wrapper .pg-pagination .current,.pagination-wrapper .pg-pagination li a:hover {
    background-color: #30d4ba;
    color: #000
}

.site-header .navigation {
    background-color: #fff;
    margin-bottom: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.site-header .navigation>.container {
    position: relative
}

.site-header .navbar-header {
    margin-top: 10px
}

@media(max-width: 991px) {
    .site-header .navbar-header {
        margin-top:-7px
    }
}

.site-header .navigation-holder {
    display: inline-flex;
    flex-direction: column;
    flex-basis: auto;
    align-items: flex-end
}

.menu-after-slider .navigation-holder {
    display: inline-flex;
    flex-direction: column;
    flex-basis: auto;
    align-items: center
}

.site-header .navbar-nav,.menu-after-slider .navbar-nav {
    flex-direction: row
}

.site-header #navbar {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.site-header #navbar>ul>li>a {
    font-family: montserrat,sans-serif;
    font-size: 11px;
    font-size: .6875rem;
    color: #848484;
    text-transform: uppercase
}

.site-header #navbar>ul>li>a:hover,.site-header #navbar>ul>li>a:focus,.site-header #navbar>ul>.current-menu-item>a {
    text-decoration: none;
    color: #4273f0
}

@media screen and (min-width: 992px) {
    .site-header #navbar>ul>li>a {
        padding:35px 15px
    }
}

@media(max-width: 991px) {
    .site-header #navbar>ul>li a {
        display:block;
        font-size: 12px;
        font-size: .75rem
    }
}

@media screen and (min-width: 992px) {
    .site-header .navbar-header .open-btn {
        display:none
    }

    .site-header #navbar .close-navbar {
        display: none
    }
}

@media(max-width: 991px) {
    .site-header .container {
        width:100%
    }

    .site-header .navbar-header button {
        background-color: #30d4ba;
        width: 40px;
        height: 35px;
        border: 0;
        padding: 5px 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        outline: 0;
        position: absolute;
        right: 15px;
        top: 6px;
        z-index: 20
    }

    .site-header .navbar-header button span {
        background-color: #fff;
        display: block;
        height: 2px;
        margin-bottom: 5px
    }

    .site-header .navbar-header button span:last-child {
        margin: 0
    }

    .site-header #navbar {
        background: #fff;
        display: block!important;
        width: 280px;
        height: 100%!important;
        margin: 0;
        padding: 0;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        position: fixed;
        right: -300px;
        top: 0;
        z-index: 100
    }

    .site-header #navbar ul a {
        color: #000
    }

    .site-header #navbar ul a:hover,.site-header #navbar ul li.current a {
        color: #30d4ba
    }

    .site-header #navbar .navbar-nav {
        overflow: auto
    }

    .site-header .navbar-nav {
        flex-direction: inherit
    }

    .site-header #navbar .close-navbar {
        background-color: #30d4ba;
        width: 35px;
        height: 35px;
        color: #fff;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        outline: 0;
        position: absolute;
        left: -18px;
        top: 10px;
        z-index: 20
    }

    .site-header #navbar>ul>li {
        border-bottom: 1px solid #ccc
    }

    .site-header #navbar>ul>li>a {
        padding: 10px 15px 10px 35px
    }

    .site-header .slideInn {
        right: 0!important
    }
}

@media(max-width: 767px) {
    .site-header .navbar-header .navbar-brand {
        font-size:24px
    }

    .site-header #navbar .navbar-nav {
        margin: 0
    }
}

@media(max-width: 991px) {
    .site-header .navbar-collapse.collapse {
        display:none
    }

    .site-header .navbar-collapse.collapse.in {
        display: block
    }

    .site-header .navbar-header .collapse,.site-header .navbar-toggle {
        display: block
    }

    .site-header .navbar-header {
        float: none
    }

    .site-header .navbar-right {
        float: none
    }

    .site-header .navbar-nav {
        float: none
    }

    .site-header .navbar-nav>li {
        float: none
    }
}

.site-header .navigation>.container {
    position: relative
}

.site-header .lang-social {
    position: absolute;
    right: 15px;
    z-index: 10
}

@media(max-width: 991px) {
    .galaxy .site-header .lang-social {
        display:none
    }
}

.galaxy .site-header .lang-social>div {
    float: left
}

.galaxy .site-header .lang {
    padding: 0 25px;
    position: relative;
    height: 90px
}

.galaxy .site-header .lang:before {
    content: "";
    background-color: #e4e4e4;
    width: 1px;
    height: 11px;
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.galaxy .site-header .lang>a {
    height: 90px;
    line-height: 90px;
    display: block
}

.galaxy .site-header .lang ul {
    background-color: #fff;
    width: 100px;
    position: absolute;
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.galaxy .site-header .lang ul>li {
    border-bottom: 1px solid #e6e6e6
}

.galaxy .site-header .lang ul>li a {
    font-size: 11px;
    font-size: .6875rem;
    color: #666;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase
}

.galaxy .site-header .lang ul>li a:hover {
    color: #4273f0
}

.galaxy .site-header .lang ul>li img {
    display: inline-block;
    max-width: 20px;
    margin-right: 5px
}

.galaxy .site-header .lang ul>li:last-child {
    border: 0;
    margin: 0
}

.galaxy .site-header .lang:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.galaxy .site-header .social-links-wrapper {
    margin-top: 34px
}

.galaxy .site-header .social-links li {
    margin-right: 15px
}

.site-header .social-links li:last-child {
    margin-right: 0
}

.site-header .social-links li a {
    font-size: 11px;
    font-size: .6875rem;
    color: #333
}

.site-header .social-links li a:hover {
    color: #4273f0
}

.header-style-1 .navigation {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    padding: 15px 0
}

.site-header .navbar-nav .dropdown-menu {
    position: absolute;
    padding: 15px;
    box-sizing: border-box;
    top: 55px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2)
}

.site-header .navbar-nav .dropdown-menu li a {
    font-family: montserrat,sans-serif;
    font-size: 12px;
    color: #848484;
    text-transform: uppercase;
    padding: 8px 4px
}

.site-header .navbar-nav .dropdown:hover .dropdown-menu {
    display: block
}

.site-header .navbar-nav .dropdown-menu li a:hover {
    color: #4273f0
}

.site-header .navbar-nav .dropdown-menu li {
    padding: 8px 4px;
    transition: all .5s ease
}

@media(max-width: 991px) {
    .header-style-1 .navigation {
        padding:7px 0 14px
    }
}

@media screen and (min-width: 992px) {
    .header-style-1 .navigation #navbar {
        margin-right:145px
    }
}

@media screen and (max-width: 991px) {
    .site-header .navbar-nav .dropdown-menu {
        position:static
    }
}

.header-style-2,.header-style-3 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999
}

.header-style-2 .navigation,.header-style-3 .navigation {
    background-color: transparent
}

@media(max-width: 991px) {
    .header-style-2 .navigation,.header-style-3 .navigation {
        padding:5px 10px 10px
    }
}

.header-style-2 .navigation>.container,.header-style-3 .navigation>.container {
    position: relative
}

@media screen and (min-width: 992px) {
    .header-style-2 .navigation-holder,.header-style-3 .navigation-holder {
        margin-right:100px
    }
}

.header-style-2 .side-menu,.header-style-3 .side-menu {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-style-2 .side-menu-open-btn,.header-style-3 .side-menu-open-btn {
    background-color: transparent;
    padding: 0;
    color: #fff
}

.header-style-2 .side-menu-open-btn:focus,.header-style-3 .side-menu-open-btn:focus {
    background-color: none;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-style-2 .side-menu-open-btn .fi:before,.header-style-3 .side-menu-open-btn .fi:before {
    font-size: 22px;
    font-size: 1.375rem
}

@media screen and (min-width: 992px) {
    .header-style-2 #navbar>ul>li>a,.header-style-3 #navbar>ul>li>a {
        color:#fff
    }
}

.side-menu-inner {
    background-color: #fff;
    width: 400px;
    height: 100%;
    padding: 50px 30px;
    position: fixed;
    right: -400px;
    top: 0;
    z-index: 999;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width: 991px) {
    .side-menu-inner {
        display:none
    }
}

.side-menu-inner .side-menu-close-btn {
    background-color: transparent;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #4273f0;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0;
    border: 2px solid #4273f0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 20px
}

.side-menu-inner .side-menu-close-btn:hover,.side-menu-inner .side-menu-close-btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.side-menu-inner .logo {
    text-align: center;
    margin-bottom: 40px
}

.side-menu-inner .logo img {
    display: inline-block
}

.side-menu-inner .navigation-holder {
    display: inline-flex
}

.side-menu-inner .navigation-holder .close-navbar {
    display: none
}

.side-menu-inner .navigation-holder ul {
    float: none
}

.side-menu-inner .navigation-holder li {
    float: none;
    display: block;
    margin: 5px 0;
    border-bottom: 1px solid #e6e6e6
}

.side-menu-inner .navigation-holder li a {
    font-size: 12px;
    font-size: .75rem;
    color: #000;
    padding: 8px 150px 8px 5px;
    text-transform: uppercase
}

.side-menu-inner .navigation-holder li a:hover,.side-menu-inner .navigation-holder li a:focus,.side-menu-inner .navigation-holder .current-menu-item a {
    background-color: transparent;
    color: #4273f0
}

.toggle-side-menu {
    right: 0
}

@media(max-width: 991px) {
    .header-style-3 {
        position:fixed;
        background-color: #30d4ba;
        padding: 5px 0
    }
}

.header-style-3 .navbar-header button {
    background-color: #4273f0
}

@media screen and (min-width: 992px) {
    .header-style-3 nav.original .navigation-holder {
        opacity:0;
        visibility: hidden
    }
}

@media screen and (min-width: 992px) {
    .product-landing-pg-header #navbar>ul>li>a {
        position:relative
    }

    .product-landing-pg-header #navbar>ul>li>a:before {
        content: "";
        background-color: #4273f0;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s
    }
}

@media screen and (min-width: 992px) {
    .product-landing-pg-header #navbar>ul>.current-menu-item>a:before {
        opacity:1
    }
}

.product-landing-pg-header .lang ul {
    -webkit-box-shadow: 0 0 2px 0 #d9d9d9;
    box-shadow: 0 0 2px 0 #d9d9d9
}

.hero {
    width: 100%;
    position: relative;
    height: 600px;
    overflow: hidden
}

@media(max-width: 991px) {
    .hero {
        height:500px
    }
}

@media(max-width: 767px) {
    .hero {
        height:400px
    }
}

.hero .container {
    height: 100%;
    display: table
}

.hero .container .row {
    display: table-cell;
    vertical-align: middle
}

@media(max-width: 767px) {
    .hero .hero-info {
        padding:0
    }
}

.hero-s1:before {
    content: "";
    background: -webkit-linear-gradient(left,rgba(66,115,240,.8),rgba(48,212,186,.8));
    background: -moz-linear-gradient(left,rgba(66,115,240,.8),rgba(48,212,186,.8));
    background: -o-linear-gradient(left,rgba(66,115,240,.8),rgba(48,212,186,.8));
    background: -ms-linear-gradient(left,rgba(66,115,240,.8),rgba(48,212,186,.8));
    background: -webkit-gradient(linear,left top,right top,from(rgba(66,115,240,.8)),to(rgba(48,212,186,.8)));
    background: linear-gradient(left,rgba(66,115,240,.8),rgba(48,212,186,.8));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-s1:after {
    content: "";
    opacity: 0;
    background: -webkit-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -moz-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -o-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -ms-linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    background: -webkit-gradient(linear,left top,right top,from(rgba(48,212,186,.8)),to(rgba(66,115,240,.8)));
    background: linear-gradient(left,rgba(48,212,186,.8),rgba(66,115,240,.8));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: overlayAnimation 1s forwards;
    animation: overlayAnimation 5s infinite alternate forwards
}

.hero-s1 .container {
    position: relative
}

.hero-s1 .hero-info {
    position: relative;
    z-index: 10
}

@media(max-width: 767px) {
    .hero-s1 .hero-info {
        padding:0
    }
}

.hero-s1 .hero-info h1,.hero-s1 .hero-info h4,.hero-s1 .hero-info a {
    color: #fff
}

.hero-s1 .hero-info h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3em;
    margin: 0
}

@media(max-width: 1199px) {
    .hero-s1 .hero-info h4 {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media(max-width: 767px) {
    .hero-s1 .hero-info h4 {
        font-size:17px;
        font-size: 1.0625rem
    }
}

.hero-s1 .hero-info h1 {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1.3em;
    margin: .75em 0 .8em;
    text-transform: capitalize
}

@media(max-width: 1199px) {
    .hero-s1 .hero-info h1 {
        font-size:45px;
        font-size: 2.8125rem
    }
}

@media(max-width: 767px) {
    .hero-s1 .hero-info h1 {
        font-size:32px;
        font-size: 2rem
    }
}

.hero-s1 .hero-info h1 span {
    font-weight: 200;
    text-transform: uppercase
}

.hero-s1 .hero-info .btns a {
    height: 48px;
    line-height: 45px;
    font-size: 14px;
    font-size: .875rem;
    text-align: center;
    padding: 0 22px;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    text-transform: capitalize
}

.hero-s1 .hero-info .btns a i {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    padding-left: 5px
}

@media(max-width: 767px) {
    .hero-s1 .hero-info .btns a i {
        font-size:15px;
        font-size: .9375rem
    }
}

@media(max-width: 767px) {
    .hero-s1 .hero-info .btns a {
        height:40px;
        line-height: 40px;
        font-size: 12px;
        font-size: .75rem;
        padding: 0 15px;
        border: 1px solid #fff
    }
}

.hero-s1 .hero-info .btns a:hover {
    background-color: #fff;
    color: #848484
}

.hero-s1 .hero-info .btns a:hover i {
    color: #30d4ba
}

.hero-s1 .hero-info .btns a:first-child {
    margin-right: 15px
}

@media(max-width: 767px) {
    .hero-s1 .hero-info .btns a:first-child {
        margin-right:5px
    }
}

.hero-s1 .hero-phone {
    position: absolute;
    right: 0;
    bottom: -100px;
    z-index: 10;
    -webkit-transition: all 7s;
    -moz-transition: all 7s;
    -o-transition: all 7s;
    -ms-transition: all 7s;
    transition: all 7s
}

@media(max-width: 1199px) {
    .hero-s1 .hero-phone {
        width:350px;
        height: 312px
    }
}

@media(max-width: 991px) {
    .hero-s1 .hero-phone {
        display:none
    }
}

.hero-s1 .hero-phone-animation {
    bottom: 0
}

@-webkit-keyframes overlayAnimation {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes overlayAnimation {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.overlayAnimation {
    -webkit-animation: overlayAnimation 1s;
    animation: overlayAnimation 1s
}

.hero-s2 {
    height: 100vh;
    min-height: 850px;
    position: relative
}

@media(max-width: 1199px) {
    .hero-s2 {
        min-height:600px
    }
}

@media(max-width: 991px) {
    .hero-s2 {
        min-height:500px
    }
}

.hero-s2:before {
    content: "";
    background: rgba(0,0,0,.1) url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/agency/hero-pattern.png) repeat local center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-s2 .hero-info h1,.hero-s2 .hero-info h4,.hero-s2 .hero-info a {
    color: #fff
}

.hero-s2 .hero-info h4 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.3em;
    margin: 0
}

@media(max-width: 1199px) {
    .hero-s2 .hero-info h4 {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media(max-width: 767px) {
    .hero-s2 .hero-info h4 {
        font-size:17px;
        font-size: 1.0625rem
    }
}

.hero-s2 .hero-info h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1.3em;
    margin: .2em 0 .8em;
    text-transform: capitalize
}

@media screen and (min-width: 1200px) {
    .hero-s2 .hero-info h1 {
        padding-right:45px
    }
}

@media screen and (min-width: 992px) {
    .hero-s2 .hero-info h1 {
        padding-right:105px
    }
}

@media(max-width: 1199px) {
    .hero-s2 .hero-info h1 {
        font-size:45px;
        font-size: 2.8125rem
    }
}

@media(max-width: 767px) {
    .hero-s2 .hero-info h1 {
        font-size:32px;
        font-size: 2rem
    }
}

.hero-s2 .hero-info h1 span {
    font-weight: 200;
    text-transform: uppercase
}

.hero-s2 .hero-info h1 .agency-typed-element {
    font-weight: 400;
    text-transform: capitalize
}

.home-cv .hero {
    height: 850px
}

@media(max-width: 1199px) {
    .home-cv .hero {
        height:800px
    }
}

@media(max-width: 991px) {
    .home-cv .hero {
        height:700px;
        margin-top: 68px
    }
}

@media(max-width: 767px) {
    .home-cv .hero {
        height:500px
    }
}

@media(max-width: 400px) {
    .home-cv .hero {
        height:450px
    }
}

.home-cv .hero:before {
    content: "";
    background: -webkit-linear-gradient(left,rgba(48,212,186,.9),rgba(66,115,240,.9));
    background: -moz-linear-gradient(left,rgba(48,212,186,.9),rgba(66,115,240,.9));
    background: -o-linear-gradient(left,rgba(48,212,186,.9),rgba(66,115,240,.9));
    background: -ms-linear-gradient(left,rgba(48,212,186,.9),rgba(66,115,240,.9));
    background: -webkit-gradient(linear,left top,right top,from(rgba(48,212,186,.9)),to(rgba(66,115,240,.9)));
    background: linear-gradient(left,rgba(48,212,186,.9),rgba(66,115,240,.9));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.home-cv .hero .container {
    padding: 0 15px;
    text-align: center;
    position: relative;
    z-index: 10
}

.home-cv .hero .personal-pic {
    width: 220px;
    height: 220px;
    margin: 70px auto 0;
    position: relative
}

@media(max-width: 1199px) {
    .home-cv .hero .personal-pic {
        width:180px;
        height: 180px;
        margin: 50px auto 0
    }
}

@media(max-width: 991px) {
    .home-cv .hero .personal-pic {
        width:150px;
        height: 150px;
        margin: 50px auto 0
    }
}

@media(max-width: 767px) {
    .home-cv .hero .personal-pic {
        width:100px;
        height: 100px;
        margin: 50px auto 0
    }
}

@media(max-width: 400px) {
    .home-cv .hero .personal-pic {
        width:80px;
        height: 80px;
        margin: 40px auto 0
    }
}

.home-cv .hero .personal-pic:before {
    background: red;
    background: -webkit-linear-gradient(top,#4273f0,#30d4ba);
    background: -moz-linear-gradient(top,#4273f0,#30d4ba);
    background: -o-linear-gradient(top,#4273f0,#30d4ba);
    background: -ms-linear-gradient(top,#4273f0,#30d4ba);
    background: -webkit-gradient(linear,left top,left bottom,from(#4273f0),to(#30d4ba));
    background: linear-gradient(top,#4273f0,#30d4ba);
    content: "";
    width: 108%;
    height: 108%;
    position: absolute;
    left: -4%;
    top: -4%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.home-cv .hero .personal-pic img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 10
}

.home-cv .hero h2 {
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 200;
    color: #fff;
    margin: 1em 0 .48em
}

@media(max-width: 1199px) {
    .home-cv .hero h2 {
        font-size:45px;
        font-size: 2.8125rem
    }
}

@media(max-width: 991px) {
    .home-cv .hero h2 {
        font-size:40px;
        font-size: 2.5rem
    }
}

@media(max-width: 767px) {
    .home-cv .hero h2 {
        font-size:30px;
        font-size: 1.875rem
    }
}

@media(max-width: 400px) {
    .home-cv .hero h2 {
        font-size:25px;
        font-size: 1.5625rem
    }
}

.home-cv .hero h1,.home-cv .hero h1 span {
    font-size: 72px;
    font-size: 4.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media(max-width: 1199px) {
    .home-cv .hero h1,.home-cv .hero h1 span {
        font-size:60px;
        font-size: 3.75rem
    }
}

@media(max-width: 991px) {
    .home-cv .hero h1,.home-cv .hero h1 span {
        font-size:55px;
        font-size: 3.4375rem
    }
}

@media(max-width: 767px) {
    .home-cv .hero h1,.home-cv .hero h1 span {
        font-size:40px;
        font-size: 2.5rem
    }
}

@media(max-width: 400px) {
    .home-cv .hero h1,.home-cv .hero h1 span {
        font-size:30px;
        font-size: 1.875rem
    }
}

.home-cv .hero .cv-typed-element {
    display: inline-block
}

.home-cv .hero .typed-cursor {
    font-size: 72px;
    font-size: 4.5rem;
    font-weight: 400;
    color: #fff
}

@media(max-width: 1199px) {
    .home-cv .hero .typed-cursor {
        font-size:60px;
        font-size: 3.75rem
    }
}

@media(max-width: 991px) {
    .home-cv .hero .typed-cursor {
        font-size:55px;
        font-size: 3.4375rem
    }
}

@media(max-width: 767px) {
    .home-cv .hero .typed-cursor {
        font-size:40px;
        font-size: 2.5rem
    }
}

.home-cv .hero .social-links {
    display: inline-block;
    margin-top: 50px
}

@media(max-width: 1199px) {
    .home-cv .hero .social-links {
        margin-top:30px
    }
}

@media(max-width: 400px) {
    .home-cv .hero .social-links {
        margin-top:20px
    }
}

.home-cv .hero .social-links li {
    margin-right: 35px
}

@media(max-width: 991px) {
    .home-cv .hero .social-links li {
        margin-right:25px
    }
}

.home-cv .hero .social-links li:last-child {
    margin-right: 0
}

.home-cv .hero .social-links li,.home-cv .hero .social-links a {
    width: auto
}

.home-cv .hero .social-links li a {
    font-size: 20px;
    padding-right: 2px;
    color: #fff
}

@media(max-width: 1199px) {
    .home-cv .hero .social-links li a {
        font-size:15px
    }
}

.product-landing-hero {
    height: 750px
}

@media(max-width: 1199px) {
    .product-landing-hero {
        height:650px
    }
}

@media(max-width: 991px) {
    .product-landing-hero {
        height:550px
    }
}

@media(max-width: 767px) {
    .product-landing-hero {
        height:450px
    }
}

.product-landing-hero>.container {
    position: relative
}

.product-landing-hero .title {
    font-size: 60px;
    font-size: 3.75rem;
    font-weight: 700;
    color: #333;
    line-height: 1.2em;
    margin: 0 0 .1em;
    text-transform: capitalize
}

@media(max-width: 1199px) {
    .product-landing-hero .title {
        font-size:45px;
        font-size: 2.8125rem
    }
}

@media(max-width: 991px) {
    .product-landing-hero .title {
        font-size:40px;
        font-size: 2.5rem
    }
}

@media(max-width: 767px) {
    .product-landing-hero .title {
        font-size:30px;
        font-size: 1.875rem
    }
}

.product-landing-hero .title span {
    color: #4273f0;
    font-weight: 200;
    text-transform: uppercase
}

.product-landing-hero .title+p {
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 125px
}

@media(max-width: 1199px) {
    .product-landing-hero .title+p {
        padding-right:30px
    }
}

@media(max-width: 991px) {
    .product-landing-hero .title+p {
        font-size:16px;
        font-size: 1rem;
        padding-right: 0
    }
}

@media(max-width: 767px) {
    .product-landing-hero .title+p {
        font-size:15px;
        font-size: .9375rem
    }
}

.product-landing-hero .product-info {
    padding-top: 20px;
    margin-bottom: 45px
}

@media(max-width: 991px) {
    .product-landing-hero .product-info {
        margin-bottom:25px
    }
}

.product-landing-hero .product-info h5 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #333;
    font-weight: 700;
    margin: 0
}

@media(max-width: 991px) {
    .product-landing-hero .product-info h5 {
        font-size:16px;
        font-size: 1rem
    }
}

.product-landing-hero .product-info h5 span {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    color: #fd1d19;
    display: inline-block;
    margin-left: 20px;
    -webkit-animation: newtextanimation .5s infinite;
    animation: newtextanimation .5s infinite
}

@-webkit-keyframes newtextanimation {
    0% {
        color: fd1d19
    }

    50% {
        color: #00de4e
    }
}

@keyframes newtextanimation {
    0% {
        color: fd1d19
    }

    50% {
        color: #00de4e
    }
}

.product-landing-hero .product-info p {
    font-size: 14px;
    font-size: .875rem
}

.product-landing-hero .product-info .price {
    font-size: 24px;
    font-size: 1.5rem
}

@media(max-width: 991px) {
    .product-landing-hero .product-info .price {
        font-size:20px;
        font-size: 1.25rem
    }
}

.product-landing-hero .agency-btn-s1:hover {
    color: #fff
}

.product-landing-hero .hero-watch {
    position: absolute;
    right: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

@media(max-width: 767px) {
    .product-landing-hero .hero-watch {
        display:none
    }
}

.product-landing-hero .hero-watch-animation {
    right: 0;
    opacity: 1;
    -webkit-transition: all 3.5s;
    -moz-transition: all 3.5s;
    -o-transition: all 3.5s;
    -ms-transition: all 3.5s;
    transition: all 3.5s
}

.galaxy .site-footer {
    background-color: #30d4ba;
    padding: 45px 0
}

@media(max-width: 1199px) {
    .galaxy .site-footer {
        padding:40px 0
    }
}

@media(max-width: 767px) {
    .galaxy .site-footer .footer-logo-wrapper {
        text-align:center;
        margin-bottom: 20px
    }

    .galaxy .site-footer .footer-logo-wrapper img {
        display: inline-block
    }
}

.galaxy .site-footer .copyright-info-wrapper {
    text-align: center
}

.galaxy .site-footer .copyright-info-wrapper p {
    font-size: 12px;
    font-size: .75rem;
    line-height: 38px;
    color: #fff;
    margin: 0
}

.galaxy .site-footer .copyright-info-wrapper p a {
    color: #fff
}

.galaxy .site-footer .social-links-wrapper {
    text-align: right
}

@media(max-width: 767px) {
    .galaxy .site-footer .social-links-wrapper {
        text-align:center
    }
}

.galaxy .site-footer .social-links {
    display: inline-block;
    line-height: 38px
}

.galaxy .site-footer .social-links a {
    font-size: 14px;
    font-size: .875rem;
    color: #fff
}

.galaxy .site-footer .social-links li {
    margin-right: 20px
}

@media(max-width: 991px) {
    .galaxy .site-footer .social-links li {
        width:28px
    }
}

.galaxy .site-footer .social-links li:last-child {
    margin-right: 0
}

.galaxy .site-footer .social-links li a:hover {
    color: #4273f0
}

.product-landing-footer {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/product-landing/footer-bg.jpg) center center/cover no-repeat local;
    padding: 100px 0;
    position: relative
}

@media(max-width: 991px) {
    .product-landing-footer {
        padding:80px 0
    }
}

@media(max-width: 767px) {
    .product-landing-footer {
        padding:70px 0
    }
}

.product-landing-footer:before {
    content: "";
    background-color: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 991px) {
    .product-landing-footer>.container>.row>.col {
        min-height:254px
    }
}

@media(max-width: 600px) {
    .product-landing-footer>.container>.row>.col {
        width:100%;
        min-height: auto;
        margin-bottom: 50px
    }

    .product-landing-footer>.container>.row>.col:last-child {
        margin-bottom: 0
    }
}

.product-landing-footer li,.product-landing-footer a,.product-landing-footer p {
    font-size: 14px;
    font-size: .875rem;
    color: #fff
}

.product-landing-footer .widget h3 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 200;
    color: #fff;
    padding-bottom: 8px;
    margin: 0 0 1em;
    position: relative
}

@media(max-width: 767px) {
    .product-landing-footer .widget h3 {
        font-size:18px;
        font-size: 1.125rem
    }
}

.product-landing-footer .widget h3:after {
    content: "";
    background-color: #30d4ba;
    width: 28px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0
}

.product-landing-footer .about-widget .logo {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .product-landing-footer .about-widget .logo {
        margin-bottom:10px
    }
}

.product-landing-footer .about-widget p,.product-landing-footer .about-widget a {
    font-size: 14px;
    font-size: .875rem
}

.product-landing-footer .about-widget .social-links a {
    color: #fff
}

.product-landing-footer .about-widget .social-links li {
    margin-right: 10px
}

.product-landing-footer .about-widget .social-links li:last-child {
    margin-right: 10px
}

.product-landing-footer .about-widget p {
    margin-bottom: 15px
}

.product-landing-footer .contact-widget li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 15px
}

.product-landing-footer .contact-widget li i {
    position: absolute;
    left: 0;
    top: 0
}

.product-landing-footer .contact-widget ul li:last-child {
    margin-bottom: 0
}

.product-landing-footer .site-map-widget ul li {
    margin-bottom: 10px
}

.product-landing-footer .site-map-widget ul li:last-child {
    margin-bottom: 0
}

.product-landing-footer .site-map-widget ul a:hover {
    color: #4273f0
}

@media(max-width: 767px) {
    .product-landing-footer .newsletter-widget {
        max-width:320px
    }
}

.product-landing-footer .newsletter-widget form {
    overflow: hidden;
    margin-bottom: 20px
}

.product-landing-footer .newsletter-widget form .footer-subscribe {
    width: 60%;
    float: left
}

@media(max-width: 767px) {
    .product-landing-footer .newsletter-widget form .footer-subscribe {
        width:65%
    }
}

.product-landing-footer .newsletter-widget form .footer-sub-btn {
    width: 38%;
    float: right
}

@media(max-width: 767px) {
    .product-landing-footer .newsletter-widget form .footer-sub-btn {
        width:32%
    }
}

.product-landing-footer figure.gallery-item {
    display: inline-block;
    margin-right: 10px
}

.product-landing-footer .newsletter-widget form input {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.product-landing-footer .newsletter-widget form .btn {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    color: #fff;
    padding: 7px 20px;
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media(max-width: 767px) {
    .product-landing-footer .newsletter-widget form .btn {
        width:100%;
        font-size: 12px;
        padding: 10px 15px
    }
}

.product-landing-footer .newsletter-widget form .btn:hover {
    background-color: #24ad97
}

.product-landing-footer .newsletter-widget p {
    font-size: 14px;
    color: #fff
}

.product-landing-footer .newsletter-widget .flickr-photo {
    margin-top: 30px
}

@media(max-width: 767px) {
    .product-landing-footer .newsletter-widget .flickr-photo {
        max-width:290px
    }
}

.product-landing-footer .newsletter-widget .flickr-photo ul {
    overflow: hidden;
    padding-right: 35px
}

@media(max-width: 991px) {
    .product-landing-footer .newsletter-widget .flickr-photo ul {
        padding-right:0;
        margin: 20px 0 0
    }
}

.product-landing-footer .newsletter-widget .flickr-photo ul li {
    width: 15%;
    float: left;
    padding: 0 1%
}

.product-landing-footer .newsletter-widget .flickr-photo ul img {
    max-width: 100%
}

.app-landing-latest-features,.agency-latest-features,.product-landing-latest-features {
    background-color: #f0f1ff;
    padding: 40px 0
}

@media(max-width: 500px) {
    .app-landing-latest-features,.agency-latest-features,.product-landing-latest-features {
        padding-bottom:15px
    }
}

.app-landing-latest-features .grids,.agency-latest-features .grids,.product-landing-latest-features .grids {
    overflow: hidden
}

.app-landing-latest-features .grids .grid,.agency-latest-features .grids .grid,.product-landing-latest-features .grids .grid {
    width: 25%;
    float: left;
    text-align: center
}

@media(max-width: 500px) {
    .app-landing-latest-features .grids .grid,.agency-latest-features .grids .grid,.product-landing-latest-features .grids .grid {
        width:50%;
        height: 50px;
        line-height: 50px;
        margin-bottom: 25px
    }
}

.app-landing-latest-features .grid img,.agency-latest-features .grid img,.product-landing-latest-features .grid img {
    display: inline-block;
    max-width: 100%
}

@media(max-width: 991px) {
    .app-landing-latest-features .grid img,.agency-latest-features .grid img,.product-landing-latest-features .grid img {
        max-width:80%
    }
}

@media(max-width: 991px) {
    .app-landing-features {
        padding-bottom:75px
    }
}

@media(max-width: 767px) {
    .app-landing-features {
        padding-bottom:60px
    }
}

.app-landing-features .content {
    position: relative
}

.app-landing-features .feature-middle-image {
    margin-top: 60px
}

.app-landing-features .feature {
    margin-bottom: 40px;
    padding: 0 0 25px 100px;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

@media(max-width: 1199px) {
    .app-landing-features .feature {
        padding:0 0 25px 85px
    }
}

@media(max-width: 991px) {
    .app-landing-features .feature {
        margin-bottom:30px
    }
}

@media(max-width: 767px) {
    .app-landing-features .feature {
        padding:0 0 20px 65px;
        margin-bottom: 20px
    }
}

.app-landing-features .feature .icon {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 1199px) {
    .app-landing-features .feature .icon {
        width:50px
    }
}

@media(max-width: 767px) {
    .app-landing-features .feature .icon {
        width:40px
    }
}

@media screen and (min-width: 992px) {
    .app-landing-features .left-col .feature:last-child,.app-landing-features .right-col .feature:last-child {
        margin-bottom:0;
        border: 0;
        padding-bottom: 0
    }
}

@media(max-width: 991px) {
    .app-landing-features .right-col .feature:last-child {
        margin-bottom:0;
        border-bottom: 0
    }
}

.app-landing-features .feature .details h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 .7em
}

@media(max-width: 991px) {
    .app-landing-features .feature .details h3 {
        font-size:16px;
        font-size: 1rem
    }
}

.app-landing-features .feature .details p {
    margin: 0
}

@media(max-width: 1199px) {
    .app-landing-features .feature .details p {
        font-size:14px;
        font-size: .875rem
    }
}

.app-landing-cta,.product-landing-cta {
    text-align: center;
    padding: 125px 0
}

@media(max-width: 1199px) {
    .app-landing-cta,.product-landing-cta {
        padding:100px 0
    }
}

@media(max-width: 991px) {
    .app-landing-cta,.product-landing-cta {
        padding:70px 0
    }
}

@media(max-width: 767px) {
    .app-landing-cta,.product-landing-cta {
        background-image:none!important;
        background: #30d4ba!important;
        padding: 50px 0
    }
}

.app-landing-cta h2,.product-landing-cta h2 {
    font-size: 54px;
    font-size: 3.375rem;
    color: #fff;
    line-height: 1.3em;
    margin: .92em 0 0
}

@media(max-width: 1199px) {
    .app-landing-cta h2,.product-landing-cta h2 {
        font-size:45px;
        font-size: 2.8125rem
    }
}

@media(max-width: 991px) {
    .app-landing-cta h2,.product-landing-cta h2 {
        font-size:30px;
        font-size: 1.875rem
    }
}

@media(max-width: 767px) {
    .app-landing-cta h2,.product-landing-cta h2 {
        font-size:25px;
        font-size: 1.5625rem
    }
}

.app-landing-cta h2 span,.product-landing-cta h2 span {
    font-weight: 200
}

.app-landing-cta .video-play,.product-landing-cta .video-play {
    background-color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    font-size: 1.5625rem;
    color: #4273f0;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 991px) {
    .app-landing-cta .video-play,.product-landing-cta .video-play {
        width:45px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.app-landing-funfact,.agency-funfact,.cv-funfact {
    text-align: center
}

@media(max-width: 767px) {
    .app-landing-funfact,.agency-funfact,.cv-funfact {
        padding:60px 0 35px
    }
}

.app-landing-funfact h3,.agency-funfact h3,.cv-funfact h3,.app-landing-funfact p,.agency-funfact p,.cv-funfact p {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 200;
    color: #333;
    margin: 0
}

@media(max-width: 991px) {
    .app-landing-funfact h3,.agency-funfact h3,.cv-funfact h3 {
        font-size:38px;
        font-size: 2.375rem
    }
}

@media(max-width: 767px) {
    .app-landing-funfact h3,.agency-funfact h3,.cv-funfact h3 {
        font-size:28px;
        font-size: 1.75rem
    }
}

.app-landing-funfact p,.agency-funfact p,.cv-funfact p {
    font-family: montserrat,sans-serif;
    font-size: 24px;
    font-size: 1.5rem
}

@media(max-width: 991px) {
    .app-landing-funfact p,.agency-funfact p,.cv-funfact p {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media(max-width: 767px) {
    .app-landing-funfact p,.agency-funfact p,.cv-funfact p {
        font-size:14px;
        font-size: .875rem
    }
}

.app-landing-funfact .content,.agency-funfact .content,.cv-funfact .content {
    margin-bottom: 100px
}

@media(max-width: 991px) {
    .app-landing-funfact .content,.agency-funfact .content,.cv-funfact .content {
        margin-bottom:60px
    }
}

@media(max-width: 767px) {
    .app-landing-funfact .content,.agency-funfact .content,.cv-funfact .content {
        margin-bottom:0
    }

    .app-landing-funfact .content>.col,.agency-funfact .content>.col,.cv-funfact .content>.col {
        margin-bottom: 25px
    }
}

.app-landing-funfact .mobile-holder,.agency-funfact .mobile-holder,.cv-funfact .mobile-holder {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/app-landing/fun-fact-mob-shadow.png) center bottom/100% no-repeat local
}

.app-landing-funfact .mobile-holder img,.agency-funfact .mobile-holder img,.cv-funfact .mobile-holder img {
    display: block;
    position: relative;
    top: -50px
}

@media(max-width: 767px) {
    .app-landing-funfact .mobile-holder,.agency-funfact .mobile-holder,.cv-funfact .mobile-holder {
        display:none
    }
}

.app-landing-funfact .mobile-holder-img-animation,.agency-funfact .mobile-holder-img-animation,.cv-funfact .mobile-holder-img-animation {
    top: 0!important;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    -ms-transition: all 3s;
    transition: all 3s
}

.app-documentation-section {
    background-color: #f0f1ff
}

.app-documentation-section>.container>.row {
    position: relative
}

.app-documentation-section .img-part {
    position: absolute;
    right: 0;
    bottom: 0
}

@media(max-width: 991px) {
    .app-documentation-section .img-part {
        display:none
    }
}

.app-documentation-section .content-part {
    padding: 100px 15px 90px
}

@media(max-width: 991px) {
    .app-documentation-section .content-part {
        padding:80px 15px 70px
    }
}

@media(max-width: 767px) {
    .app-documentation-section .content-part {
        padding:70px 15px 60px
    }
}

.app-documentation-section .content-part .section-title,.app-documentation-section .content-part .product-landing-section-title {
    text-align: left
}

.app-documentation-section .content-part .section-title h2:after,.app-documentation-section .content-part .product-landing-section-title h2:after {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.app-documentation-section .content-part .box {
    margin-bottom: 40px
}

.app-documentation-section .content-part>.box:last-child {
    margin-bottom: 0
}

.app-documentation-section .box .icon {
    width: 65px;
    margin-bottom: 20px
}

@media(max-width: 1199px) {
    .app-documentation-section .box .icon {
        width:50px
    }
}

@media(max-width: 767px) {
    .app-documentation-section .box .icon {
        width:40px
    }
}

.app-documentation-section .box h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 .7em
}

@media(max-width: 991px) {
    .app-documentation-section .box h3 {
        font-size:16px;
        font-size: 1rem
    }
}

.app-documentation-section .box p {
    margin: 0
}

.how-app-works {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .how-app-works .section-title p,.how-app-works .product-landing-section-title p {
        padding:0 20px
    }
}

.round-circle {
    overflow: visible!important
}

.how-app-works .app-mobile {
    position: absolute;
    left: 50%;
    bottom: -100px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    -ms-transition: all 5s;
    transition: all 5s
}

@media(max-width: 991px) {
    .how-app-works .app-mobile {
        display:none
    }
}

.how-app-works .how-appworks-phone-animation {
    bottom: -20px
}

.how-app-works .content {
    padding-top: 150px;
    position: relative
}

@media(max-width: 1199px) {
    .how-app-works .content {
        padding-top:125px
    }
}

@media(max-width: 991px) {
    .how-app-works .content {
        padding-top:0
    }
}

.how-app-works .middle-col {
    background-color: rgba(48,212,186,.1);
    width: 440px;
    height: 440px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 17%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width: 1199px) {
    .how-app-works .middle-col {
        width:350px;
        height: 350px
    }
}

@media(max-width: 991px) {
    .how-app-works .middle-col {
        display:none
    }
}

.how-app-works .middle-col .round-inner {
    background-color: rgba(66,115,240,.1);
    width: 80%;
    height: 80%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.how-app-works .middle-col .dot {
    background-color: rgba(66,115,240,.7);
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute
}

.how-app-works .middle-col .dot:before {
    content: "";
    background-color: rgba(48,212,186,.2);
    width: 23px;
    height: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: -6px;
    -webkit-animation: dotAnimation 1s infinite alternate;
    animation: dotAnimation 1s infinite alternate
}

.how-app-works .middle-col .dot-1 {
    left: 48px;
    top: 65px
}

@media(max-width: 1199px) {
    .how-app-works .middle-col .dot-1 {
        left:35px
    }
}

.how-app-works .middle-col .dot-2 {
    right: 48px;
    top: 65px
}

@media(max-width: 1199px) {
    .how-app-works .middle-col .dot-2 {
        right:35px
    }
}

.how-app-works .middle-col .dot-3 {
    left: 15px;
    bottom: 125px
}

@media(max-width: 1199px) {
    .how-app-works .middle-col .dot-3 {
        left:0
    }
}

.how-app-works .middle-col .dot-4 {
    right: 15px;
    bottom: 125px
}

@media(max-width: 1199px) {
    .how-app-works .middle-col .dot-4 {
        right:0
    }
}

@media screen and (min-width: 992px) {
    .how-app-works .left-col {
        padding-right:45px
    }
}

@media screen and (min-width: 1200px) {
    .how-app-works .left-col {
        padding-right:55px
    }
}

@media screen and (min-width: 992px) {
    .how-app-works .right-col {
        padding-left:45px
    }
}

@media screen and (min-width: 1200px) {
    .how-app-works .right-col {
        padding-left:45px
    }
}

.how-app-works .box {
    padding: 0 0 125px 90px;
    position: relative
}

@media(max-width: 1199px) {
    .how-app-works .box {
        padding:0 0 45px 70px
    }
}

@media(max-width: 767px) {
    .how-app-works .box {
        padding:0 0 30px 65px
    }
}

.how-app-works .box .icon {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 1199px) {
    .how-app-works .box .icon {
        width:50px
    }
}

@media(max-width: 991px) {
    .how-app-works .box .icon {
        width:40px
    }
}

@media screen and (min-width: 992px) {
    .how-app-works .left-col .box:last-child,.how-app-works .right-col .box:last-child {
        padding-bottom:0
    }
}

@media(max-width: 991px) {
    .how-app-works .right-col .box:last-child {
        padding-bottom:0
    }
}

.how-app-works .box .work-details h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 .7em
}

@media(max-width: 991px) {
    .how-app-works .box .work-details h3 {
        font-size:16px;
        font-size: 1rem
    }
}

.how-app-works .box .work-details p {
    font-size: 15px;
    font-size: .9375rem;
    margin: 0
}

@media(max-width: 1199px) {
    .how-app-works .box .work-details p {
        font-size:14px;
        font-size: .875rem
    }
}

@-webkit-keyframes dotAnimation {
    from {
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5)
    }

    to {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes dotAnimation {
    from {
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5)
    }

    to {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

.app-screenshot {
    background-color: #f0f1ff;
    padding-bottom: 180px
}

@media(max-width: 767px) {
    .app-screenshot {
        padding-bottom:100px
    }
}

.app-screenshot .app-screenshot-slider-outer {
    width: 265px;
    height: 490px;
    margin: 65px auto 0;
    position: relative
}

@media(max-width: 767px) {
    .app-screenshot .app-screenshot-slider-outer {
        margin-top:0
    }
}

@media(max-width: 767px) {
    .app-screenshot .app-screenshot-slider-outer .mockup {
        display:none
    }
}

.app-screenshot .app-screenshot-slider-outer .mockup .top {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/app-landing/screenshot-slider/iphone-top-part.png) center center/cover no-repeat local;
    width: 317px;
    height: 76px;
    position: absolute;
    left: 50%;
    top: -76px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.app-screenshot .app-screenshot-slider-outer .mockup .left {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/app-landing/screenshot-slider/iphone-left-part.png) center center/cover no-repeat local;
    width: 19px;
    height: 570px;
    position: absolute;
    left: -25px;
    bottom: -80px;
    z-index: 20
}

.app-screenshot .app-screenshot-slider-outer .mockup .right {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/app-landing/screenshot-slider/iphone-right-part.png) center center/cover no-repeat local;
    width: 18px;
    height: 570px;
    position: absolute;
    right: -27px;
    bottom: -80px;
    z-index: 20
}

.app-screenshot .app-screenshot-slider-outer .mockup .bottom {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/app-landing/screenshot-slider/iphone-bottom-part.png) center center/cover no-repeat local;
    width: 280px;
    height: 76px;
    position: absolute;
    left: -6px;
    bottom: -87px;
    z-index: 20
}

.app-screenshot .app-screenshot-slider img {
    width: auto
}

.app-screenshot .owl-carousel .owl-stage-outer {
    overflow: visible!important
}

@media(max-width: 767px) {
    .app-screenshot .owl-carousel .owl-stage-outer {
        overflow:hidden!important
    }
}

.app-screenshot .owl-stage-outer .owl-item img {
    opacity: .5
}

.app-screenshot .owl-stage-outer .active img {
    opacity: 1
}

.app-screenshot .owl-controls .owl-nav .owl-prev,.app-screenshot .owl-controls .owl-nav .owl-next {
    background-color: rgba(66,115,240,.8);
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.app-screenshot .owl-controls .owl-nav .owl-prev:hover,.app-screenshot .owl-controls .owl-nav .owl-next:hover {
    background-color: #4273f0
}

.app-tem-members .team-section-title {
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .app-tem-members .app-team-grids>.col {
        margin-bottom:30px
    }
}

@media(max-width: 550px) {
    .app-tem-members .app-team-grids>.col {
        width:100%
    }

    .app-tem-members .app-team-grids>.col img {
        width: 100%
    }
}

.app-tem-members .app-team-grids>.col:last-child {
    margin-bottom: 0
}

.app-tem-members .skill-row .section-title,.app-tem-members .skill-row .product-landing-section-title {
    text-align: left;
    margin-bottom: 0
}

.app-tem-members .skill-row .section-title h2:after,.app-tem-members .skill-row .product-landing-section-title h2:after {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.app-landing-pricing .pricing-tab {
    position: relative
}

.app-landing-pricing .app-pricing-grids {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-left: 0
}

.app-landing-pricing .active-grids {
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.app-landing-pricing .switcher-wrapper {
    text-align: center;
    position: relative;
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .app-landing-pricing .switcher-wrapper {
        margin-bottom:40px
    }
}

.app-landing-pricing .switcher-wrapper .tablist span {
    font-size: 18px;
    font-size: 1.125rem
}

@media(max-width: 991px) {
    .app-landing-pricing .switcher-wrapper .tablist span {
        font-size:16px;
        font-size: 1rem
    }
}

.app-landing-pricing .switcher-wrapper .tablist .active {
    color: #000
}

.app-landing-pricing .switcher-wrapper .tablist span:first-child {
    margin-right: 110px
}

@media(max-width: 991px) {
    .app-landing-pricing .switcher-wrapper .tablist span:first-child {
        margin-right:90px
    }
}

.app-landing-pricing .switch {
    width: 60px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width: 991px) {
    .app-landing-pricing .switch {
        height:26px
    }
}

.app-landing-pricing .slider {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    border-radius: 34px;
    cursor: pointer
}

.app-landing-pricing .slider:before {
    background-color: #fff;
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

@media(max-width: 991px) {
    .app-landing-pricing .slider:before {
        width:22px;
        height: 22px
    }
}

.app-landing-pricing .slide-off:before {
    -webkit-transform: translateX(28px);
    -moz-transform: translateX(28px);
    -o-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px)
}

@media(max-width: 991px) {
    .app-landing-pricing .slide-off:before {
        -webkit-transform:translateX(34px);
        -moz-transform: translateX(34px);
        -o-transform: translateX(34px);
        -ms-transform: translateX(34px);
        transform: translateX(34px)
    }
}

.app-landing-testimonials .app-landing-testimonials-slider {
    text-align: center;
    margin-top: -15px
}

.app-landing-testimonials .app-landing-testimonials-slider img {
    width: auto;
    display: inline-block
}

.app-landing-testimonials .client-quote {
    font-size: 14px;
    font-size: .875rem;
    border: 1px solid #30d4ba;
    padding: 30px 30px 55px;
    position: relative
}

.app-landing-testimonials .client-quote:before {
    font-family: "font awesome\ 5 free";
    content: "\f10e";
    font-size: 25px;
    font-size: 1.5625rem;
    color: #30d4ba;
    position: absolute;
    font-weight: 600;
    top: -2px
}

.app-landing-testimonials .client-info {
    margin-top: -45px
}

.app-landing-testimonials .client-info img {
    display: initial!important;
    width: fit-content!important;
    background-color: #fff;
    padding: 8px;
    border: 2px solid #30d4ba;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 767px) {
    .app-landing-testimonials .client-info img {
        max-width:80px;
        padding: 5px
    }
}

.app-landing-testimonials .client-info h5 {
    font-size: 16px;
    font-size: 1rem;
    color: #000;
    margin: 0 0 5px
}

.app-landing-testimonials .client-info h5+span {
    font-size: 14px;
    font-size: .875rem
}

.app-landing-testimonials .client-info .img-holder {
    margin-bottom: 20px
}

.app-landing-testimonials .app-landing-testimonials-slider .owl-stage-outer {
    padding-top: 15px
}

.app-landing-testimonials .app-landing-testimonials-slider .owl-controls {
    margin-top: 40px
}

@media(max-width: 991px) {
    .app-landing-testimonials .app-landing-testimonials-slider .owl-controls {
        margin-top:20px
    }
}

.app-landing-faq {
    position: relative;
    overflow: hidden;
    background: 0 0
}

.app-landing-faq .content {
    position: relative
}

.app-landing-faq .section-title h2,.app-landing-faq .product-landing-section-title h2 {
    color: #fff;
    text-align: left
}

@media screen and (min-width: 767px) {
    .app-landing-faq .section-title h2,.app-landing-faq .product-landing-section-title h2 {
        padding-right:200px
    }
}

.app-landing-faq .section-title h2:after,.app-landing-faq .product-landing-section-title h2:after {
    background: #fff;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.app-landing-faq .app-faq-tab {
    position: absolute;
    right: 0;
    bottom: -200px;
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    -ms-transition: all 5s;
    transition: all 5s
}

@media(max-width: 991px) {
    .app-landing-faq .app-faq-tab {
        display:none
    }
}

.app-landing-faq .app-faq-tab-animation {
    bottom: -110px
}

.app-social-media-section {
    text-align: center;
    padding-bottom: 0
}

.app-social-media-section .social-links {
    display: inline-block
}

.app-social-media-section .social-links li a {
    width: 62px;
    height: 62px;
    line-height: 62px;
    font-size: 30px;
    font-size: 1.875rem;
    color: silver;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 991px) {
    .app-social-media-section .social-links li a {
        width:50px;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media(max-width: 767px) {
    .app-social-media-section .social-links li a {
        width:45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

.app-social-media-section .social-links li {
    margin-right: 5px
}

.app-social-media-section .social-links li:last-child {
    margin-right: 0
}

.app-social-media-section .social-links li a:hover,.app-social-media-section .social-links li:first-child a {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    color: #fff
}

.app-contact-section,.agency-contact-section {
    margin: 100px 0;
    position: relative
}

@media(max-width: 767px) {
    .app-contact-section,.agency-contact-section {
        margin:0
    }
}

.app-contact-section:before,.agency-contact-section:before {
    content: "";
    width: 100%;
    height: 420px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/galaxy/map.jpg) center center/cover no-repeat local;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-contact-section .contact-block,.agency-contact-section .contact-block {
    background-color: #fff;
    padding: 70px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 20px 0 #e6e6e6;
    -moz-box-shadow: 0 0 20px 0 #e6e6e6;
    -o-box-shadow: 0 0 20px 0 #e6e6e6;
    -ms-box-shadow: 0 0 20px 0 #e6e6e6;
    box-shadow: 0 0 20px 0 #e6e6e6;
    border-radius: 10px
}

@media(max-width: 767px) {
    .app-contact-section .contact-block,.agency-contact-section .contact-block {
        padding:40px 15px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.app-contact-section .contact-block .privacy,.agency-contact-section .contact-block .privacy {
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    margin: 0
}

.app-contact-section .contact-block .privacy a,.agency-contact-section .contact-block .privacy a {
    color: blue;
    text-decoration: underline
}

@media(max-width: 991px) {
    .app-contact-section .contact-block,.agency-contact-section .contact-block {
        padding:40px 45px
    }
}

@media(max-width: 767px) {
    .app-contact-section .contact-block,.agency-contact-section .contact-block {
        padding:40px 15px
    }
}

.app-contact-section .contact-block h2,.agency-contact-section .contact-block h2 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.3em;
    margin: 0 0 .9em
}

@media screen and (min-width: 1200px) {
    .agency-contact-section .contact-block h2 {
        padding:0 200px 0 0
    }
}

@media(max-width: 991px) {
    .app-contact-section .contact-block h2,.agency-contact-section .contact-block h2 {
        font-size:1.5625rem
    }
}

@media(max-width: 767px) {
    .app-contact-section .contact-block h2,.agency-contact-section .contact-block h2 {
        font-size:1.25rem
    }
}

.app-contact-section .contact-block .contact-info,.agency-contact-section .contact-block .contact-info,.app-contact-section .contact-block .contact-form,.agency-contact-section .contact-block .contact-form {
    width: 50%;
    float: left
}

@media(max-width: 767px) {
    .app-contact-section .contact-block .contact-info,.agency-contact-section .contact-block .contact-info,.app-contact-section .contact-block .contact-form,.agency-contact-section .contact-block .contact-form {
        width:100%;
        float: none
    }
}

.app-contact-section .contact-block .contact-info,.agency-contact-section .contact-block .contact-info {
    padding-right: 80px
}

@media(max-width: 991px) {
    .app-contact-section .contact-block .contact-info,.agency-contact-section .contact-block .contact-info {
        padding-right:0
    }
}

.app-contact-section .contact-block .contact-info p,.agency-contact-section .contact-block .contact-info p {
    color: #666
}

.app-contact-section .contact-block .contact-info ul,.agency-contact-section .contact-block .contact-info ul {
    margin-top: 30px
}

.app-contact-section .contact-block .contact-info ul li,.agency-contact-section .contact-block .contact-info ul li {
    color: #8c8c8c;
    line-height: 1.7em;
    position: relative;
    padding-left: 55px;
    margin-bottom: 20px
}

.app-contact-section .contact-block .contact-info li .icon,.agency-contact-section .contact-block .contact-info li .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    left: 0
}

.app-contact-section .contact-block .contact-info li .fi,.agency-contact-section .contact-block .contact-info li .fi {
    position: relative
}

.app-contact-section .contact-block .contact-info li .fi:before,.agency-contact-section .contact-block .contact-info li .fi:before {
    font-size: 1.625rem;
    color: #4273f0
}

.app-contact-section .contact-block .contact-form,.agency-contact-section .contact-block .contact-form {
    padding-left: 80px
}

@media(max-width: 991px) {
    .app-contact-section .contact-block .contact-form,.agency-contact-section .contact-block .contact-form {
        padding-left:30px
    }
}

@media(max-width: 767px) {
    .app-contact-section .contact-block .contact-form,.agency-contact-section .contact-block .contact-form {
        padding-left:0;
        margin-top: 50px
    }
}

.app-contact-section .contact-block .contact-form input,.agency-contact-section .contact-block .contact-form input,.app-contact-section .contact-block .contact-form select,.agency-contact-section .contact-block .contact-form select,.app-contact-section .contact-block .contact-form textarea,.agency-contact-section .contact-block .contact-form textarea {
    background-color: #eef1f5;
    height: 45px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px
}

@media(max-width: 991px) {
    .app-contact-section .contact-block .contact-form input,.agency-contact-section .contact-block .contact-form input,.app-contact-section .contact-block .contact-form select,.agency-contact-section .contact-block .contact-form select,.app-contact-section .contact-block .contact-form textarea,.agency-contact-section .contact-block .contact-form textarea {
        height:40px
    }
}

.app-contact-section .contact-block .contact-form textarea,.agency-contact-section .contact-block .contact-form textarea {
    height: 110px;
    padding-top: 15px
}

.app-contact-section .contact-block .contact-form .form ::-webkit-input-placeholder,.agency-contact-section .contact-block .contact-form .form ::-webkit-input-placeholder {
    font-style: 16px;
    font-style: normal;
    color: #8c8c8c
}

.app-contact-section .contact-block .contact-form .form :-moz-placeholder,.agency-contact-section .contact-block .contact-form .form :-moz-placeholder {
    font-style: 16px;
    font-style: normal;
    color: #8c8c8c
}

.app-contact-section .contact-block .contact-form .form ::-moz-placeholder,.agency-contact-section .contact-block .contact-form .form ::-moz-placeholder {
    font-style: 16px;
    font-style: normal;
    color: #8c8c8c
}

.app-contact-section .contact-block .contact-form .form :-ms-input-placeholder,.agency-contact-section .contact-block .contact-form .form :-ms-input-placeholder {
    font-style: 16px;
    font-style: normal;
    color: #8c8c8c
}

.app-contact-section .contact-block .contact-form .form>div,.agency-contact-section .contact-block .contact-form .form>div {
    margin-bottom: 20px
}

@media(max-width: 991px) {
    .app-contact-section .contact-block .contact-form .form>div,.agency-contact-section .contact-block .contact-form .form>div {
        margin-bottom:10px
    }
}

.app-contact-section .contact-block .contact-form select,.agency-contact-section .contact-block .contact-form select {
    font-style: normal;
    background-position: 97% center;
    color: #8c8c8c
}

.app-contact-section .contact-block .contact-form .form .submit-btn,.agency-contact-section .contact-block .contact-form .form .submit-btn {
    margin-bottom: 0
}

.app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1,.agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1 {
    border: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 45px;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    z-index: 10
}

.app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:before,.agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:before {
    content: "";
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#4273f0,#30d4ba);
    background: -moz-linear-gradient(left,#4273f0,#30d4ba);
    background: -o-linear-gradient(left,#4273f0,#30d4ba);
    background: -ms-linear-gradient(left,#4273f0,#30d4ba);
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba));
    background: linear-gradient(left,#4273f0,#30d4ba);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    -o-border-radius: 25;
    -ms-border-radius: 25;
    border-radius: 25;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

@media(max-width: 1199px) {
    .app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1,.agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1 {
        height:40px;
        line-height: 40px;
        padding: 0 35px
    }
}

.app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:hover,.agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:hover {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    color: #fff
}

.app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:hover:before,.agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:hover:before {
    opacity: 1
}

.app-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:focus,.agency-contact-section .contact-block .contact-form .submit-btn .app-btn-s1:focus {
    outline: 0
}

.app-contact-section .contact-block .view-map,.agency-contact-section .contact-block .view-map {
    margin-top: 20px
}

.app-contact-section .contact-block .view-map img,.agency-contact-section .contact-block .view-map img {
    display: inline-block;
    padding-right: 10px
}

.app-contact-section .contact-block .view-map a,.agency-contact-section .contact-block .view-map a {
    color: #30d4ba;
    font-size: 15px;
    font-size: .9375rem
}

@media(max-width: 767px) {
    .app-contact-section .contact-block .view-map a,.agency-contact-section .contact-block .view-map a {
        font-size:14px;
        font-size: .875rem
    }
}

.app-contact-section .contact-block .view-map a:hover,.agency-contact-section .contact-block .view-map a:hover,.app-contact-section .contact-block .view-map a:focus,.agency-contact-section .contact-block .view-map a:focus {
    outline: 0
}

.agency-latest-features,.product-landing-latest-features {
    background-color: #fff;
    padding: 0;
    position: relative
}

@media(max-width: 500px) {
    .agency-latest-features,.product-landing-latest-features {
        padding-bottom:25px
    }
}

.agency-latest-features:after,.product-landing-latest-features:after {
    content: "";
    background-color: #ededed;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 3px
}

.agency-latest-features .grid,.product-landing-latest-features .grid {
    min-height: 140px;
    line-height: 140px;
    padding: 40px 0;
    position: relative
}

@media(max-width: 1199px) {
    .agency-latest-features .grid,.product-landing-latest-features .grid {
        min-height:100px;
        line-height: 100px;
        padding: 30px 0
    }
}

@media(max-width: 991px) {
    .agency-latest-features .grid,.product-landing-latest-features .grid {
        min-height:80px;
        line-height: 80px;
        padding: 20px 0
    }
}

@media(max-width: 500px) {
    .agency-latest-features .grid,.product-landing-latest-features .grid {
        min-height:auto;
        line-height: none
    }
}

.galaxy .hover_border:after,.product-landing-latest-features .grid:after {
    content: "";
    background-color: #4273f0;
    width: 0;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 10;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media(max-width: 500px) {
    .agency-latest-features .grid:after,.product-landing-latest-features .grid:after {
        display:none
    }
}

.agency-latest-features .grid img,.product-landing-latest-features .grid img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.agency-latest-features .grid:hover img,.product-landing-latest-features .grid:hover img {
    -webkit-filter: none;
    filter: none
}

.galaxy .hover_border:hover:after,.product-landing-latest-features .grid:hover:after {
    width: 100%
}

.agency-business-solution-skill {
    padding-bottom: 0
}

.agency-business-solution-skill .section-title,.agency-business-solution-skill .product-landing-section-title {
    text-align: left;
    margin: 0
}

.agency-business-solution-skill .section-title h2,.agency-business-solution-skill .product-landing-section-title h2 {
    margin-bottom: .8em
}

.agency-business-solution-skill .section-title h2:after,.agency-business-solution-skill .product-landing-section-title h2:after {
    background-color: #4273f0;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.agency-business-solution-skill .progress-bar-s1 {
    margin-top: 40px;
    padding: 0 45px 0 0
}

@media(max-width: 1199px) {
    .agency-business-solution-skill .progress-bar-s1 {
        padding:0
    }
}

@media(max-width: 767px) {
    .agency-business-solution-skill .progress-bar-s1 {
        margin-top:25px
    }
}

@media(max-width: 1199px) {
    .agency-business-solution-skill .images-holder-col-wrapper {
        display:none
    }
}

.agency-business-solution-skill .images-holder-col {
    padding: 10px 0 0
}

.galaxy .curve-img {
    transform: skewX(-5deg)
}

.agency-business-solution-skill .images-holder-col .img-holder {
    width: 50%;
    float: left;
    -webkit-transform: skewX(-5deg);
    -moz-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg)
}

.agency-business-solution-skill .images-holder-col .img-holder:first-child {
    padding-right: 13px
}

.agency-business-solution-skill .images-holder-col .img-holder:last-child {
    padding-left: 13px
}

.agency-services .agency-services-grids {
    text-align: center
}

.agency-services .grid {
    padding: 50px 20px;
    position: relative
}

@media(max-width: 767px) {
    .agency-services .grid {
        padding:40px 10px
    }
}

.agency-services .grid:before {
    content: "";
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.agency-services .grid:after {
    content: "";
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0
}

@media(max-width: 1199px) {
    .agency-services .grid:after {
        height:4px
    }
}

@media(max-width: 991px) {
    .agency-services .agency-services-grids>div:first-child .grid:after {
        bottom:auto;
        top: 0
    }
}

.agency-services .grid .icon {
    margin-bottom: 15px
}

.agency-services .grid .icon i {
    font-size: 55px;
    background: -webkit-linear-gradient(#44d8c1,#5581f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.agency-services .grid .icon svg {
    width: 100%;
    height: 60px
}

.agency-services .grid h3 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #333;
    margin: 0 0 .66em
}

@media(max-width: 1199px) {
    .agency-services .grid h3 {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media(max-width: 767px) {
    .agency-services .grid h3 {
        font-size:17px;
        font-size: 1.0625rem
    }
}

.agency-services .grid p {
    margin: 0
}

@media(max-width: 1199px) {
    .agency-services .grid p {
        font-size:15px;
        font-size: .9375rem
    }
}

.agency-services .grid .icon,.agency-services .grid h3,.agency-services .grid p {
    position: relative;
    z-index: 10;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -ms-transition: all .1s;
    transition: all .1s
}

.agency-services .grid:hover h3,.agency-services .grid:hover p,.agency-services .agency-services-grids>div:nth-child(2) h3,.agency-services .agency-services-grids>div:nth-child(2) p {
    color: #fff
}

.agency-services .grid:hover .animated-svg-icon-s4,.agency-services .agency-services-grids>div:nth-child(2) .animated-svg-icon-s4 {
    stroke: #fff
}

.agency-services .grid:hover:before,.agency-services .agency-services-grids>div:nth-child(2) .grid:before {
    opacity: 1
}

.agency-cta {
    position: relative;
    text-align: center
}

@media(max-width: 991px) {
    .agency-cta {
        padding:80px 0
    }
}

.agency-cta:before {
    content: "";
    background-color: rgba(38,50,88,.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.agency-cta .container {
    position: relative
}

@media screen and (min-width: 1200px) {
    .agency-cta .col {
        padding:0 55px
    }
}

.agency-cta h2,.agency-cta p,.agency-cta .btn {
    color: #fff
}

.agency-cta h2 {
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 200;
    margin: 0 0 .8em;
    line-height: 1.2em
}

@media(max-width: 991px) {
    .agency-cta h2 {
        font-size:30px;
        font-size: 1.875rem
    }
}

@media(max-width: 767px) {
    .agency-cta h2 {
        font-size:26px;
        font-size: 1.625rem
    }
}

.agency-cta p {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 1.44em
}

@media(max-width: 991px) {
    .agency-cta p {
        font-size:16px;
        font-size: 1rem
    }
}

.agency-funfact,.cv-funfact {
    padding-bottom: 0
}

.agency-funfact .content,.cv-funfact .content {
    margin-bottom: 0
}

.agency-funfact .icon,.cv-funfact .icon {
    min-height: 48px;
    margin-bottom: 15px
}

@media(max-width: 991px) {
    .agency-funfact .icon,.cv-funfact .icon {
        min-height:38px;
        margin-bottom: 5px
    }
}

@media(max-width: 991px) {
    .agency-funfact .icon img,.cv-funfact .icon img {
        max-width:35px
    }
}

.agency-funfact .content>.col:nth-child(1) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(1) .animated-svg-icon-s5 {
    height: 25px
}

@media(max-width: 991px) {
    .agency-funfact .content>.col:nth-child(1) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(1) .animated-svg-icon-s5 {
        height:20px
    }
}

.agency-funfact .content>.col:nth-child(2) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(2) .animated-svg-icon-s5 {
    height: 42px
}

@media(max-width: 991px) {
    .agency-funfact .content>.col:nth-child(2) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(2) .animated-svg-icon-s5 {
        height:32px
    }
}

.agency-funfact .content>.col:nth-child(3) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(3) .animated-svg-icon-s5,.agency-funfact .content>.col:nth-child(4) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(4) .animated-svg-icon-s5 {
    height: 39px
}

@media(max-width: 991px) {
    .agency-funfact .content>.col:nth-child(3) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(3) .animated-svg-icon-s5,.agency-funfact .content>.col:nth-child(4) .animated-svg-icon-s5,.cv-funfact .content>.col:nth-child(4) .animated-svg-icon-s5 {
        height:32px
    }
}

@media(max-width: 767px) {
    .agency-projects {
        padding:55px 0 60px
    }
}

.agency-projects .agnecy-projects-slider .grid {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width: 768px) {
    .agency-projects .agnecy-projects-slider .grid {
        opacity:.5
    }
}

.agency-projects .agnecy-projects-slider .center .grid {
    opacity: 1
}

.agency-projects .agnecy-projects-slider .owl-controls {
    margin-top: 50px
}

@media(max-width: 991px) {
    .agency-projects .agnecy-projects-slider .owl-controls {
        margin-top:35px
    }
}

@media(max-width: 767px) {
    .agency-projects .agnecy-projects-slider .owl-controls {
        margin-top:20px
    }
}

.agency-projects .agnecy-projects-slider .owl-controls .owl-prev,.agency-projects .agnecy-projects-slider .owl-controls .owl-next {
    background-color: transparent;
    color: #cfcfd0
}

.agency-projects .agnecy-projects-slider .owl-controls .owl-prev:hover,.agency-projects .agnecy-projects-slider .owl-controls .owl-next:hover {
    background-color: transparent;
    color: #4273f0
}

@media screen and (min-width: 768px) {
    .agency-projects .agnecy-projects-slider .owl-controls .owl-prev {
        margin-right:20px
    }
}

.agency-faq {
    position: relative
}

.agency-faq .panel-default>.panel-heading .collapsed {
    color: #333
}

.agency-faq .section-title,.agency-faq .product-landing-section-title {
    text-align: left;
    margin-bottom: 0
}

.agency-faq .section-title h2,.agency-faq .product-landing-section-title h2 {
    line-height: 1.3em
}

.agency-faq .section-title h2:after,.agency-faq .product-landing-section-title h2:after {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.agency-faq .left-col {
    padding: 120px 80px 110px 15px
}

@media(max-width: 1199px) {
    .agency-faq .left-col {
        padding:0 15px
    }
}

.agency-faq .panel-group {
    margin-bottom: 0
}

.agency-faq .panel-group .panel+.panel {
    margin-top: 20px
}

.agency-faq .panel {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.agency-faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0
}

.agency-faq .panel .panel-heading {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 2px solid #e9eef2
}

.agency-faq .panel .panel-heading a {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #333;
    padding: 20px
}

@media(max-width: 991px) {
    .agency-faq .panel .panel-heading a {
        font-size:17px;
        font-size: 1.0625rem
    }
}

@media(max-width: 767px) {
    .agency-faq .panel .panel-heading a {
        font-size:16px;
        font-size: 1rem;
        padding: 10px
    }
}

.agency-faq .panel .panel-heading a span {
    color: #4273f0
}

.agency-faq .panel .panel-heading a:hover,.agency-faq .panel .panel-heading a:focus {
    text-decoration: none
}

@media(max-width: 1199px) {
    .agency-faq .right-col {
        display:none
    }
}

.agency-blog {
    padding-bottom: 0
}

.agency-blog .agency-blog-slider .owl-controls {
    margin-top: 50px
}

@media(max-width: 767px) {
    .agency-blog .agency-blog-slider .owl-controls {
        margin-top:35px
    }
}

@media(max-width: 767px) {
    .agency-testimonials,.product-landing-testimonials {
        padding-bottom:60px
    }

    .agency-testimonials .section-title,.product-landing-testimonials .section-title,.agency-testimonials .product-landing-section-title,.product-landing-testimonials .product-landing-section-title {
        margin-bottom: 25px
    }
}

.agency-testimonials .agency-testimonial-slider,.product-landing-testimonials .agency-testimonial-slider {
    text-align: center;
    position: relative
}

.agency-testimonials .agency-testimonial-slider .box,.product-landing-testimonials .agency-testimonial-slider .box {
    border: 2px solid #a1c1f4;
    padding: 55px 60px 30px;
    margin: 48px 20px 20px;
    -webkit-box-shadow: 0 0 20px 0 #b3b3b3;
    -moz-box-shadow: 0 0 20px 0 #b3b3b3;
    -o-box-shadow: 0 0 20px 0 #b3b3b3;
    -ms-box-shadow: 0 0 20px 0 #b3b3b3;
    box-shadow: 0 0 20px 0 #b3b3b3;
    position: relative
}

@media(max-width: 991px) {
    .agency-testimonials .agency-testimonial-slider .box,.product-landing-testimonials .agency-testimonial-slider .box {
        border:2px solid #a1c1f4;
        padding: 35px 20px 20px;
        margin: 35px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.agency-testimonials .client-pic,.product-landing-testimonials .client-pic {
    position: absolute;
    left: 50%;
    top: -48px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width: 991px) {
    .agency-testimonials .client-pic,.product-landing-testimonials .client-pic {
        top:-35px
    }
}

.agency-testimonials .client-pic img,.product-landing-testimonials .client-pic img {
    background-color: #fff;
    width: auto;
    display: inline-block;
    padding: 8px;
    border: 2px solid #30d4ba;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 991px) {
    .agency-testimonials .client-pic img,.product-landing-testimonials .client-pic img {
        max-width:70px;
        padding: 4px;
        border: 1px solid #30d4ba
    }
}

.agency-testimonials .rating,.product-landing-testimonials .rating {
    margin: 12px 0
}

.agency-testimonials .rating i,.product-landing-testimonials .rating i {
    font-size: 14px;
    font-size: .875rem;
    color: #ffc603
}

@media(max-width: 991px) {
    .agency-testimonials .rating i,.product-landing-testimonials .rating i {
        font-size:13px;
        font-size: .8125rem
    }
}

.agency-testimonials .client-info,.product-landing-testimonials .client-info {
    padding-top: 20px
}

@media(max-width: 991px) {
    .agency-testimonials .client-info,.product-landing-testimonials .client-info {
        padding-top:10px
    }
}

.agency-testimonials .client-info h5,.product-landing-testimonials .client-info h5 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 .3em;
    color: #4273f0
}

@media(max-width: 991px) {
    .agency-testimonials .client-info h5,.product-landing-testimonials .client-info h5 {
        font-size:14px;
        font-size: .875rem
    }
}

.agency-testimonials .client-info h5+span,.product-landing-testimonials .client-info h5+span {
    font-size: 14px;
    font-size: .875rem
}

@media(max-width: 991px) {
    .agency-testimonials .client-info h5+span,.product-landing-testimonials .client-info h5+span {
        font-size:13px;
        font-size: .8125rem
    }
}

.agency-testimonials .agency-testimonial-slider .owl-controls,.product-landing-testimonials .agency-testimonial-slider .owl-controls {
    z-index: 10
}

@media screen and (min-width: 992px) {
    .agency-testimonials .agency-testimonial-slider .owl-controls,.product-landing-testimonials .agency-testimonial-slider .owl-controls {
        position:absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 10
    }

    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-dots,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-dots {
        position: absolute;
        width: 100%;
        bottom: -50px
    }

    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-prev,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-prev,.agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-next,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-next {
        background-color: transparent;
        color: #cfcfd0;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-prev:hover,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-prev:hover,.agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-next:hover,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-next:hover {
        background-color: transparent;
        color: #4273f0
    }

    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-prev,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-prev {
        left: -100px
    }

    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-next,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav .owl-next {
        right: -100px
    }
}

@media(max-width: 991px) {
    .agency-testimonials .agency-testimonial-slider .owl-controls .owl-nav,.product-landing-testimonials .agency-testimonial-slider .owl-controls .owl-nav {
        display:none!important
    }
}

@media(max-width: 991px) {
    .agency-testimonials .agency-testimonial-slider .owl-controls,.product-landing-testimonials .agency-testimonial-slider .owl-controls {
        margin-top:35px
    }
}

.agency-team {
    padding-top: 50px
}

@media(max-width: 991px) {
    .agency-team {
        padding-top:0
    }
}

.agency-contact-section {
    margin-top: 0
}

.menu-after-slider {
    text-align: center
}

@media(max-width: 991px) {
    .menu-after-slider {
        display:none
    }
}

.menu-after-slider .navigation {
    background: #fff;
    margin-bottom: 0;
    border: 0;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0
}

.menu-after-slider ul {
    padding: 10px 0
}

.menu-after-slider ul li {
    padding: 0 24px
}

@media(max-width: 1199px) {
    .menu-after-slider ul li {
        padding:0 20px
    }
}

.menu-after-slider ul li a {
    font-family: montserrat,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #5b5b5b;
    padding: 18px 0;
    position: relative
}

@media(max-width: 1199px) {
    .menu-after-slider ul li a {
        padding:14px 0
    }
}

.menu-after-slider ul li a:after {
    content: "";
    background: #4273f0;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.menu-after-slider ul li a i {
    font-weight: 900;
    background: #eee;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #aeaeae;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 1199px) {
    .menu-after-slider ul li a i {
        font-size:12px;
        font-size: .75rem;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.menu-after-slider ul .current-menu-item a i {
    color: #4273f0
}

.menu-after-slider ul .current-menu-item a:after {
    opacity: 1
}

.about-me {
    padding-bottom: 0
}

.about-me .section-title,.about-me .product-landing-section-title {
    text-align: left;
    margin-bottom: 0
}

.about-me .section-title h2:after,.about-me .product-landing-section-title h2:after {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

@media screen and (min-width: 992px) {
    .about-me .left-col {
        padding-right:55px
    }
}

.about-me .left-col p {
    margin-bottom: 20px
}

.about-me .progress-bar-s1 {
    margin-top: 75px
}

@media(max-width: 991px) {
    .about-me .progress-bar-s1 {
        margin-top:40px
    }
}

.cv-funfact {
    padding-bottom: 100px;
    position: relative
}

@media(max-width: 767px) {
    .cv-funfact {
        padding-bottom:35px
    }
}

.cv-funfact:after {
    content: "";
    background-color: rgba(5,11,32,.85);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.cv-funfact .container {
    position: relative;
    z-index: 10
}

.cv-funfact h3,.cv-funfact p {
    color: #fff
}

.cv-portfolio {
    padding-bottom: 0
}

.cv-portfolio .section-title,.cv-portfolio .product-landing-section-title {
    margin-bottom: 0
}

.cv-portfolio .sorting-filters {
    text-align: center;
    margin-bottom: 40px
}

@media(max-width: 767px) {
    .cv-portfolio .sorting-filters {
        margin-bottom:20px
    }
}

.cv-portfolio .sorting-filters ul {
    display: inline-block
}

.cv-portfolio .sorting-filters ul li {
    display: inline-block;
    margin-right: 35px
}

@media(max-width: 767px) {
    .cv-portfolio .sorting-filters ul li {
        margin-right:10px
    }
}

.cv-portfolio .sorting-filters ul li:last-child {
    margin-right: 0
}

.cv-portfolio .sorting-filters ul li a {
    font-family: montserrat,sans-serif;
    font-size: 11px;
    font-size: .6875rem;
    color: #333;
    text-transform: uppercase
}

.cv-portfolio .sorting-filters ul li .current {
    color: #4273f0
}

.cv-partners {
    text-align: center
}

@media(max-width: 991px) {
    .cv-partners {
        padding-top:0
    }
}

@media(max-width: 767px) {
    .cv-partners {
        padding-bottom:0
    }
}

.cv-partners img {
    display: inline-block;
    max-width: 100%
}

@media(max-width: 767px) {
    .cv-partners img {
        max-width:95%
    }
}

@media(max-width: 767px) {
    .cv-partners .content>.col {
        margin-bottom:40px
    }
}

.home-cv .agency-contact-section {
    border-top: 1px solid #e6e6e6
}

.product-landing-latest-features {
    border-top: 1px solid #e6e6e6
}

.product-landing-services .product-landing-section-title {
    text-align: left
}

.product-landing-services .container {
    position: relative;
    padding: 50px 15px 150px
}

@media(max-width: 1199px) {
    .product-landing-services .container {
        padding:50px 15px 0
    }
}

@media(max-width: 991px) {
    .product-landing-services .container {
        padding:0 15px
    }
}

.product-landing-services .services {
    max-width: 400px
}

.product-landing-services .services .icon i {
    font-size: 42px;
    color: #4273f0
}

.product-landing-services .services .icon svg {
    width: 100%;
    height: 58px
}

.product-landing-services .services .icon {
    min-height: 80px
}

@media(max-width: 767px) {
    .product-landing-services .services .icon {
        min-height:50px
    }
}

.product-landing-services .services .grid {
    width: 33.33%;
    float: left;
    text-align: center
}

.product-landing-services .services h3 {
    font-size: 16px;
    font-size: 1rem;
    color: #999;
    margin: .87em 0 0;
    line-height: 1.5em;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .product-landing-services .services h3 {
        font-size:12px;
        font-size: .75rem
    }
}

.product-landing-services .services .product-landing-btn {
    margin-top: 40px
}

.product-landing-services .services-watch {
    position: absolute;
    left: -150px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

@media(max-width: 1199px) {
    .product-landing-services .services-watch {
        width:420px;
        height: 437px
    }
}

@media(max-width: 991px) {
    .product-landing-services .services-watch {
        display:none
    }
}

.product-landing-services .services-watch-animation {
    left: -50px;
    opacity: 1;
    -webkit-transition: all 3.5s;
    -moz-transition: all 3.5s;
    -o-transition: all 3.5s;
    -ms-transition: all 3.5s;
    transition: all 3.5s
}

.product-landing-cta {
    height: 100vh;
    position: relative
}

@media(max-width: 991px) {
    .product-landing-cta {
        background-color:#30d4ba
    }
}

@media screen and (min-width: 992px) {
    .product-landing-cta:before {
        content:"";
        background-color: rgba(0,0,0,.8);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -ms-transition: all 1s;
        transition: all 1s
    }
}

@media(max-width: 991px) {
    .product-landing-cta {
        height:auto;
        background-image: none
    }
}

@media screen and (min-width: 992px) {
    .product-landing-cta .container {
        margin-top:200px;
        -webkit-transition: all 3s;
        -moz-transition: all 3s;
        -o-transition: all 3s;
        -ms-transition: all 3s;
        transition: all 3s
    }
}

.product-landing-cta h2 {
    color: #fff;
    font-weight: 200;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s
}

@media screen and (min-width: 992px) {
    .product-landing-cta h2 {
        opacity:0
    }
}

.product-landing-cta .video-play {
    background-color: #4273f0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s
}

@media screen and (min-width: 992px) {
    .product-landing-cta .video-play {
        opacity:0
    }
}

.product-landing-cta .video-play i {
    color: #fff
}

.active-cta-text:before,.active-cta-text h2,.active-cta-text .video-play {
    opacity: 1
}

.active-cta-text .container {
    margin-top: 150px
}

@media(max-width: 767px) {
    .p-landing-how-its-work-section .product-landing-section-title {
        margin-bottom:0
    }
}

.p-landing-how-its-work-section .content {
    position: relative;
    margin-top: 155px
}

@media(max-width: 1199px) {
    .p-landing-how-its-work-section .content {
        margin-top:100px
    }
}

@media(max-width: 991px) {
    .p-landing-how-its-work-section .content {
        margin-top:0
    }
}

.p-landing-how-its-work-section .content>.col {
    padding-left: 160px
}

@media(max-width: 1199px) {
    .p-landing-how-its-work-section .content>.col {
        padding-left:135px
    }
}

@media(max-width: 991px) {
    .p-landing-how-its-work-section .content>.col {
        padding-left:15px
    }
}

.p-landing-how-its-work-section .content>.col>.box:nth-child(2) .icon {
    top: -12px
}

.p-landing-how-its-work-section .content>.col>.box:nth-child(2) .icon .line {
    width: 85px;
    top: 25px;
    left: -88px
}

.p-landing-how-its-work-section .content>.col>.box:nth-child(3) .icon {
    top: -10px
}

.p-landing-how-its-work-section .content>.col>.box:nth-child(3) .icon .line {
    top: 18px
}

.p-landing-how-its-work-section .box {
    padding: 0 75px;
    position: relative;
    margin-bottom: 50px
}

@media(max-width: 1199px) {
    .p-landing-how-its-work-section .box {
        padding:0 0 0 75px
    }
}

@media(max-width: 767px) {
    .p-landing-how-its-work-section .box {
        padding:0 0 0 65px;
        margin-bottom: 35px
    }
}

.p-landing-how-its-work-section .content>.col>.box:nth-child(3) {
    margin-bottom: 0
}

.p-landing-how-its-work-section .box .icon {
    width: 80px;
    position: absolute;
    left: 0;
    top: 0
}

.p-landing-how-its-work-section .box .icon i {
    font-size: 42px;
    color: #4273f0
}

@media(max-width: 767px) {
    .p-landing-how-its-work-section .box .icon {
        width:60px
    }

    .p-landing-how-its-work-section .box .icon img {
        max-width: 40px
    }
}

.p-landing-how-its-work-section .dtails h3 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #333;
    margin: 0 0 .78em
}

@media(max-width: 767px) {
    .p-landing-how-its-work-section .dtails h3 {
        font-size:16px;
        font-size: 1rem
    }
}

.p-landing-how-its-work-section .dtails p {
    margin: 0
}

.p-landing-how-its-work-section .left-watches {
    position: absolute;
    left: 15px;
    top: -85px
}

@media(max-width: 1199px) {
    .p-landing-how-its-work-section .left-watches {
        top:-65px;
        left: -10px
    }
}

@media(max-width: 991px) {
    .p-landing-how-its-work-section .left-watches {
        display:none
    }
}

.p-landing-how-its-work-section .box .line {
    width: 120px;
    border-bottom: 2px dotted #959595;
    height: 2px;
    position: absolute;
    left: -130px;
    top: 15px
}

@media(max-width: 991px) {
    .p-landing-how-its-work-section .box .line {
        display:none
    }
}

.p-landing-how-its-work-section .line .dot {
    background-color: rgba(66,115,240,.9);
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 10
}

.p-landing-how-its-work-section .line .dot:before {
    content: "";
    background-color: rgba(48,212,186,.4);
    width: 23px;
    height: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: -6px;
    -webkit-animation: dotAnimation 1s infinite alternate;
    animation: dotAnimation 1s infinite alternate;
    z-index: 10
}

.product-section {
    padding-bottom: 70px
}

@media(max-width: 767px) {
    .product-section {
        padding-bottom:50px
    }
}

.product-section .product-grids>.col {
    margin-bottom: 30px
}

@media(max-width: 600px) {
    .product-section .product-grids>.col {
        width:100%
    }
}

.product-landing-faq {
    background-color: #f2f2f2;
    overflow: hidden
}

.product-landing-faq .content {
    position: relative
}

.product-landing-faq .product-landing-section-title h2 {
    text-align: left;
    margin: 0;
    padding-bottom: 0
}

@media screen and (min-width: 767px) {
    .product-landing-faq .product-landing-section-title h2 {
        padding-right:200px
    }
}

.product-landing-faq .panel-default>.panel-heading .collapsed,.product-landing-faq .panel-default>.panel-heading a,.product-landing-faq .panel-default>.panel-heading .collapsed:after {
    color: #4273f0
}

.product-landing-faq .faq-watch {
    position: absolute;
    right: 0;
    bottom: -170px;
    opacity: 0
}

@media(max-width: 991px) {
    .product-landing-faq .faq-watch {
        display:none
    }
}

.product-landing-faq .faq-watch-animation {
    bottom: -70px;
    opacity: 1;
    -webkit-transition: all 3.5s;
    -moz-transition: all 3.5s;
    -o-transition: all 3.5s;
    -ms-transition: all 3.5s;
    transition: all 3.5s
}

@media screen and (min-width: 1200px) {
    .newsletter-section .product-landing-section-title .col {
        padding:0 100px
    }
}

.newsletter-section .product-landing-section-title h2 {
    margin: 0 0 .2em
}

.newsletter-section .news-letter-form {
    text-align: center;
    padding: 0 35px;
    margin: 0 auto;
    width: 65%
}

@media(max-width: 1199px) {
    .newsletter-section .news-letter-form {
        padding:0
    }
}

@media(max-width: 991px) {
    .newsletter-section .news-letter-form {
        padding:0 55px
    }
}

@media(max-width: 767px) {
    .newsletter-section .news-letter-form {
        padding:0
    }
}

.newsletter-section .news-letter-form p {
    font-size: 12px;
    font-size: .75rem;
    color: #000;
    margin: 0
}

.newsletter-section .news-letter-form p a {
    color: #4273f0;
    text-decoration: underline
}

.newsletter-section .sub-form {
    margin-bottom: 30px;
    overflow: hidden
}

.newsletter-section .sub-form>.sub-form-input {
    width: 468px;
    float: left
}

@media(max-width: 1199px) {
    .newsletter-section .sub-form>.sub-form-input {
        width:420px
    }
}

@media(max-width: 767px) {
    .newsletter-section .sub-form>.sub-form-input {
        width:100%;
        float: none
    }
}

.newsletter-section .sub-form>.sub-btn {
    width: 175px;
    float: right
}

@media(max-width: 767px) {
    .newsletter-section .sub-form>.sub-btn {
        width:130px;
        float: none;
        margin: 15px auto 0
    }
}

.newsletter-section .sub-form input,.newsletter-section .sub-form button {
    height: 60px;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px
}

@media(max-width: 991px) {
    .newsletter-section .sub-form input,.newsletter-section .sub-form button {
        height:50px
    }
}

@media(max-width: 767px) {
    .newsletter-section .sub-form input,.newsletter-section .sub-form button {
        height:45px
    }
}

.newsletter-section .sub-form input {
    background-color: #ecedee;
    padding: 6px 45px
}

@media(max-width: 991px) {
    .newsletter-section .sub-form input {
        padding:6px 25px
    }
}

.newsletter-section .sub-form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.newsletter-section .sub-form button {
    font-family: montserrat,sans-serif;
    background: #4273f0;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.newsletter-section .sub-form button:hover {
    color: #000
}

.newsletter-section .social-links-wrapper {
    text-align: center;
    margin-top: 70px
}

@media(max-width: 1199px) {
    .newsletter-section .social-links-wrapper {
        margin-top:50px
    }
}

@media(max-width: 991px) {
    .newsletter-section .social-links-wrapper {
        margin-top:30px
    }
}

.newsletter-section .social-links {
    display: inline-block
}

.newsletter-section .social-links li a {
    width: 62px;
    height: 62px;
    line-height: 62px;
    font-size: 30px;
    font-size: 1.875rem;
    color: silver;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 991px) {
    .newsletter-section .social-links li a {
        width:50px;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media(max-width: 767px) {
    .newsletter-section .social-links li a {
        width:45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

.newsletter-section .social-links li {
    margin-right: 5px
}

.newsletter-section .social-links li:last-child {
    margin-right: 0
}

.newsletter-section .social-links li a:hover,.newsletter-section .social-links li:first-child a {
    background-color: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    color: #fff
}

.product-landing-testimonials {
    padding-bottom: 150px
}

@media(max-width: 991px) {
    .product-landing-testimonials {
        padding-bottom:100px
    }
}

@media(max-width: 767px) {
    .product-landing-testimonials {
        padding-bottom:70px
    }
}

.blog-single-content .post .post-title-meta {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.blog-single-content .post .post-title-meta h2 {
    font-size: 2.25rem;
    margin: 0 0 .6em
}

@media(max-width: 991px) {
    .blog-single-content .post .post-title-meta h2 {
        font-size:1.875rem
    }
}

@media(max-width: 767px) {
    .blog-single-content .post .post-title-meta h2 {
        font-size:1.5625rem
    }
}

.blog-single-content .post .meta-info {
    overflow: hidden
}

.blog-single-content .post .meta-info li {
    float: left;
    margin-right: 50px
}

.blog-single-content .post .meta-info li:last-child {
    margin-right: 0
}

.blog-single-content .post .meta-info li a {
    color: #999
}

.blog-single-content .post .post-body h3 {
    font-family: arimo,sans-serif;
    font-size: 1.5rem;
    margin: 0 0 .63em
}

@media(max-width: 991px) {
    .blog-single-content .post .post-body h3 {
        font-size:1.25rem
    }
}

.blog-single-content .post .post-body p {
    font-size: 1.125rem;
    margin-bottom: 1.2em
}

@media(max-width: 991px) {
    .blog-single-content .post .post-body p {
        font-size:1rem
    }
}

.blog-single-content .post .post-body p:first-child:first-letter {
    font-size: 2.1875rem;
    position: absolute;
    left: 0;
    top: 0;
    color: #000
}

.blog-single-content .post .gallery-post {
    padding-top: 40px;
    margin-bottom: 50px
}

@media(max-width: 767px) {
    .blog-single-content .post .gallery-post {
        padding-top:20px
    }
}

.blog-single-content .post .gallery-post .gallery {
    overflow: hidden
}

.blog-single-content .post .gallery-post .gallery img {
    width: 100%
}

.blog-single-content .post .gallery-post .gallery>div:first-child {
    width: 60%;
    float: left
}

.blog-single-content .post .gallery-post .gallery>div:last-child {
    width: 39%;
    float: right
}

.blog-single-page .tag-share {
    overflow: hidden;
    padding: 20px 0 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 40px
}

.blog-single-page .tag-share>div {
    display: inline-block
}

@media(max-width: 1199px) {
    .blog-single-page .tag-share>div {
        display:block
    }
}

.blog-single-page .tag-share>div>span {
    color: #000;
    display: inline-block;
    padding-right: 10px;
    position: relative;
    top: -10px
}

.blog-single-page .tag-share>div:first-child {
    float: left
}

@media(max-width: 1199px) {
    .blog-single-page .tag-share>div:first-child {
        float:none
    }
}

.blog-single-page .tag-share>div:last-child {
    float: right
}

@media(max-width: 1199px) {
    .blog-single-page .tag-share>div:last-child {
        float:none
    }
}

.blog-single-page .tag-share .tag,.blog-single-page .tag-share .share {
    overflow: hidden;
    display: inline-block
}

.blog-single-page .tag-share .tag li,.blog-single-page .tag-share .share li {
    float: left
}

.blog-single-page .tag-share .tag li:last-child,.blog-single-page .tag-share .share li:last-child {
    margin-right: 0
}

.blog-single-page .tag-share .tag a {
    color: #30d4ba;
    display: inline-block;
    padding: 6px 20px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

.blog-single-page .tag-share .tag a:hover,.blog-single-page .tag-share .tag .active a {
    background: red;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    color: #fff
}

.blog-single-page .tag-share .share li {
    margin-right: 15px
}

.blog-single-page .tag-share .share li a {
    font-size: 20px;
    color: #4273f0
}

.blog-single-page .tag-share .share li a:hover {
    color: #30d4ba
}

.blog-single-page .blog-with-sidebar .comments {
    padding: 55px 0 0
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments {
        padding:40px 25px 0
    }
}

.blog-single-page .blog-with-sidebar .comments>ol {
    padding-left: 0
}

.blog-single-page .blog-with-sidebar .comments ol {
    list-style: none
}

.blog-single-page .blog-with-sidebar .comments ol>li {
    margin-bottom: 35px
}

.blog-single-page .blog-with-sidebar .comments ol>li:last-child {
    margin-bottom: 0
}

.blog-single-page .blog-with-sidebar .comments ol>li>ol {
    margin-left: 28px;
    margin-top: 35px;
    padding: 0
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments ol>li>ol {
        margin:30px 0 0
    }
}

.blog-single-page .blog-with-sidebar .comments ol>li>ol>li {
    background-color: #fafafa;
    padding: 30px;
    margin-bottom: 35px
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments ol>li>ol>li {
        padding:20px
    }
}

.blog-single-page .blog-with-sidebar .comments ol>li>ol>li:last-child {
    margin-bottom: 0
}

.blog-single-page .blog-with-sidebar .comments .article {
    overflow: hidden
}

.blog-single-page .blog-with-sidebar .comments .article h4 {
    font-size: 16px;
    margin: 0;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments .article h4 {
        font-size:14px
    }
}

.blog-single-page .blog-with-sidebar .comments .article p {
    font-size: 15px;
    margin-bottom: 5px
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments .article p {
        font-size:14px
    }
}

.blog-single-page .blog-with-sidebar .comments .article .replay {
    background: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    width: 95px;
    height: 32px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.blog-single-page .blog-with-sidebar .comments .article .replay a {
    background: #fff;
    width: 93px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #30d4ba;
    padding: 4px 0;
    border: 0;
    outline: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: center
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments .article .replay a {
        font-size:14px
    }
}

.blog-single-page .blog-with-sidebar .comments .article .author-meta {
    overflow: hidden;
    margin-bottom: 5px
}

.blog-single-page .blog-with-sidebar .comments .article .author-meta>div {
    display: inline-block
}

.blog-single-page .blog-with-sidebar .comments .article .author-meta>div:last-child {
    font-size: 13px;
    color: gray;
    padding-left: 5px
}

.blog-single-page .blog-with-sidebar .comments .article .author-pic {
    width: 10%;
    float: left
}

.blog-single-page .blog-with-sidebar .comments .article .author-pic img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments .article .author-pic {
        width:100%;
        float: none;
        margin-bottom: 10px
    }
}

.blog-single-page .blog-with-sidebar .comments .article .details {
    width: 84%;
    float: left
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comments .article .details {
        width:100%;
        float: none
    }
}

.blog-single-page .blog-with-sidebar .comment-respond {
    margin-top: 75px
}

.blog-single-page .blog-with-sidebar .comment-respond h3 {
    margin: 0 0 2em
}

.blog-single-page .blog-with-sidebar .comment-respond form {
    margin: 0 -15px;
    position: relative
}

.blog-single-page .blog-with-sidebar .comment-respond form input,.blog-single-page .blog-with-sidebar .comment-respond form textarea {
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc
}

.blog-single-page .blog-with-sidebar .comment-respond form textarea {
    height: 110px
}

.blog-single-page .blog-with-sidebar .comment-respond form>div {
    margin-bottom: 50px
}

.blog-single-page .blog-with-sidebar .comment-respond form .theme-btn {
    background: #30d4ba;
    background: -webkit-linear-gradient(left,#30d4ba,#4273f0);
    background: -moz-linear-gradient(left,#30d4ba,#4273f0);
    background: -o-linear-gradient(left,#30d4ba,#4273f0);
    background: -ms-linear-gradient(left,#30d4ba,#4273f0);
    background: -webkit-gradient(linear,left top,right top,from(#30d4ba),to(#4273f0));
    background: linear-gradient(left,#30d4ba,#4273f0);
    font-size: 16px;
    color: #fff;
    text-transform: none;
    padding: 10px 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media(max-width: 767px) {
    .blog-single-page .blog-with-sidebar .comment-respond form .theme-btn {
        font-size:14px;
        padding: 10px 35px
    }
}

.blog-single-page .blog-with-sidebar .comment-respond form .theme-btn:hover {
    background: -webkit-linear-gradient(left,#4273f0,#30d4ba);
    background: -moz-linear-gradient(left,#4273f0,#30d4ba);
    background: -o-linear-gradient(left,#4273f0,#30d4ba);
    background: -ms-linear-gradient(left,#4273f0,#30d4ba);
    background: -webkit-gradient(linear,left top,right top,from(#4273f0),to(#30d4ba));
    background: linear-gradient(left,#4273f0,#30d4ba)
}

.blog-single-page .blog-with-sidebar .comment-respond form .comment-respond-submit {
    margin: 0 auto;
    text-align: center
}

@media(max-width: 991px) {
    .blog-single-page .blog-sidebar {
        margin-top:100px
    }
}

@media(max-width: 767px) {
    .blog-single-page .blog-sidebar {
        margin-top:80px
    }
}

.blog-grids .grid {
    margin-bottom: 80px
}

@media(max-width: 767px) {
    .blog-grids .grid {
        margin-bottom:55px
    }
}

.blog-grids>.grid:last-child {
    margin-bottom: 0
}

.blog-grids .entry-media {
    margin-bottom: 35px
}

.blog-grids .tag span a {
    background-color: #30d4ba;
    font-size: 14px;
    font-size: .875rem;
    padding: 5px 8px;
    color: #fff;
    display: inline-block;
    margin-right: 3px
}

@media(max-width: 767px) {
    .blog-grids .tag span a {
        font-size:12px;
        font-size: .75rem
    }
}

.blog-grids .entry-title h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin: .5em 0
}

@media(max-width: 1199px) {
    .blog-grids .entry-title h3 {
        font-size:25px;
        font-size: 1.5625rem
    }
}

@media(max-width: 767px) {
    .blog-grids .entry-title h3 {
        font-size:20px;
        font-size: 1.25rem
    }
}

.blog-grids .entry-title h3 a {
    color: #111
}

.blog-grids .entry-title h3 a:hover {
    color: #30d4ba
}

.blog-grids .entry-meta ul {
    overflow: hidden
}

.blog-grids .entry-meta ul li {
    font-size: 15px;
    font-size: .9375rem;
    float: left;
    position: relative
}

@media(max-width: 767px) {
    .blog-grids .entry-meta ul li {
        font-size:13px;
        font-size: .8125rem
    }
}

.blog-grids .entry-meta ul>li+li {
    margin-left: 15px
}

.blog-grids .entry-meta ul>li+li:before {
    content: "/";
    position: absolute;
    left: -8px;
    top: 0
}

.blog-grids .entry-meta ul a {
    color: #aaa
}

.blog-grids .entry-details {
    margin-top: 25px
}

@media(max-width: 767px) {
    .blog-grids .entry-details {
        margin-top:15px
    }
}

.appilo-footer .subscribe-section .wpcf7 {
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    border-radius: 60px;
    padding: 34px 35px;
    padding-left: 37px;
    -webkit-box-shadow: 0 23px 42px rgba(0,0,0,.2);
    box-shadow: 0 23px 42px rgba(0,0,0,.2)
}

.appilo-footer .subscribe-section form {
    overflow: hidden
}

.appilo-footer .subscribe-section .wpcf7-submit {
    display: inline-block;
    border: 0;
    outline: 0;
    background: #476ca4;
    background: -webkit-gradient(left top,right top,color-stop(0,#476ca4),color-stop(98%,#476ca4),color-stop(100%,#476ca4));
    background: -webkit-gradient(linear,left top,right top,from(#476ca4),color-stop(98%,#476ca4),to(#476ca4));
    background: linear-gradient(to right,#476ca4 0,#476ca4 98%,#476ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ca4',endColorstr='#476ca4',GradientType=1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 28px;
    padding: 15px 29px;
    position: relative
}

.appilo-footer .subscribe-section .wpcf7-submit:hover {
    background: #000;
    color: #fff
}

.appilo-footer .wpcf7-text {
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #eae9ec;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #eae9ec;
    width: 100%;
    max-width: 220px;
    float: left;
    margin-left: 46px
}

.appilo-footer .subscribe-section i {
    font-size: 24px;
    color: #eae9ec;
    display: inline-block;
    vertical-align: middle;
    float: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.appilo-footer .subscribe-section .left-content {
    position: relative;
    top: 10px
}

.appilo-footer .subscribe-section ::-webkit-input-placeholder {
    color: #fff
}

.appilo-footer .subscribe-section :-ms-input-placeholder {
    color: #fff
}

.appilo-footer .subscribe-section ::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.appilo-footer .subscribe-section :-moz-placeholder {
    color: #fff;
    opacity: 1
}

.appilo-main .widget {
    position: relative;
    margin-bottom: 45px
}

.appilo-main .widget ul li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-top: 10px;
    color: #7d7d7d;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    list-style: none
}

.appilo-main .widget ul li a {
    color: #7d7d7d;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    width: 87%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-main .widget-title {
    margin: 0;
    color: #150a33;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px
}

.appilo-main .widget-title:after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 2px;
    background: #cd3498;
    margin-left: 10px
}

.appilo-main .widget_recent_entries ul li a {
    margin: 0;
    color: #150a33;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
    font-weight: 600;
    margin-bottom: 3px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-main .post-date {
    color: #929191;
    font-size: 16px;
    line-height: 1em;
    display: inline-block
}

.appilo-main .widget_tag_cloud a {
    display: inline-block;
    border: 1px solid #f5f9ff;
    color: #514a47;
    font-size: 15px!important;
    line-height: 1em;
    font-weight: 500;
    padding: 10px 19px;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: #f5f9ff;
    margin: 0 2px 5px 0
}

.appilo-main .widget .tagcloud a:hover {
    color: #fff;
    border-color: #cc3498;
    background: #cc3498
}

.appilo-main .search-field {
    width: 100%;
    height: 100%;
    color: #514a47;
    font-size: 15px;
    padding-left: 20px;
    border: 0;
    outline: 0;
    background-color: transparent;
    letter-spacing: .05em
}

.appilo-main .search-submit {
    background-color: transparent;
    outline: 0;
    border: 0;
    color: #514a47;
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 75px;
    height: 100%;
    border-left: 1px solid #ececf0
}

.appilo-main .search-form {
    position: relative;
    border: 1px solid #d8e4e4;
    padding: 8px 0
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
    .appilo-footer .subscribe-section .wpcf7-submit {
        margin-top:25px
    }
}

.blog-style-two .single-blog-post-style-two .img-box:before {
    content: none
}

.blog-details-page .single-blog-post-style-two .text-box .tags-box ul li a {
    display: inherit;
    border: 1px solid #e0e0e0;
    padding: 4px 19.5px;
    font-size: 15px;
    margin-right: 12px;
    color: #929191;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-main .related-post-img img {
    width: 229px;
    height: 166px
}

.appilo-main .pagination li {
    position: relative;
    display: inline-block
}

.appilo-main .blog-style-two .blog-post-pagination a {
    line-height: 25px;
    padding-top: 4px
}

.appilo-main .pagination li a,.pagination li span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    line-height: 28px;
    color: #170b35;
    font-weight: 600;
    margin-right: 10px;
    font-size: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #cbcaca;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.appilo-main .pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover,.pagination li span.current {
    border-color: #cd339a;
    color: #fff;
    background: #cd339a
}

.appilo-main .pagination>li:first-child>a,.pagination>li:first-child>span,.appilo-main .pagination>li:last-child>a,.pagination>li:last-child>span {
    border-radius: 50%!important;
    padding-top: 4px
}

.appilo-main .alignnone {
    margin: 5px 20px 20px 0
}

.appilo-main .aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.appilo-main .alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.appilo-main .alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

.appilo-main a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.appilo-main a img.alignnone {
    margin: 5px 20px 20px 0
}

.appilo-main a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

.appilo-main a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.appilo-main .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.appilo-main .wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.appilo-main .wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.appilo-main .wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.appilo-main .wp-caption img {
    border: 0 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.appilo-main .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.appilo-main .screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.appilo-main .screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.appilo-main .gallery-caption {
    flex-direction: column
}

.appilo-main .sticky {
    transition: ease-in
}

.appilo-main .bypostauthor {
    background: #e7f8fb
}

.appilo-main-testimonial #testimonials-slider-pager a.pager-item {
    max-width: 70px;
    max-height: 70px
}

.features-style-one .feature-style-content>i:before,.app-features .single-app-features i:before {
    font-size: 45px
}

.how-app-work-section .single-how-app-work .icon-box .inner i:before {
    font-size: 44px;
    margin-left: 5px
}

.pricing-section .single-pricing ul.list-item li i {
    color: #12ce32
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    margin: 5px 20px 20px 0
}

.wp-block-button {
    margin: 1%
}

.wp-block-button__link {
    background-image: linear-gradient(to right,#0084fd 0,#6cd8ff 100%);
    color: #fff;
    cursor: pointer
}

.lower-content table,tbody,tr,td,th,tfoot {
    border: 1px solid #ccc;
    padding: 1%
}

.lower-content .text address {
    font-style: italic
}

.lower-content .text ul li,.comment-inner ul li {
    list-style: initial
}

.lower-content .text ul li ul,.comment-inner ul li ul {
    padding-left: 15px
}

.lower-content .text ul li ul li ul,.comment-inner ul li ul li ul {
    padding-left: 15px
}

.lower-content .text ol li,.comment-inner ol li {
    list-style: circle
}

.lower-content .text ol li ol,.comment-inner ol li ol {
    padding-left: 15px
}

.lower-content .text ol li ol li ol,.comment-inner ol li ol li ol {
    padding-left: 15px
}

.lower-content .text u,.lower-content .text em,.lower-content .text a,.comment-inner em,.comment-inner u {
    text-decoration: underline
}

.lower-content .text dl dd,.comment-inner dl dd {
    padding-left: 20px
}

.lower-content .text .wp-block-archives li,.lower-content .text .wp-block-categories li,.lower-content .text .wp-block-latest-posts li {
    list-style: none
}

.lower-content .text .wp-block-archives li a,.lower-content .text .wp-block-categories li a,.lower-content .text .wp-block-latest-posts li a {
    color: #223543;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500
}

.lower-content .text .wp-block-archives li a:hover,.lower-content .text .wp-block-categories li a:hover,.lower-content .text .wp-block-latest-posts li a:hover {
    color: #369efd
}

.lower-content .text .wp-block-archives li:before,.lower-content .text .wp-block-categories li:before {
    content: "\f105";
    display: inline-block;
    color: #369efd;
    font-family: 'font awesome\ 5 free';
    padding: 16px 15px 16px 38px
}

.lower-content .text .wp-block-latest-comments li {
    list-style: none
}

.lower-content .text .wp-block-latest-comments li a {
    text-decoration: none
}

.lower-content .text .wp-block-latest-comments li img {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    margin-bottom: 20px
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.gallery-caption {
    width: auto
}

.bypostauthor {
    width: auto
}

.wp-block-archives select {
    border: 1px solid #ccc;
    padding: .5%
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px
}

.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0
}

.search-form {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #ececf0;
    background: 0 0;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    color: gray;
    font-weight: 400;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.search-submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    font-size: 14px;
    color: #222;
    line-height: 100%;
    background: 0 0;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-left: 1px solid #f2f2f2
}

.news-block-two .inner-box .content-column .inner-column {
    padding-bottom: 20px
}

.sticky-post {
    background-color: #eff3ff
}

.sticky-post:before {
    content: "Featured";
    color: #fff;
    background-image: linear-gradient(to right,#0586fc 0,#65b5ff 100%);
    padding: 10px;
    display: inline-block;
    text-align: right;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase
}

.sidebar-widget ul {
    position: relative
}

.sidebar-widget ul li {
    position: relative;
    border-bottom: 1px solid #ececf0
}

.sidebar-widget ul li a {
    position: relative;
    color: #223543;
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 16px 15px 16px 38px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: poppins,sans-serif
}

.sidebar-widget ul li a span {
    position: absolute;
    right: 0;
    top: 15px;
    width: 27px;
    height: 27px;
    font-size: 12px;
    text-align: center;
    line-height: 27px;
    background-color: #eee
}

.recentcomments {
    position: absolute;
    margin: 15px 0
}

.comment-author-link a {
    font-weight: 700
}

.recentcomments a:before {
    content: none!important
}

.sidebar-widget ul li a:before,.recentcomments {
    position: absolute;
    content: "\f11f";
    left: 20px;
    top: 15px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: inline-block;
    color: #369efd;
    font-family: flaticon;
    font-size: 9px;
    line-height: 27px
}

.sidebar-widget ul li a:hover:before {
    opacity: 1
}

.sidebar-widget ul li a:hover {
    color: #369efd
}

.popular-posts>ul>li {
    position: relative;
    font-size: 14px;
    color: #666;
    min-height: 100px;
    padding-left: 90px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e2e2e7
}

.popular-posts .wp-post-image {
    left: 0;
    top: 0;
    width: 65px!important;
    height: 65px!important;
    overflow: hidden;
    border-radius: 50%
}

.popular-posts .rpwwt-post-title {
    background: transparent!important
}

.popular-posts ul li a {
    padding: 1%!important
}

.popular-posts ul li a:before {
    content: none!important
}

.popular-posts .rpwwt-post-title {
    position: relative;
    top: 0;
    font-size: 16px;
    margin: 0 0 3px;
    font-weight: 600;
    color: #373a5b;
    line-height: 1.5em;
    text-transform: capitalize;
    font-family: poppins,sans-serif
}

.popular-posts .rpwwt-post-date {
    position: relative;
    font-size: 15px;
    color: #777a91;
    font-weight: 400;
    font-family: poppins,sans-serif
}

.tagcloud a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 7px 24px;
    margin: 0 4px 8px 0;
    color: #3a505f;
    text-align: center;
    font-size: 15px!important;
    border: 1px solid #eeecec;
    background-color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: poppins,sans-serif
}

.tag-cloud-link:hover {
    background: #0185fd;
    color: #fff;
    border: 1px solid #eeecec;
    transform: all .3s ese
}

.gallery img {
    height: 100px;
    margin: 5px;
    width: 100px;
    float: left
}

.subscribe-widget form {
    position: relative;
    padding: 32px 25px 35px;
    background-color: #373a5b
}

.comment-reply a:after {
    padding-left: 5px;
    content: "\f11f";
    font-family: flaticon;
    font-size: 10px
}

ul.children {
    margin-bottom: 40px
}

.comment-reply a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: poppins,sans-serif
}

.comment-reply a:hover {
    color: #fff
}

.styled-pagination li .current {
    position: relative;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    background-color: #1a90fd;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

@media only screen and (min-width: 1224px) {
    .topapp-main .dropdown-toggle:after {
        content:none!important
    }

    .topapp-main .dropdown-btn {
        display: none
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
    .topapp-main .dropdown-menu {
        position:relative!important;
        width: 100%;
        padding-left: 7px;
        border-bottom: 2px solid #ccc;
        float: none
    }
}

.topapp-main .feature_icon i {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: 32px
}

.topapp-main .app_block_icon i {
    position: relative;
    color: #fff;
    font-size: 36px;
    z-index: 1
}

.topapp-main .contact-section .info-column .info-list li .icon i {
    position: absolute;
    content: '';
    left: 0;
    top: 7px;
    font-size: 36px;
    line-height: 1em;
    background: -webkit-gradient(linear,left top,right top,from(#2bb852),color-stop(98%,#6ede4c),to(#6ede4c));
    background: linear-gradient(to right,#2bb852 0,#6ede4c 98%,#6ede4c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.topapp-main .contact-section .info-column .info-list li:nth-child(2) .icon i {
    background: -webkit-gradient(linear,left top,right top,from(#9828d5),color-stop(98%,#de3fdb),to(#de3fdb));
    background: linear-gradient(to right,#9828d5 0,#de3fdb 98%,#de3fdb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.topapp-main .contact-section .info-column .info-list li:nth-child(3) .icon i {
    background: -webkit-gradient(linear,left top,right top,from(#0084fd),color-stop(98%,#69d6ff),to(#69d6ff));
    background: linear-gradient(to right,#0084fd 0,#69d6ff 98%,#69d6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.topapp-main .contact_us_btn:before {
    content: "\f0a9";
    font-family: 'font awesome\ 5 free';
    padding-right: 5px
}

.team-block .inner-box .lower-content .social-boxed .social-inner .share-now {
    line-height: inherit
}

.main-footer .links-widget ul {
    column-count: 2
}

.topapp-main .banner-form {
    position: relative;
    display: block;
    max-width: 515px;
    margin-bottom: 10px;
    padding-right: 185px
}

.banner-form .banner-form-input {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 15px 10px 30px;
    height: 65px;
    font-size: 15px;
    color: #848383;
    font-weight: 400;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.banner-form .banner-submit {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

a.home-read-more {
    font-size: 15px;
    line-height: 35px;
    color: #373a5b;
    font-weight: 700;
    font-family: poppins,sans-serif
}

a.home-read-more:hover {
    color: #1b8cfc
}

.topapp-main img.error-bg {
    padding: 8% 0 0 4%
}

.team-single .team-content .team-single-content h3 {
    position: relative;
    color: #373a5b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em
}

.team-single .team-content .team-single-content .designation {
    position: relative;
    color: #373a5b;
    font-size: 14px;
    margin-top: 6px
}

.team-single .team-content .team-single-content {
    position: relative;
    padding-top: 60px
}

.team-single .team-content .team-single-content .social-boxed {
    transform: scale(.9,.9);
    margin-top: 12px;
    padding-bottom: 8px;
    height: 40px;
    position: relative;
    display: inline-block
}

.team-single .team-content .team-single-content .social-boxed .social-inner {
    opacity: 1;
    visibility: visible;
    position: relative;
    color: #fff;
    font-size: 16px;
    border-radius: 7px;
    display: inline-block;
    padding: 10px 32px 12px;
    width: 38%;
    max-width: 100%;
    height: 40px;
    overflow: hidden;
    background-image: -ms-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -moz-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -o-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f24548),color-stop(100,#fb8383));
    background-image: -webkit-linear-gradient(left,#f24548 0,#fb8383 100%);
    background-image: linear-gradient(to right,#f24548 0,#fb8383 100%);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.team-single .team-content .team-single-content .social-boxed .social-inner:hover {
    width: 100%
}

.team-single .team-content .team-single-content .social-boxed .social-inner .share-now {
    line-height: inherit;
    position: relative;
    margin-right: 8px;
    margin-bottom: 4px;
    float: left;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.team-single .team-content .team-single-content .social-boxed .social-inner a {
    position: relative;
    color: #fff;
    margin: 0 8px 3px;
    font-size: 16px;
    float: left
}

.topapp-main .single-testimonial {
    font-size: 15px!important
}

.galaxy input.search-submit {
    display: none
}

.galaxy input.search-field {
    background-color: transparent;
    padding: 8px 24px;
    height: auto;
    border: #bfbfbf 1px solid
}

@media(max-width: 1190px) {
    .appilo-menu {
        padding:0 15px
    }
}

@media(max-width: 1030px) {
    .home-page-one .navbar-nav li {
        display:inline-block
    }

    .home-page-one .sign-up-btn {
        right: 20px
    }
}

@media(max-width: 1024px) {
    .home-page-one .header-navigation {
        margin-bottom:0
    }

    .home-page-one .navbar-header {
        width: 100%;
        float: none;
        margin: 0!important
    }

    .home-page-one .navbar-nav {
        margin: 0
    }

    .home-page-one .navbar-default .navbar-toggle {
        display: block;
        margin-right: 0;
        border-color: #fff;
        background-color: transparent!important;
        margin: 23px 0
    }

    .home-page-one .navbar-default .navbar-toggle:hover {
        border-color: #190a32
    }

    .home-page-one .navbar-default .navbar-toggle .icon-bar {
        background: #fff
    }

    .home-page-one .navbar-default .navbar-toggle:hover .icon-bar {
        background: #190a32
    }

    .home-page-one .navbar-default .navbar-collapse {
        background: 0 0;
        padding: 0!important;
        padding-bottom: 0!important;
        border: 1px solid #0e0f1f;
        margin: 0;
        background: #0e0f1f
    }

    .home-page-one .navbar-collapse.collapse.in {
        display: block!important;
        height: auto!important;
        max-height: 70vh
    }

    .home-page-one .navbar-collapse.in {
        overflow-y: auto
    }

    .home-page-one .header-navigation.navbar .nav {
        width: 100%;
        text-align: left
    }

    .home-page-one .header-navigation.navbar .nav>li {
        display: block;
        padding: 0!important;
        width: 100%;
        float: none
    }

    .home-page-one .header-navigation.navbar .nav>li+li {
        margin-left: 0
    }

    .home-page-one .header-navigation.navbar .nav>li>a {
        padding: 8px 0
    }

    .home-page-one .header-navigation.navbar .right-box.nav {
        width: 100%;
        margin: 0
    }

    .home-page-one .header-navigation.navbar .right-box.nav>li>a {
        border: 0!important;
        padding: 8px 0;
        color: #fff
    }

    .home-page-one .header-navigation.navbar .nav>li>a:after {
        display: none
    }

    .home-page-one .header-navigation.navbar .nav.navigation-box+.nav {
        border-top: 1px dashed #282828
    }

    .home-page-one .header-navigation.navbar .navbar-nav>li>.sub-menu,.home-page-one .header-navigation.navbar .navbar-nav>li>.sub-menu>li>.sub-menu {
        position: relative!important;
        width: 100%!important;
        opacity: 1!important;
        visibility: visible!important;
        left: auto;
        right: auto;
        top: auto;
        transition: none;
        display: none;
        float: none;
        margin: 0
    }

    .home-page-one .header-navigation.navbar .navbar-nav>li>.sub-menu>li>a:after {
        display: none
    }

    .home-page-one .header-navigation.navbar .nav>li+li {
        padding: 0!important;
        border-top: 1px solid rgba(255,255,255,.1);
        display: block;
        float: none
    }

    .home-page-one .header-navigation.navbar .nav>li.show-mobile {
        display: none
    }

    .home-page-one .header-navigation.navbar .nav>li>a,.home-page-one .header-navigation.navbar .right-box.nav>li>a {
        padding: 0;
        display: block;
        color: #fff;
        padding: 16px 0 16px 20px!important;
        transition: background .4s ease 0s;
        text-transform: capitalize
    }

    .home-page-one .header .stricky-fixed.header-navigation.navbar .nav>li {
        padding: 0!important
    }

    .home-page-one .header-navigation.navbar .navbar-nav .sub-nav-toggler {
        background-color: transparent;
        background-image: none;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 9px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 8px;
        margin-right: 10px;
        display: block
    }

    .home-page-one .header-navigation.navbar .navbar-nav .sub-nav-toggler .icon-bar {
        background-color: #fff;
        border-radius: 1px;
        display: block;
        height: 1px;
        width: 20px
    }

    .home-page-one .header-navigation.navbar .navbar-nav .sub-nav-toggler .icon-bar+.icon-bar {
        margin-top: 4px
    }

    .home-page-one .header .header-navigation.navbar .nav>li+li {
        margin-left: 0
    }

    .home-page-one .header .header-navigation .navbar-form {
        width: 100%;
        max-width: 100%
    }

    .home-page-one .header-navigation .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .home-page-one .navbar-header {
        padding-right: 0
    }

    .home-page-one .header-navigation ul.navigation-box>li>ul.sub-menu>li>a .sub-nav-toggler {
        border-color: #190a32
    }

    .home-page-one .header-navigation ul.navigation-box>li>ul.sub-menu>li>a .sub-nav-toggler .icon-bar {
        background-color: #190a32
    }

    .home-page-one .header-navigation .container .navbar-brand {
        padding: 25px 0
    }

    .home-page-one .header-navigation ul.navigation-box>li:hover>a,.home-page-one .header-navigation ul.navigation-box>li.current>a {
        background: #190a32;
        color: #fff
    }

    .home-page-one .header-navigation .container {
        padding-right: 15px
    }

    .home-page-one .header-navigation .container .navbar-header {
        padding-right: 125px
    }

    .home-page-one .header-navigation .container .right-side-box {
        top: 12.5px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        right: 15px
    }

    .home-page-one .navbar-default .navbar-toggle {
        margin: 0
    }

    .home-page-one .header-navigation .container .navbar-brand {
        padding: 0 0 25px
    }

    .home-page-one .header-navigation .container .navbar-toggle {
        margin: 0 0 22px
    }

    .home-page-one .header-navigation .container .right-side-box {
        top: 0
    }

    .home-page-one .header-navigation.stricky-fixed .container .right-side-box {
        top: 20px
    }

    .home-page-one .header-navigation.stricky-fixed .container .navbar-toggle {
        margin: 22px 0
    }

    .home-page-one .header-navigation.stricky-fixed .navbar-toggle:hover {
        border-color: #6b40bf
    }

    .home-page-one .header-navigation.stricky-fixed .navbar-toggle:hover .icon-bar {
        background: #6b40bf
    }

    .home-page-one .mobile_menu_button {
        display: block
    }

    .home-page-one .sign-up-btn {
        margin-left: 25px;
        margin-top: -25px;
        position: absolute;
        top: 30px;
        right: 0
    }

    .home-page-one .navbar-light .navbar-toggler {
        color: rgba(251,246,246,.5);
        border-color: rgba(236,234,234,.75)
    }

    .home-page-one .navbar-nav .nav-link.active {
        color: #fff!important
    }

    .home-page-one .navbar-collapse .navbar-nav {
        padding: 30px 0
    }

    .home-page-one .nav-item.dropdown:hover .dropdown-menu {
        position: absolute;
        float: none;
        background-color: #fff!important;
        opacity: 1;
        margin: 0 15px;
        visibility: visible
    }

    .home-page-one .navbar-nav ul {
        margin-right: 110px
    }
}

@media(max-width: 1024px) {
    .appilo-main img {
        max-width:100%
    }

    .banner-static .banner-moc-box>img {
        max-width: none;
        left: 50%
    }

    .banner-static .banner-content h3 br,.features-style-one .feature-style-content h3 br,.features-style-one .feature-style-content p br,.intigration-section h3 br,.blog-style-one .single-blog-post .text-box h3 br,.blog-style-one .single-blog-post .text-box p br,.appilo-footer .appilo-footer-widget.contact-widget p br,.intigration-section p br {
        display: none
    }

    .fun-fact .single-fun-fact {
        margin-bottom: 40px
    }

    .fun-fact .separator {
        margin-top: 40px;
        margin-bottom: 0
    }

    .how-app-work-section .how-app-work-content-wrap {
        padding-left: 0
    }

    .how-app-work-section .download-btn {
        padding-left: 60px;
        padding-right: 30px
    }

    .how-app-work-section .download-btn i.fab {
        left: 25px
    }

    .how-app-work-section .container img.circled-img {
        left: -60px
    }

    .footer-bottom .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 991px) {
    .home-page-one .navbar-nav {
        width:100%
    }

    .home-page-one .navbar-nav li {
        display: block;
        width: 100%
    }

    .home-page-one .navbar-expand-lg .navbar-nav .dropdown-menu {
        opacity: 1;
        visibility: visible;
        position: static;
        float: none;
        display: none
    }

    .home-page-one .dropdown-btn {
        display: block;
        position: absolute;
        top: 0;
        right: 20px;
        font-size: 20px;
        color: #fff;
        border: 1px solid #fff;
        padding: 2px 10px 0
    }

    .home-page-one .sign-up-btn {
        right: 60px;
        top: 25px
    }

    .home-page-one .navbar-nav ul {
        padding-top: 15px;
        background-color: #000;
        margin-right: 0;
        float: none
    }

    .home-page-one .collapse:not(.show) {
        display: none!important
    }
}

@media(max-width: 920px) {
    .banner-static .banner-moc-box>img {
        left:0;
        margin-top: 40px
    }

    .fun-fact .separator {
        margin-bottom: 50px
    }
}

@media(max-width: 850px) {
    .banner-static .banner-content p {
        color:#190a32
    }
}

@media(max-width: 870px) {
    .how-app-work-section .download-btn.active {
        margin-bottom:20px
    }
}

@media(max-width: 768px) {
    .appilo-main .sec-title {
        margin-bottom:50px
    }

    .separator.mb135 {
        margin-bottom: 80px
    }

    .separator.mt135 {
        margin-top: 80px
    }

    .separator.mb115 {
        margin-bottom: 80px
    }

    .banner-static .banner-moc-box {
        margin-top: 50px
    }

    .banner-static .banner-moc-box>img {
        left: -100px;
        float: none!important;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .how-app-work-section .container img.circled-img {
        left: 50%;
        transform: translateX(-50%);
        top: 0
    }

    .how-app-work-section .how-app-work-content-wrap {
        margin-top: 80px
    }

    .how-app-work-section+.separator.mt135 {
        margin-top: 80px
    }

    .features-style-one .feature-style-content {
        padding-bottom: 50px
    }

    .features-style-one+.separator.mt135 {
        margin-top: 80px
    }

    .features-style-one .feature-style-content.pl40 {
        padding-left: 0;
        padding-top: 0!important
    }

    .intigration-section .intigration-content {
        padding-top: 0
    }

    .intigration-section h3 {
        margin-top: 0
    }

    .intigration-section .intigration-img-box {
        text-align: center
    }

    .swiper-slider-area .swiper-wrapper {
        height: 500px
    }

    .screen-mobile-image {
        display: none
    }

    .swiper-slide.swiper-slide-active,.swiper-slide {
        background-size: 100% auto;
        background-repeat: no-repeat
    }

    .swiper-slide.swiper-slide-active {
        border-radius: 0
    }

    .testimonials-style-one .container>img.testi-thumb {
        display: none
    }

    .testimonials-style-one .title h3 {
        text-align: center;
        margin-bottom: 50px;
        padding-left: 0
    }

    .single-testimonial .img-box {
        width: 200px;
        vertical-align: middle
    }

    .single-testimonial .text-box {
        padding-left: 30px;
        padding-right: 15px;
        vertical-align: middle
    }

    .testimonials-style-one .container {
        padding: 0
    }

    .appilo-footer-widget {
        margin-bottom: 40px
    }

    .testimonials-style-one {
        overflow: hidden
    }

    .features-style-one .feature-style-content {
        padding-top: 0
    }

    .has-right-sidebar {
        padding-right: 0;
        margin-bottom: 80px
    }

    .blog-details-page .has-right-sidebar {
        padding-right: 0
    }

    .blog-details-page .single-blog-post-style-two .text-box .social-box ul {
        margin-left: -5px;
        margin-right: -5px
    }

    .blog-details-page .single-blog-post-style-two .text-box .social-box ul li {
        margin-bottom: 10px;
        margin-left: 0!important;
        padding: 0 5px
    }
}

@media(max-width: 767px) {
    .how-app-work-section .download-btn.active {
        margin-bottom:0
    }

    .how-app-work-section .how-app-work-content-wrap {
        padding-left: 0
    }
}

@media only screen and (min-width: 767px) and (max-width:1366px) {
    .how-app-work-section .how-app-work-content-wrap {
        padding-left:0
    }
}

@media(max-width: 736px) {
    .banner-static .banner-moc-box>img {
        max-width:100%;
        left: 0
    }

    .blog-style-one {
        overflow: hidden
    }

    .pricing-section .single-pricing {
        max-width: 370px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto
    }

    .pricing-section .single-pricing.popular {
        top: 0;
        margin-top: 50px
    }

    .pricing-section ul.switch-toggler-list {
        margin-bottom: 0
    }

    .blog-style-one .owl-theme .owl-nav .owl-prev {
        left: 0
    }

    .blog-style-one .owl-theme .owl-nav .owl-next {
        right: 0
    }

    .appilo-footer-widget {
        max-width: 370px
    }

    .footer-bottom {
        margin-top: 40px
    }

    .banner-static .banner-content {
        padding-top: 0
    }

    .blog-details-page .single-blog-post-style-two .text-box .tags-box ul {
        margin-left: -5px;
        margin-right: -5px
    }

    .blog-details-page .single-blog-post-style-two .text-box .tags-box ul li {
        margin-left: 0!important;
        padding: 0 5px;
        margin-bottom: 10px
    }

    footer.appilo-footer .appilo-footer-widget-wrapper {
        padding-bottom: 0
    }
}

@media(max-width: 667px) {
    .appilo-sec-title p br {
        display:none
    }

    .footer-bottom .container .pull-left,.footer-bottom .container .pull-right {
        width: 100%;
        text-align: center
    }

    .swiper-slider-area .swiper-wrapper {
        height: 760px
    }
}

@media(max-width: 568px) {
    .single-testimonial .img-box {
        display:block;
        margin-left: auto;
        margin-right: auto
    }

    .single-testimonial .text-box {
        display: block;
        padding-left: 15px;
        text-align: center
    }

    .single-testimonial .text-box img {
        margin-left: auto;
        margin-right: auto
    }

    footer.appilo-footer .subscribe-section .subscribe-form .left-content {
        width: 100%;
        text-align: center
    }

    footer.appilo-footer .subscribe-section .subscribe-form .right-content {
        width: 100%
    }

    footer.appilo-footer .subscribe-section .wpcf7-submit {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
        display: block;
        margin-top: 15px
    }

    .testimonials-style-one .title h3 {
        margin-bottom: 20px
    }

    .intigration-section .intigration-content {
        padding-bottom: 50px
    }

    footer.appilo-footer .subscribe-section .subscribe-form {
        padding-left: 35px
    }

    .recent-news-wrapper {
        margin-bottom: 50px
    }

    .recent-news-wrapper .single-recent-post {
        width: 100%;
        max-width: 400px;
        margin-bottom: 30px
    }

    .recent-news-wrapper .single-recent-post .img-box img {
        width: 100%
    }

    .app-secreenshots .appilo-sec-title {
        margin-bottom: 50px
    }

    .app-secreenshots+.separator.mb115 {
        margin-bottom: 20px
    }

    .banner-static {
        padding-top: 140px
    }

    .banner-static .banner-content p br {
        display: none
    }

    .banner-static .banner-content p {
        color: #190a32
    }

    .banner-static .banner-moc-box {
        margin-top: 70px;
        margin-bottom: 70px
    }
}

@media(max-width: 414px) {
    .how-app-work-section .download-btn.active {
        margin-right:0;
        margin-bottom: 30px
    }

    .fun-fact .separator {
        margin-bottom: 50px;
        margin-top: 20px
    }

    .header-navigation .container .right-side-box {
        display: none
    }

    .header-navigation .container .navbar-header {
        padding-right: 0
    }

    .blog-details-page .single-blog-post-style-two .text-box {
        padding-left: 0
    }

    .how-app-work-section .single-how-app-work .text-box p br {
        display: none
    }

    .banner-static .banner-content .appilo-thm-btn {
        display: block;
        width: 200px;
        margin-left: 0!important;
        margin-bottom: 20px;
        text-align: center
    }

    .fun-fact .separator {
        margin-bottom: 30px
    }

    .how-app-work-section {
        padding-top: 50px
    }
}

@media(max-width: 397px) {
    .banner-static .banner-content h3 br {
        display:none
    }

    .intigration-section .intigration-img-box img:nth-child(3) {
        top: -80px;
        right: 50px
    }

    .banner-static .banner-content .appilo-thm-btn {
        display: block;
        width: 200px;
        margin-left: 0!important;
        margin-bottom: 20px;
        text-align: center
    }
}

@media(max-width: 320px) {
    .banner-static .banner-content .appilo-thm-btn {
        margin-left:0!important;
        margin-bottom: 20px
    }

    .how-app-work-section .how-app-work-slider-wrapper {
        width: 290px
    }

    .how-app-work-section .how-app-work-screen-mobile-image {
        width: 290px
    }

    .how-app-work-section .how-app-work-content:before {
        display: none
    }

    .how-app-work-section .single-how-app-work .icon-box,.how-app-work-section .single-how-app-work .text-box {
        display: block;
        padding-left: 0;
        padding-right: 0
    }

    .how-app-work-section .single-how-app-work .icon-box {
        margin-bottom: 40px
    }

    .swiper-slider-area .swiper-wrapper {
        height: 630px
    }

    .pricing-section .single-pricing ul.list-item {
        margin-top: 20px
    }
}

@media(max-width: 1007px) {
    .banner-static .banner-content p {
        color:#190a32
    }
}

@media only screen and (max-width: 1800px) and (min-width:1600px) {
    .banner-section .patern-layer-one {
        background-position:left top!important
    }
}

@media only screen and (min-width: 1450px) {
    .banner-section .content-column .video-box {
        right:-20px;
        bottom: 50px
    }
}

@media only screen and (min-width: 1550px) {
    .banner-section .patern-layer-one {
        background-position:left top;
        width: 70%;
        background-size: contain
    }

    .banner-section .content-column .video-box {
        right: -50px;
        bottom: 50px
    }
}

@media only screen and (min-width: 1980px) {
    .banner-section .patern-layer-one {
        background-position:left top
    }

    .banner-section .content-column .video-box {
        position: absolute;
        right: 0;
        bottom: 60px
    }
}

@media only screen and (max-width: 1140px) {
    .main-header {
        margin:0!important
    }

    .main-menu .navigation>li {
        margin-left: 0
    }

    .main-header .info-box strong {
        font-size: 13px
    }

    .banner-section .content {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .banner-section .carousel-column .inner-column .pager-box .inner-box:before,.main-header .header-upper .social-box,.main-header .header-upper .button-box {
        display: none
    }

    .main-header .outer-box .buttons-box .theme-btn {
        font-size: 16px
    }

    .main-header .outer-box .option-box>li {
        margin-left: 15px
    }

    .main-slider h2 {
        font-size: 36px
    }

    .main-header .header-upper .logo-box {
        padding-top: 25px
    }

    .main-header .nav-outer {
        padding-top: 0
    }

    .banner-section .patern-layer-one {
        width: 100%
    }

    .banner-section .content-column .video-box {
        right: -40px;
        bottom: 120px
    }

    .featured-section .blocks-column .inner-column {
        padding: 0
    }

    .featured-block.style-four {
        transform: translateX(0) rotate(0)
    }

    .featured-block .inner-box {
        padding-left: 25px;
        padding-right: 25px
    }

    .team-section .owl-nav,.contact-section .info-column .patern-layer-one,.contact-section .info-column .patern-layer-two,.contact-section .info-column .patern-layer-three,.counter-section .content-column .inner-column .topapp-sec-title h2 br,.featured-section .blocks-column .inner-column .side-image {
        display: none
    }

    .steps-section .steps-tabs .tabs-content {
        margin-left: 80px
    }

    .testimonials-section .slider-outer .slides-column .topapp-sec-title {
        padding-left: 40px
    }

    .app-block .inner-box .image-column .inner-column,.app-block .inner-box .content-column .inner-column {
        padding-left: 0
    }

    .team-block .inner-box .image:before {
        border-radius: 0;
        top: 0;
        display: none
    }

    .team-block .inner-box .image:after {
        left: 25px;
        top: 25px;
        right: 25px;
        bottom: 10px;
        display: none;
        border-radius: 0
    }

    .contact-section .info-column .inner-column {
        padding-top: 120px
    }

    .contact-section .info-column .info-list {
        margin-left: 0
    }

    .sidebar-page-container .sidebar-side .padding-left {
        padding-left: 0
    }

    .blog-detail .post-share-options {
        padding-left: 0;
        padding-right: 0
    }

    .banner-section .carousel-column .inner-column .pager-box .pager.two {
        left: 60px
    }

    .steps-section .blocks-column .inner-column {
        padding-left: 0
    }

    .steps-section .carousel-column .carousel-inner {
        margin-left: 120px
    }

    .testimonials-thumbs-carousel .carousel-thumbnails .pagers-column .pattern-layer {
        background-position: right top
    }

    .testimonials-thumbs-carousel .carousel-column .topapp-sec-title {
        margin-left: 40px
    }

    .testimonial-block .inner-box .slide-text br {
        display: none
    }

    .topapp-screenshot-slider .screen-mobile-image {
        width: 322px
    }

    .banner-section .carousel-column .inner-column .pager-box {
        position: relative;
        bottom: 0;
        margin-bottom: 30px
    }

    .banner-section .carousel-column .inner-column .pager-box .pager.one {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 0;
        display: inline-block
    }

    .banner-section .carousel-column .inner-column .pager-box .pager.two {
        position: relative;
        left: 0;
        margin: 0;
        bottom: 0;
        display: inline-block
    }

    .banner-section .carousel-column .inner-column .pager-box .inner-box {
        text-align: center
    }

    .banner-section .carousel-column .inner-column .pager-box .pager.three {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 0;
        display: inline-block
    }

    .banner-section .carousel-column .inner-column .pager-box .pager {
        margin-left: 0;
        display: inline-block;
        margin: 0 15px!important
    }
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation>li>ul,.main-menu .navigation>li>ul>li>ul {
        display:block!important;
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (max-width: 1023px) {
    .main-header .main-box .logo-box {
        position:relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        text-align: left
    }

    .topapp-screenshot-slider .screen-mobile-image {
        width: 266px
    }

    .topapp-main .page-title {
        padding: 110px 0
    }

    .main-header .nav-outer {
        width: 100%
    }

    .main-header {
        position: relative;
        background-color: #222
    }

    .main-header .header-upper .outer-box {
        margin-left: 0;
        padding-left: 0
    }

    .main-header .header-upper .logo-box {
        padding-top: 28px
    }

    .main-header .header-upper .outer-box .search-box-outer {
        margin-right: 20px
    }

    .main-slider .tparrows,.fixed-header .sticky-header {
        display: none
    }

    .main-menu .navigation>li>a {
        font-size: 14px
    }

    .main-menu .navigation>li {
        margin-right: 25px
    }

    .main-header .header-upper .outer-container {
        padding: 0 15px
    }

    .main-header .header-upper .support-box {
        margin-top: 10px
    }

    .steps-section .patern-layer-one,.pricing-tabs .tabs-content .patern-layer-three,.pricing-tabs .tabs-content .patern-layer-four,.featured-section .blocks-column .inner-column .cloud-icon,.banner-section .carousel-column .inner-column:before,.banner-section .patern-layer-one {
        display: none
    }

    .banner-section .bg-layer {
        display: block
    }

    .banner-section .content-column .video-box {
        position: relative;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 222px;
        height: auto
    }

    .banner-section {
        padding-top: 0
    }

    .banner-section .content-column .video-box .video-image img {
        width: auto
    }

    .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns {
        position: relative;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 30px
    }

    .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.one,.banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.two,.banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.three {
        position: relative;
        left: 0;
        bottom: auto;
        margin: 0 15px;
        display: inline-block
    }

    .banner-section .carousel-column .inner-column .mobile-tabs {
        padding-bottom: 0
    }

    .featured-section {
        padding-top: 100px
    }

    .topapp-main .steps-section .steps-tabs .tabs-content {
        margin: 0 auto
    }

    .app-block.style-two .inner-box .content-column,.steps-section .btns-column {
        order: 2
    }

    .app-block.style-two .inner-box .image-column,.topapp-main .steps-section .content-column {
        order: 1
    }

    .counter-section .content-column .inner-column {
        padding-top: 0
    }

    .fact-counter .column:nth-child(2) {
        top: 0
    }

    .fact-counter .column:nth-child(4) {
        margin-top: 0
    }

    .testimonials-section .slider-outer .slides-column .inner-box {
        margin-left: 0
    }

    .testimonials-section .slider-outer .slides-column .topapp-sec-title {
        padding-left: 0
    }

    .blog-section .topapp-sec-title .text {
        margin-top: 30px
    }

    .team-block .inner-box .image:before,.blog-section .topapp-sec-title .text br {
        display: none
    }

    .contact-section .info-column .inner-column {
        padding-top: 0
    }

    .blog-section .topapp-sec-title .pull-right {
        width: 100%
    }

    .news-block-two .inner-box .content-column .inner-column {
        padding: 30px
    }

    .topapp-main .steps-section .carousel-column .carousel-inner {
        margin: 0 auto;
        margin-bottom: 40px
    }

    .contact-section .info-column .info-list li:last-child,.topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li:last-child {
        margin-bottom: 0
    }

    .apps-section {
        padding-bottom: 90px
    }

    .testimonials-thumbs-carousel .carousel-column {
        margin-left: 0
    }

    .testimonials-thumbs-carousel .carousel-column .topapp-sec-title {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .main-menu .navigation>li.has-mega-menu,.mobile-menu .navigation li.has-mega-menu {
        display:none
    }

    .main-menu .navigation>li.has-mega-menu {
        position: relative!important
    }

    .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0
    }

    .topapp-sec-title h2,.page-title h1,.topapp-sec-title-two h2 {
        font-size: 28px
    }

    .main-menu {
        width: 100%;
        display: none
    }

    .main-menu .navbar-collapse {
        max-height: 300px;
        max-width: none;
        overflow: auto;
        float: none!important;
        width: 100%!important;
        padding: 0;
        border: 0;
        margin: 0 0 15px;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .main-menu .navbar-collapse.in,.main-menu .collapsing {
        padding: 0;
        border: 0;
        margin: 0 0 15px;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 15px 0;
        right: 0;
        z-index: 12
    }

    .main-menu .navbar-header .navbar-toggle {
        display: inline-block;
        z-index: 12;
        border: 1px solid #cc8809;
        float: none;
        margin: 0;
        border-radius: 0;
        background: #cc8809
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #fff
    }

    .main-menu .navbar-collapse>.navigation {
        float: none!important;
        margin: 0!important;
        width: 100%!important;
        background: #2c2c2c;
        border: 1px solid #fff;
        border-top: 0
    }

    .main-menu .navbar-collapse>.navigation>li {
        margin: 0!important;
        float: none!important;
        padding: 0!important;
        width: 100%
    }

    .main-menu .navigation>li>a,.main-menu .navigation>li>ul:before {
        border: 0
    }

    .main-menu .navbar-collapse>.navigation>li>a {
        padding: 10px!important;
        border: 0!important
    }

    .main-menu .navigation li.dropdown>a:after,.main-menu .navigation>li.dropdown>a:before,.main-menu .navigation>li>ul>li>a:before,.main-menu .navigation>li>ul>li>ul>li>a:before {
        color: #fff!important;
        right: 15px;
        font-size: 16px;
        display: none!important
    }

    .main-menu .navbar-collapse>.navigation>li>ul,.main-menu .navbar-collapse>.navigation>li>ul>li>ul {
        position: relative;
        border: 0;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0;
        left: auto!important;
        right: auto!important;
        top: auto!important;
        padding: 0;
        outline: 0;
        width: 100%;
        background: #2c2c2c;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        transition: none!important;
        -webkit-transition: none!important;
        -ms-transition: none!important;
        -o-transition: none!important;
        -moz-transition: none!important
    }

    .main-menu .navbar-collapse>.navigation>li,.main-menu .navbar-collapse>.navigation>li>ul>li,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
        border-top: 1px solid #fff!important;
        border-bottom: 0;
        opacity: 1!important;
        top: 0!important;
        left: 0!important;
        visibility: visible!important
    }

    .main-menu .navbar-collapse>.navigation>li:first-child {
        border: 0
    }

    .main-menu .navbar-collapse>.navigation>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
        padding: 10px!important;
        line-height: 22px;
        color: #fff;
        background: #2c2c2c;
        text-align: left
    }

    .main-menu .navbar-collapse>.navigation>li>a:hover,.main-menu .navbar-collapse>.navigation>li>a:active,.main-menu .navbar-collapse>.navigation>li>a:focus {
        background: #cc8809
    }

    .main-menu .navbar-collapse>.navigation>li:hover>a,.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,.main-menu .navbar-collapse>.navigation>li.current>a,.main-menu .navbar-collapse>.navigation>li.current-menu-item>a {
        background: #2c2c2c;
        color: #fff!important
    }

    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        display: block
    }

    .main-header .top-left,.main-slider .owl-nav,.main-header .header-upper .outer-box,.main-menu .navbar-collapse>.navigation li.dropdown:after,.main-menu .navigation>li>ul:before {
        display: none!important
    }

    .main-header .top-right {
        width: 100%;
        text-align: center
    }

    .main-header .top-right .cart-box {
        float: none;
        display: inline-block
    }

    .main-header .btn-outer {
        left: 0;
        top: 0;
        right: auto;
        margin-top: 15px;
        text-align: left;
        z-index: 12
    }

    .main-header .main-box .logo-box {
        float: none;
        text-align: center;
        padding-bottom: 10px
    }

    .main-header .main-box .outer-container {
        padding: 0
    }

    .main-header .header-lower .outer-box {
        position: absolute;
        z-index: 12;
        display: block
    }

    .main-menu .navbar-header .navbar-toggler {
        display: inline-block;
        z-index: 12;
        width: 50px;
        height: 40px;
        float: none;
        padding: 0;
        text-align: center;
        border-radius: 0;
        background: 0 0;
        border: 1px solid #fff
    }

    .main-menu .navbar-header .navbar-toggler .icon-bar {
        position: relative;
        background: #fff;
        height: 2px;
        width: 26px;
        display: block;
        margin: 0 auto;
        margin: 5px 11px
    }

    .main-header .nav-outer {
        width: 100%;
        margin-top: -75px
    }

    .main-slider h3 {
        font-size: 18px
    }

    .main-slider .slide {
        padding: 120px 0
    }

    .main-header .outer-box .option-box>li {
        margin-left: 0;
        margin-right: 20px
    }

    .main-header .header-lower .search-box-outer .dropdown-menu {
        left: 0!important
    }

    .main-header .header-upper .support-box {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 12;
        margin-left: 0;
        margin-top: 0
    }

    .main-header .header-upper .search-box-outer {
        display: none
    }

    .main-header .header-upper .search-box-outer .dropdown-menu {
        top: 51px!important;
        left: 0;
        right: auto
    }

    .main-footer .topapp-footer-bottom .social-column,.main-footer .topapp-footer-bottom {
        text-align: center
    }

    .main-footer .topapp-footer-bottom .footer-nav {
        text-align: center
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: 0
    }

    .main-header .header-upper .option-box {
        position: absolute;
        right: 70px;
        top: -54px;
        z-index: 20;
        margin-left: 0;
        padding-top: 0;
        margin-top: 0
    }

    .main-header .header-upper .logo-box {
        padding: 20px 0 12px;
        z-index: 20
    }

    .main-header .header-upper .option-box .nav-btn {
        margin-left: 0
    }

    .main-header .header-lower .search-box-outer .dropdown-menu {
        margin-top: 48px;
        transform: translate3d(0,0,0)!important
    }

    .main-header .header-lower .language .dropdown-menu {
        margin-top: 47px
    }

    .topapp-sec-title-three h2,.page-title .content h1 {
        font-size: 38px
    }

    .topapp-main h1 {
        font-size: 50px
    }

    .gallery-carousel-section .owl-nav {
        left: 0;
        max-width: 100%;
        margin-left: 0
    }

    .team-block {
        margin-bottom: 30px
    }

    .sidebar-page-container .comments-area .reply-comment {
        margin-left: 0
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 12px 0;
        margin-left: 20px;
        font-size: 26px
    }

    #navbarSupportedContent {
        display: block
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 0
    }

    .banner-section .content-column h1 {
        font-size: 40px
    }

    .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns {
        margin-top: 0
    }

    .fact-counter .column .inner .content {
        text-align: center
    }

    .blog-detail .post-share-options .social-links {
        width: 100%;
        margin-top: 10px
    }

    .topapp-screenshot-slider .swiper-slide.swiper-slide-active {
        border-radius: 0
    }

    .testimonials-thumbs-carousel .carousel-control-prev {
        position: relative;
        left: 0;
        margin-top: 20px
    }

    .testimonials-thumbs-carousel .carousel-control-next {
        position: relative;
        margin-top: 20px
    }

    .integration-section .patern-layer-four,.integration-section .patern-layer-three {
        display: none
    }

    .topapp-screenshot-slider .screen-mobile-image {
        background-image: none!important
    }
}

@media only screen and (max-width: 599px) {
    .blog-detail .inner-box .lower-content blockquote .quote-text {
        font-size:16px
    }

    .integration-section {
        padding-top: 0
    }

    .news-block-two .inner-box .content-column .inner-column {
        padding: 30px 15px
    }

    .topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li .number {
        position: relative;
        display: block;
        text-align: left;
        margin-bottom: 12px
    }

    .topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li .icon {
        position: relative;
        left: 0;
        margin-bottom: 12px
    }

    .topapp-main .steps-section .blocks-column .inner-column .carousel-indicators li {
        padding-left: 0
    }

    .carousel-indicators li:before,.banner-section .carousel-column .inner-column .slides-box .mobile-small-image,.banner-section .carousel-column .inner-column .slides-box .plus-small-image,.banner-section .carousel-column .inner-column .slides-box .heart-image-icon,.banner-section .content-column .text br {
        display: none
    }

    .banner-section .content-column h1 {
        font-size: 40px
    }

    .testimonials-section .pager-column .inner-box {
        background-size: contain
    }

    .testimonials-thumbs-carousel .carousel-column .topapp-sec-title h2,.topapp-main .topapp-sec-title h2 {
        font-size: 24px;
        line-height: 1.4em
    }

    .topapp-screenshot-slider .swiper-slide.swiper-slide-active {
        background-position: center center
    }

    .contact-section .info-column .inner-column {
        padding-bottom: 70px
    }

    .topapp-main .topapp-sec-title h2 br,.subscribe-section .topapp-sec-title h2 br {
        display: none
    }

    .news-block .inner-box .lower-content h3 {
        font-size: 20px;
        line-height: 1.6em
    }

    .app-block .inner-box .content-column h3 {
        font-size: 22px;
        line-height: 1.6em
    }

    .testimonial-block .inner-box {
        padding: 0
    }

    .testimonial-block .inner-box .author-image {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 479px) {
    .main-header .search-box-outer .dropdown-menu {
        top:44px
    }

    .main-footer .topapp-footer-bottom .float-left,.main-footer .topapp-footer-bottom .float-right {
        width: 100%;
        text-align: center
    }

    .banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.one,.banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.two,.banner-section .carousel-column .inner-column .mobile-tabs .tab-btns .tab-btn.three {
        margin: 0 5px
    }

    .banner-section .content-column h1 {
        font-size: 30px
    }

    .topapp-main .steps-section .steps-tabs .tab-btns .tab-btn:before,.banner-section .content-column h1 br {
        display: none
    }

    .banner-section .newsletter-form .form-group {
        padding-right: 0
    }

    .subscribe-section .subscribe-form {
        box-shadow: inherit
    }

    .subscribe-form .form-group input[type=submit],.subscribe-form button {
        position: relative;
        margin-top: 15px;
        width: 100%;
        border-radius: 5px
    }

    .banner-section .newsletter-form .form-group button {
        position: relative;
        margin-top: 15px;
        width: 100%
    }

    .app-block .inner-box .content-column h3 {
        font-size: 22px;
        line-height: 1.6em
    }

    .testimonials-style-one .testimonials-slider .slide-item {
        padding: 0
    }

    .testimonials-section .slider-outer .slides-column .quote-icon {
        position: relative;
        left: 0;
        margin-bottom: 10px
    }

    .testimonials-style-one .testimonials-slider .slide-item .author-image {
        position: relative;
        top: 0;
        margin-bottom: 20px
    }

    .app-block .inner-box .image-column .small-image,.testimonials-section .testimonials-slider .slide-text br {
        display: none
    }

    .banner-section .carousel-column .inner-column .slides-box {
        margin-left: -15px
    }

    .topapp-main .steps-section .carousel-column .carousel-inner {
        transform: scale(.9,.9);
        margin-left: -15px
    }

    .topapp-main .steps-section .steps-tabs .tabs-content,.banner-section .carousel-column .inner-column .mobile-tabs .tabs-content {
        transform: scale(.9,.9);
        margin-left: -15px
    }

    .topapp-main .steps-section .steps-tabs .tab-btns .tab-btn .number {
        position: relative;
        left: 0;
        display: block;
        text-align: left;
        margin-bottom: 10px
    }

    .topapp-main .steps-section .steps-tabs .tab-btns,.topapp-main .steps-section .steps-tabs .tab-btns .tab-btn {
        padding-left: 0
    }

    .topapp-main .steps-section .steps-tabs .tab-btns .tab-btn .icon {
        position: relative
    }

    .blog-single .inner-box .lower-content blockquote {
        padding-left: 30px;
        padding-right: 30px
    }

    .sidebar-page-container .comments-area .comment-info .comment-time {
        margin-left: 0;
        display: block
    }

    .sidebar-page-container .comments-area .comment .comment-reply {
        position: relative;
        top: 0;
        right: auto;
        display: inline-block;
        margin-top: 15px
    }

    .topapp-screenshot-slider .swiper-slider-area .swiper-wrapper {
        height: 630px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) {
    .main-footer .topapp-footer-bottom .float-left {
        float:none!important
    }

    .main-footer .topapp-footer-bottom .float-right {
        float: none!important
    }

    .main-footer .topapp-footer-bottom .float-left {
        float: none!important
    }

    .main-footer .topapp-footer-bottom .float-right {
        float: none!important
    }
}

.theme_feature_area .read_btn,.compare_content_item .compare_btn {
    height: 45px;
    width: 145px;
    font-size: 15px;
    margin-top: 35px;
    line-height: 45px;
    font-weight: 600;
    border-radius: 25px;
    background-color: #161616;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: poppins;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: .3s all ease-in-out
}

.theme_feature_area .read_btn a,.compare_content_item .compare_btn a {
    width: 100%;
    display: block;
    color: #fff
}

.theme_feature_area .read_btn:before,.compare_content_item .compare_btn:before {
    top: 0;
    left: 0;
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(-38deg,#20fdee 0,#0478e9 100%)
}

.theme_feature_area .read_btn:hover,.compare_content_item .compare_btn:hover {
    -webkit-box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow: 0 14px 18px 0 rgba(1,105,228,.25)
}

.theme_feature_area .read_btn:hover:before,.compare_content_item .compare_btn:hover:before {
    opacity: 1
}

@-webkit-keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeFromRight {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight
}

.fadeFromLeft {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft
}

.appilo-saas {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.4;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.appilo-saas ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appilo-saas ::selection {
    color: #fff;
    background-color: #6e3ebf
}

.appilo-saas ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appilo-saas .container {
    max-width: 1200px
}

.ul-li ul {
    margin: 0;
    padding: 0
}

.ul-li ul li {
    list-style: none;
    display: inline-block
}

.footer_widget .menu {
    margin: 0;
    padding: 0
}

.footer_widget .menu li {
    list-style: none;
    display: inline-block
}

.ul-li-block ul {
    margin: 0;
    padding: 0
}

.ul-li-block ul li {
    list-style: none;
    display: block
}

div#saas-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas/pre.svg) no-repeat center center
}

.appilo-saas [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.decoration-wrapper {
    overflow: hidden;
    position: relative
}

.appilo-saas a {
    color: inherit;
    text-decoration: none
}

a:hover,a:focus {
    text-decoration: none
}

.appilo-saas img {
    max-width: 100%;
    height: auto
}

.appilo-saas section {
    overflow: hidden
}

.appilo-saas button {
    cursor: pointer
}

.appilo-saas .form-control:focus,.appilo-saas button:visited,.appilo-saas button.active,.appilo-saas button:hover,.appilo-saas button:focus,.appilo-saas input:visited,.appilo-saas input.active,.appilo-saas input:hover,.appilo-saas input:focus,.appilo-saas textarea:hover,.appilo-saas textarea:focus,.appilo-saas a:hover,.appilo-saas a:focus,.appilo-saas a:visited,.appilo-saas a.active,.appilo-saas select,.appilo-saas select:hover,.appilo-saas select:focus,.appilo-saas select:visited {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.appilo-saas .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.relative-position {
    position: relative
}

.pera-content p {
    margin-bottom: 0
}

@-moz-keyframes zooming {
    0% {
        -moz-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -moz-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes zooming {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes zooming {
    0% {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

.zooming {
    -moz-animation: zooming 18s infinite both;
    -webkit-animation: zooming 18s infinite both;
    animation: zooming 18s infinite both
}

.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6 {
    margin: 0;
    font-family: poppins
}

.section_title {
    margin: 0 auto;
    max-width: 530px
}

.section_title .title_tag {
    font-size: 14px;
    font-family: poppins;
    display: inline-block;
    border-radius: 20px;
    margin-bottom: 20px;
    line-height: 35px;
    background-color: #fff;
    padding-right: 20px;
    -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 27px 0 rgba(0,0,0,.15)
}

.section_title .title_tag .tag_icon {
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin-right: 13px;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(-38deg,#20fdee 0,#0478e9 100%);
    display: flex;
    justify-content: center
}

.section_title .title_tag .tag_icon svg {
    fill: #fff;
    width: 22px;
    height: 34px
}

.section_title .title_tag .tag_icon i {
    color: #fff;
    font-size: 18px;
    padding-top: 10px
}

.section_title .section_title_text h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.306;
    padding-bottom: 20px
}

.section_title .section_title_text h2 span {
    font-weight: 400
}

.section_title .section_title_text p {
    font-size: 18px;
    line-height: 1.667
}

@-webkit-keyframes line_animation {
    0% {
        top: 0;
        opacity: 1
    }

    50% {
        top: 50%
    }

    100% {
        top: 100%;
        opacity: 1
    }
}

@keyframes line_animation {
    0% {
        top: 0;
        opacity: 1
    }

    50% {
        top: 50%
    }

    100% {
        top: 100%;
        opacity: 1
    }
}

@-webkit-keyframes scroll2 {
    0% {
        opacity: 1;
        bottom: 0
    }

    50% {
        bottom: 50%
    }

    100% {
        bottom: 100%;
        opacity: 1
    }
}

@keyframes scroll2 {
    0% {
        opacity: 1;
        bottom: 0
    }

    50% {
        bottom: 50%
    }

    100% {
        bottom: 100%;
        opacity: 1
    }
}

@keyframes slide {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1920px 0
    }
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1920px 0
    }
}

.line_animation {
    top: 0;
    left: 50%;
    width: 80%;
    bottom: 0;
    z-index: -1;
    display: block;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 1px solid rgba(255,255,255,.1)
}

.line_animation:before {
    width: 10px;
    left: -2px;
    content: '';
    height: 10px;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: line_animation 15s ease-out infinite;
    animation: line_animation 15s ease-out infinite;
    background-color: #59adfe
}

.line_animation .line_area {
    width: 20%;
    float: left;
    height: 100%;
    position: relative;
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,.1)
}

.line_animation .line_area:before {
    width: 10px;
    right: -2px;
    content: '';
    height: 10px;
    border-radius: 100%;
    position: absolute;
    background-color: #59adfe
}

.line_animation .line_area:nth-child(even):before {
    -webkit-animation: line_animation 15s ease-out infinite;
    animation: line_animation 15s ease-out infinite
}

.line_animation .line_area:nth-child(odd):before {
    -webkit-animation: scroll2 15s ease-out infinite;
    animation: scroll2 15s ease-out infinite
}

.scrollup {
    width: 55px;
    right: 30px;
    z-index: 5;
    height: 55px;
    bottom: 100px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-image: -webkit-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(-38deg,#20fdee 0,#0478e9 100%)
}

.scrollup:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 20px;
    top: 15px;
    right: 0;
    -webkit-box-shadow: 0 0 15px 10px rgba(255,255,255,.75);
    box-shadow: 0 0 15px 10px rgba(255,255,255,.75);
    border-radius: 50%
}

.scrollup i {
    color: #fff;
    font-size: 20px
}

.main_header {
    z-index: 1;
    padding-top: 80px;
    width: 100%;
    position: absolute
}

.saas-main-navigation {
    display: inline-block
}

.saas-main-navigation .navbar-nav {
    display: inherit
}

.saas-main-navigation .navbar-nav li {
    position: relative
}

.saas-main-navigation .navbar-nav li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 35px 10px;
    font-family: poppins;
    position: relative
}

.saas-main-navigation .navbar-nav li a:after {
    left: 0;
    width: 0;
    height: 2px;
    content: '';
    bottom: 25px;
    position: absolute;
    background-color: #31f9ef;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas-main-navigation .navbar-nav li a:hover:after {
    width: 100%
}

.sign_up_btn {
    height: 38px;
    width: 90px;
    color: #000;
    font-weight: 600;
    line-height: 38px;
    margin-left: 38px;
    border-radius: 25px;
    font-family: poppins;
    display: inline-block;
    background-color: #30f8ef;
    -webkit-box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow: 0 14px 18px 0 rgba(1,105,228,.25)
}

.menu-bg-overlay {
    background-color: #000;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    position: fixed;
    top: -90px;
    padding: 25px 0;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main_header.menu-bg-overlay {
    z-index: 9;
    top: 0;
    -webkit-box-shadow: 0 0 20px -10px rgba(0,0,0,.8);
    box-shadow: 0 0 20px -10px rgba(0,0,0,.8)
}

.main_header.menu-bg-overlay .saas-main-navigation .navbar-nav li a:after {
    display: none
}

.saas-main-navigation .dropdown {
    position: relative
}

.saas-main-navigation .dropdown>.dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 150px;
    display: block;
    padding: 10px 15px;
    visibility: hidden;
    position: absolute;
    border-radius: 0;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.saas-main-navigation .dropdown>.dropdown-menu li {
    padding-bottom: 5px
}

.saas-main-navigation .dropdown>.dropdown-menu li a {
    color: #000;
    font-size: 14px
}

.saas-main-navigation .dropdown>.dropdown-menu li a:after {
    display: none
}

.saas-main-navigation .dropdown:hover .dropdown-menu {
    top: 55px;
    opacity: 1;
    visibility: visible
}

.mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.19);
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    -webkit-transition: all .5s cubic-bezier(.9,.03,0,.96) .6s;
    -o-transition: all .5s cubic-bezier(.9,.03,0,.96) .6s;
    transition: all .5s cubic-bezier(.9,.03,0,.96) .6s
}

.mobile_menu_content .saas-main-navigation {
    width: 100%
}

.mobile_menu_content .saas-main-navigation .navbar-nav {
    width: 100%
}

.mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mobile_menu_content .saas-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    padding: 5px 30px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.mobile_menu_content .saas-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.mobile_menu_content .saas-main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400
}

.mobile_menu_content .m-brand-logo {
    margin-bottom: 30px
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
    right: -15px;
    -webkit-transition: all .7s cubic-bezier(.9,.03,0,.96) .4s;
    -o-transition: all .7s cubic-bezier(.9,.03,0,.96) .4s;
    transition: all .7s cubic-bezier(.9,.03,0,.96) .4s
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: -100%;
    height: 120vh;
    background-color: rgba(0,0,0,.9);
    -webkit-transition: all .8s ease-in .8s;
    -o-transition: all .8s ease-in .8s;
    transition: all .8s ease-in .8s
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    right: 0;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s
}

.mobile_menu_button {
    position: absolute;
    display: none;
    right: 0;
    cursor: pointer;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    top: -38px
}

.mobile_menu .saas-main-navigation .navbar-nav li a:after {
    display: none
}

.mobile_menu .saas-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.mobile_menu .mobile_menu_content .saas-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.mobile_menu .mobile_menu_content .saas-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 3px 20px;
    line-height: 1
}

.mobile_menu .mobile_menu_content .saas-main-navigation .navbar-nav .dropdown-menu li a {
    color: #000
}

.mobile_menu .dropdown {
    position: relative
}

.mobile_menu .dropdown:before {
    top: 7px;
    right: 30px;
    font-size: 12px;
    font-weight: 700;
    content: '\f078';
    position: absolute;
    font-family: 'font awesome 5 free'
}

.mobile_menu .mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.banner_section {
    overflow: visible!important;
    margin-bottom: 200px;
    z-index: 0;
    padding: 215px 0 325px
}

.saas-default .banner_section {
    overflow: visible;
    margin-bottom: 0;
    z-index: 0;
    padding: 215px 0 25px
}

.banner_text {
    margin: 0 auto;
    max-width: 520px
}

.banner_text h1 {
    color: #fff;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
    padding-bottom: 20px
}

.banner_text p {
    color: #fff;
    margin: 0 auto;
    font-size: 20px;
    max-width: 500px;
    line-height: 1.35;
    padding-bottom: 40px
}

.saas-default .banner_text .page-breadcrumb li,.saas-default .banner_text .page-breadcrumb a {
    color: #fff;
    margin: 0 auto;
    font-size: 20px;
    max-width: 500px;
    line-height: 1.35;
    padding-bottom: 40px
}

.banner_text .download_btn {
    color: #fff;
    width: 175px;
    height: 55px;
    font-size: 15px;
    margin: 0 auto;
    font-weight: 700;
    line-height: 50px;
    border-radius: 30px;
    background-color: #000;
    font-family: poppins
}

.banner_text .download_btn a {
    display: block;
    width: 100%
}

.banner_screen {
    left: 0;
    right: 0;
    bottom: -155px;
    margin: 0 auto;
    max-width: 765px;
    position: absolute
}

.banner_screen .screen_img .middle_screen {
    -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.14);
    box-shadow: 0 0 27px 0 rgba(0,0,0,.14)
}

.banner_screen .screen_img .side_screen1 {
    top: -30px;
    left: -102px;
    position: absolute;
    -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.14);
    box-shadow: 0 0 27px 0 rgba(0,0,0,.14)
}

.banner_screen .screen_img .side_screen2 {
    top: 65px;
    right: -150px;
    position: absolute;
    -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.14);
    box-shadow: 0 0 27px 0 rgba(0,0,0,.14)
}

.banner_shape1,.banner_shape2,.banner_shape3 {
    position: absolute
}

.banner_shape1 {
    top: 80px;
    left: 30%
}

.banner_shape2 {
    top: 220px;
    left: 12%
}

.banner_shape3 {
    top: 40%;
    right: 15%
}

.featured_service_section .section_title {
    padding-bottom: 55px
}

.featured_service_section .section_title h2 {
    margin: 0 auto;
    max-width: 380px
}

.featured_content li {
    float: left;
    list-style: none;
    padding-bottom: 40px
}

.featured_content .featured_icon_text {
    z-index: 1;
    width: 285px;
    height: 425px;
    padding: 0 10px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 60px;
    border-radius: 15px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.featured_content .featured_icon_text:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(128deg,#0478e9 0,#20fdee 100%);
    background-image: -o-linear-gradient(128deg,#0478e9 0,#20fdee 100%);
    background-image: linear-gradient(-38deg,#0478e9 0,#20fdee 100%)
}

.featured_content .featured_icon_text .featured_icon {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    line-height: 110px;
    margin-bottom: 25px;
    border-radius: 100%;
    -webkit-box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    background-image: -webkit-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(-38deg,#20fdee 0,#0478e9 100%)
}

.featured_content .featured_icon_text .featured_icon i {
    color: #fff;
    font-size: 50px;
    padding-top: 30px
}

.featured_content .featured_icon_text .featured_icon svg {
    fill: #fff;
    width: 50px;
    height: 85px;
    padding-top: 30px
}

.featured_content .featured_icon_text .featured_icon:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 40px;
    top: 25px;
    right: 0;
    -webkit-box-shadow: 0 0 25px 25px rgba(255,255,255,.75);
    box-shadow: 0 0 25px 25px rgba(255,255,255,.75);
    border-radius: 50%
}

.featured_content .featured_icon_text .featured_text {
    padding: 0 20px;
    margin-bottom: 30px
}

.featured_content .featured_icon_text .featured_text h3 {
    color: #161616;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.featured_content .featured_icon_text .featured_text p {
    line-height: 1.625;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.featured_content .featured_icon_text .feature_btn {
    opacity: 0;
    visibility: hidden;
    margin-right: 25px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.featured_content .featured_icon_text .feature_btn a {
    color: #30f7ee;
    font-size: 15px;
    font-weight: 700;
    font-family: poppins;
    position: relative
}

.featured_content .featured_icon_text .feature_btn a:after {
    font-weight: 900;
    content: "\f061";
    position: absolute;
    right: -20px;
    font-family: 'font awesome 5 free'
}

.featured_content .featured_icon_text:hover {
    -webkit-box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow: 0 14px 18px 0 rgba(1,105,228,.25)
}

.featured_content .featured_icon_text:hover:before {
    opacity: 1;
    visibility: visible
}

.featured_content .featured_icon_text:hover .featured_text p,.featured_content .featured_icon_text:hover .featured_text h3 {
    color: #fff
}

.featured_content .featured_icon_text:hover .feature_btn {
    opacity: 1;
    visibility: visible
}

#featured_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    margin: 0 auto;
    height: 30px;
    max-width: 570px
}

#featured_scroll .mCSB_scrollTools .mCSB_draggerRail {
    height: 20px;
    background-color: #ececec
}

#featured_scroll .mCSB_scrollTools {
    opacity: 1
}

#featured_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 20px;
    -webkit-box-shadow: 0 6px 18px -5px rgba(2,8,38,.35);
    box-shadow: 0 6px 18px -5px rgba(2,8,38,.35);
    background-color: #22b0e7
}

.mCustomScrollbar,.mCustomScrollbar.mCS_touch_action,.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    -ms-touch-action: pan-x pinch-zoom;
    touch-action: pan-x pinch-zoom
}

.mCustomScrollBox.mCSB_vertical_horizontal {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollBox.mCSB_horizontal {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom
}

.theme_feature_area .theme_feature_content {
    padding: 58px 35px
}

.theme_feature_area .theme_feature_content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 30px
}

.theme_feature_area .theme_feature_content p {
    color: #fff;
    font-size: 18px;
    line-height: 1.444;
    padding-bottom: 25px
}

.theme_feature_area .theme_feature_content .theme_feature_list li {
    width: 100%;
    color: #fff;
    font-size: 17px;
    margin-bottom: 22px
}

.theme_feature_area .theme_feature_content .theme_feature_list li:before {
    float: left;
    color: #18ff00;
    font-size: 16px;
    margin-right: 8px;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 900
}

.theme_feature_area .theme_feature_content .theme_feature_list li span {
    overflow: hidden
}

.theme_feature_area .features_one {
    margin-left: 100px;
    background-color: #138afd
}

.theme_feature_area .features_two {
    margin-right: 100px;
    background-color: #000
}

.theme_feature_area .features_two .theme_feature_list li:before {
    color: #20fcee
}

.theme_feature_area .features_two .read_btn {
    background-color: #20fcee
}

.theme_feature_area .features_two .read_btn a {
    color: #000;
    font-weight: 600;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.theme_feature_area .features_two .read_btn:hover a {
    color: #fff
}

.compare_section {
    overflow: visible!important
}

.compare_section .compare_title h2 {
    color: #161616;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.324;
    padding-bottom: 18px
}

.compare_section .compare_title p {
    color: #383838;
    font-size: 18px;
    padding-bottom: 28px
}

.compare_content_item .compare_list {
    padding-left: 30px
}

.compare_content_item .compare_list li {
    margin-bottom: 20px
}

.compare_section_two .compare_content_item .compare_list li {
    padding-left: 25px
}

.compare_section_two .compare_content_item .compare_list li:before {
    left: 45px
}

.compare_content_item .compare_list li:before {
    float: left;
    color: #27c317;
    content: "\f064";
    font-family: 'font awesome\ 5 free';
    font-weight: 900;
    position: absolute;
    left: 20px
}

.compare_content_item .compare_list li span {
    overflow: hidden
}

.compare_content_item .compare_content {
    padding-top: 30px
}

.compare_img {
    z-index: 4;
    max-width: 525px
}

.compare_img .compare_shape1,.compare_img .compare_shape2 {
    z-index: -1;
    position: absolute
}

.compare_img .compare_shape1 {
    top: 35px;
    left: 0
}

.compare_img .compare_shape2 {
    top: 15px;
    right: 0
}

.compare_section_two .compare_shape1 {
    top: 20px;
    left: -65px
}

.compare_section_two .compare_shape2 {
    top: 0;
    right: 65px
}

.compare_section_two .compare_content {
    padding-left: 30px
}

.compare_section_two .compare_content .compare_title {
    padding-bottom: 15px
}

.compare_section_two .compare_content_item .compare_list {
    padding-left: 0
}

.trusted_user_section {
    overflow: visible!important
}

.trusted_content_img {
    padding-left: 45px
}

.trusted_content_img li {
    width: 95px;
    height: 95px;
    line-height: 102px;
    border-radius: 100%;
    margin: 0 20px 20px 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 4px 15px 0 rgba(23,23,23,.13);
    box-shadow: 0 4px 15px 0 rgba(23,23,23,.13)
}

.trusted_content_img li:nth-child(1) {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.trusted_content_img li:nth-child(2) {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.trusted_content_img li:nth-child(2):hover {
    -webkit-transform: translateY(30px) scale(1.1);
    -ms-transform: translateY(30px) scale(1.1);
    transform: translateY(30px) scale(1.1)
}

.trusted_content_img li:nth-child(3) {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px)
}

.trusted_content_img li:nth-child(3):hover {
    -webkit-transform: translateY(60px) scale(1.1);
    -ms-transform: translateY(60px) scale(1.1);
    transform: translateY(60px) scale(1.1)
}

.trusted_content_img li:nth-child(4) {
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px)
}

.trusted_content_img li:nth-child(4):hover {
    -webkit-transform: translateY(-35px) scale(1.1);
    -ms-transform: translateY(-35px) scale(1.1);
    transform: translateY(-35px) scale(1.1)
}

.trusted_content_img li:nth-child(5) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.trusted_content_img li:nth-child(5):hover {
    -webkit-transform: translateY(0) scale(1.1);
    -ms-transform: translateY(0) scale(1.1);
    transform: translateY(0) scale(1.1)
}

.trusted_content_img li:nth-child(6) {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px)
}

.trusted_content_img li:nth-child(6):hover {
    -webkit-transform: translateY(25px) scale(1.1);
    -ms-transform: translateY(25px) scale(1.1);
    transform: translateY(25px) scale(1.1)
}

.trusted_content_img li:nth-child(7) {
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px)
}

.trusted_content_img li:nth-child(7):hover {
    -webkit-transform: translateY(55px) scale(1.1);
    -ms-transform: translateY(55px) scale(1.1);
    transform: translateY(55px) scale(1.1)
}

.trusted_content_img li:nth-child(8) {
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px)
}

.trusted_content_img li:nth-child(8):hover {
    -webkit-transform: translateY(-35px) scale(1.1);
    -ms-transform: translateY(-35px) scale(1.1);
    transform: translateY(-35px) scale(1.1)
}

.trusted_content_img li:nth-child(9) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.trusted_content_img li:nth-child(9):hover {
    -webkit-transform: translateY(0) scale(1.1);
    -ms-transform: translateY(0) scale(1.1);
    transform: translateY(0) scale(1.1)
}

.trusted_content_img li:nth-child(10) {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.trusted_content_img li:nth-child(10):hover {
    -webkit-transform: translateY(20px) scale(1.1);
    -ms-transform: translateY(20px) scale(1.1);
    transform: translateY(20px) scale(1.1)
}

.trusted_content_img li:nth-child(11) {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.trusted_content_img li:nth-child(11):hover {
    -webkit-transform: translateY(50px) scale(1.1);
    -ms-transform: translateY(50px) scale(1.1);
    transform: translateY(50px) scale(1.1)
}

.trusted_content_img li:nth-child(12) {
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px)
}

.trusted_content_img li:nth-child(12):hover {
    -webkit-transform: translateY(-35px) scale(1.1);
    -ms-transform: translateY(-35px) scale(1.1);
    transform: translateY(-35px) scale(1.1)
}

.trusted_content_img li:hover {
    -webkit-box-shadow: 0 4px 35px 0 rgba(23,23,23,.13);
    box-shadow: 0 4px 35px 0 rgba(23,23,23,.13)
}

.user_content {
    padding-top: 10px
}

.user_content .section_title {
    margin-left: 0
}

.user_content .user_text {
    color: #383838;
    font-size: 18px;
    padding-top: 25px
}

.partner_section {
    z-index: 1;
    overflow: visible!important
}

.partner_section .section_title {
    margin: 0;
    max-width: 100%;
    padding: 0 0 25px 85px
}

.partner_section .mem_img_text .mem_pic {
    width: 230px;
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%
}

.partner_section .mem_img_text .mem_pic:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3)
}

.partner_section .mem_img_text .mem_pic:after {
    content: '';
    height: 100%;
    width: 100%;
    bottom: -95px;
    opacity: 0;
    visibility: hidden;
    left: -18px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas/partner/pbg.png);
    background-repeat: no-repeat;
    position: absolute
}

.partner_section .mem_img_text .member_social {
    bottom: 20px;
    z-index: 3;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.partner_section .mem_img_text .member_social li {
    color: #fff;
    font-size: 18px;
    margin: 0 7px
}

.partner_section .mem_img_text .mem_img_line {
    z-index: 1
}

.partner_section .mem_img_text .mem_img_line .line_shape1,.partner_section .mem_img_text .mem_img_line .line_shape2 {
    height: 325px;
    position: absolute;
    width: 5px;
    top: -40px;
    left: 120px;
    z-index: -1;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    box-shadow: 0 14px 18px 0 rgba(1,105,228,.25);
    background-image: -webkit-linear-gradient(334deg,#0478e9 0,#20fdee 100%);
    background-image: -o-linear-gradient(334deg,#0478e9 0,#20fdee 100%);
    background-image: linear-gradient(116deg,#0478e9 0,#20fdee 100%)
}

.partner_section .mem_img_text .mem_img_line .line_shape2 {
    top: -35px;
    height: 285px;
    left: 140px
}

.partner_section .mem_img_text .mem_name_designation {
    margin-top: 45px
}

.partner_section .mem_img_text .mem_name_designation h4 {
    color: #0e0e0e;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.partner_section .mem_img_text .mem_name_designation p {
    font-size: 15px;
    color: #383838
}

.partner_section .mem_img_text:hover .member_social {
    opacity: 1;
    bottom: 35px;
    visibility: visible
}

.partner_section .mem_img_text:hover .mem_pic:after {
    opacity: 1;
    visibility: visible
}

.partner_section .mem_img_text:hover .line_shape1,.partner_section .mem_img_text:hover .line_shape2 {
    height: 285px;
    opacity: 1;
    visibility: visible
}

.partner_section .mem_img_text:hover .line_shape2 {
    height: 325px
}

.partner_text {
    font-size: 18px;
    max-width: 480px;
    padding-top: 20px;
    padding-left: 35px;
    line-height: 1.667
}

.testimonial_section {
    overflow: visible!important
}

.testimonial_section .section_title {
    padding-bottom: 50px
}

.testimonial_content {
    padding: 20px;
    display: inline-block
}

.testimonial_content .testimonial_rating {
    margin-top: 10px
}

.testimonial_content .testimonial_rating li {
    font-size: 14px;
    color: #f6b91c
}

.testimonial_content .testimonial_text {
    z-index: 1;
    padding: 50px 40px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 24px 0 rgba(2,55,156,.2);
    box-shadow: 0 7px 24px 0 rgba(2,55,156,.2)
}

.testimonial_content .testimonial_text p {
    line-height: 1.875
}

.testimonial_content .testimonial_text:before {
    content: '';
    height: 100%;
    width: 40%;
    position: absolute;
    right: -45px;
    z-index: -1;
    bottom: -95px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas/testimonial/tshape1.png);
    background-repeat: no-repeat
}

.testimonial_content .testimonial_text:hover:before {
    bottom: -85px;
    opacity: 1;
    visibility: visible
}

.appilo-saas .qoute_mark:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -45px;
    z-index: 1;
    border-left: 0 solid transparent;
    border-right: 50px solid transparent;
    border-top: 45px solid #fff;
    -webkit-filter: drop-shadow(0 20px 13px rgba(2,55,156,.2));
    filter: drop-shadow(0 20px 13px rgba(2,55,156,.2))
}

.testimonial_name_designation {
    margin-top: 30px;
    padding-left: 30px
}

.testimonial_name_designation .testimonial_img {
    height: 65px;
    width: 65px;
    border-radius: 100%;
    margin-right: 18px;
    overflow: hidden;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 7px 6px 0 rgba(0,15,44,.19),inset -1px 0 27px 0 rgba(0,0,0,.29);
    box-shadow: 0 7px 6px 0 rgba(0,15,44,.19),inset -1px 0 27px 0 rgba(0,0,0,.29)
}

.testimonial_name_designation .testimonial_meta {
    margin-top: 10px;
    display: inline-block
}

.testimonial_name_designation .testimonial_meta h4 {
    font-size: 22px;
    font-weight: 700;
    color: #161616
}

.testimonial_name_designation .testimonial_meta p {
    font-size: 14px;
    color: #444
}

.testimonial_slider .carousel-control-prev,.testimonial_slider .carousel-control-next {
    top: auto;
    left: 190px;
    bottom: 40px;
    font-size: 18px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    opacity: 1;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 7px 7px 0 rgba(0,15,44,.18);
    box-shadow: 0 7px 7px 0 rgba(0,15,44,.18)
}

.testimonial_slider .carousel-control-prev:before,.testimonial_slider .carousel-control-next:before {
    position: absolute;
    content: "\f061";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    font-family: 'font awesome 5 free';
    font-weight: 900
}

.testimonial_slider .carousel-control-prev:hover,.testimonial_slider .carousel-control-next:hover {
    background-color: #000;
    color: #fff
}

.testimonial_slider .carousel-control-prev {
    left: 120px
}

.testimonial_slider .carousel-control-prev:before {
    content: "\f060"
}

.appilo-saas .carousel-indicators {
    position: static
}

.testimonial_indicator {
    margin: 20px 20px 0 0;
    display: block;
    height: 510px;
    max-width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas/testimonial/in-bg.png)
}

.testimonial_indicator .carousel-indicators li {
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #202020;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 7px 6px 0 rgba(0,15,44,.19),inset -1px 0 27px 0 rgba(0,0,0,.29);
    box-shadow: 0 7px 6px 0 rgba(0,15,44,.19),inset -1px 0 27px 0 rgba(0,0,0,.29)
}

.testimonial_indicator .carousel-indicators li img {
    display: block
}

.testimonial_indicator .carousel-indicators li:nth-child(1) {
    bottom: 105px;
    right: 100px
}

.testimonial_indicator .carousel-indicators li:nth-child(2) {
    left: 90px;
    bottom: 45px
}

.testimonial_indicator .carousel-indicators li:nth-child(3) {
    top: 40%;
    left: 0
}

.testimonial_indicator .carousel-indicators li:nth-child(4) {
    top: 90px;
    left: 100px
}

.testimonial_indicator .carousel-indicators li:nth-child(5) {
    top: 35%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.testimonial_indicator .carousel-indicators li:nth-child(6) {
    right: 120px;
    top: -30px
}

.testimonial_indicator .active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.newslatter_content {
    left: 0;
    left: 0;
    right: 0;
    top: -165px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    max-width: 1170px;
    border-radius: 20px;
    padding: 65px 0 70px;
    overflow: hidden;
    z-index: 2;
    -webkit-box-shadow: inset 0 2px 8px 0 rgba(0,0,0,.29);
    box-shadow: inset 0 2px 8px 0 rgba(0,0,0,.29);
    background-image: -webkit-linear-gradient(205deg,#0478e9 0,#20fdee 100%);
    background-image: -o-linear-gradient(205deg,#0478e9 0,#20fdee 100%);
    background-image: linear-gradient(-115deg,#0478e9 0,#20fdee 100%)
}

.newslatter_content:after {
    content: '';
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 100%;
    top: -40px;
    right: -160px;
    border: 30px solid #3f91e0
}

.newslatter_content .newslatter_title {
    margin: 0 auto;
    max-width: 380px;
    padding-bottom: 45px
}

.newslatter_content .newslatter_title h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px
}

.newslatter_content .newslatter_title p {
    color: #fff;
    line-height: 1.75
}

.newslatter_content .newslatter-form {
    margin: 0 auto;
    max-width: 650px;
    padding-left: 30px
}

.newslatter_content .newslatter-form input {
    width: 100%;
    height: 65px;
    border: 0;
    padding: 0 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(5,41,140,.25);
    box-shadow: 0 6px 40px 0 rgba(5,41,140,.25)
}

.newslatter_content .newslatter-form .nws-button {
    position: absolute;
    top: 8px;
    right: 8px
}

.newslatter_content .newslatter-form .nws-button button {
    height: 50px;
    width: 130px;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    font-family: poppins;
    background-image: -webkit-linear-gradient(128deg,#0478e9 0,#20fdee 100%);
    background-image: -o-linear-gradient(128deg,#0478e9 0,#20fdee 100%);
    background-image: linear-gradient(-38deg,#0478e9 0,#20fdee 100%)
}

.newslatter_content .newslatter-form .nws-button button:hover {
    background-image: -webkit-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(128deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(-38deg,#20fdee 0,#0478e9 100%)
}

.newslatter_content .img_bg {
    top: 15px;
    position: absolute;
    left: 15px
}

.newslatter_content .subs_icon {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0 auto
}

.newslatter_content .subs_icon .subs_iconitem-1 {
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    left: 0;
    top: 150px;
    animation: slide 60s linear infinite;
    -webkit-animation: slide 60s linear infinite
}

.newslatter_content .subs_icon .subs_iconitem-2 {
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    left: 0;
    top: 70px;
    animation: slide 50s linear infinite;
    -webkit-animation: slide 50s linear infinite
}

.newslatter_content .subs_icon .subs_iconitem-3 {
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    left: 0;
    top: 310px;
    animation: slide 90s linear infinite;
    -webkit-animation: slide 90s linear infinite
}

.footer_section {
    background-color: #edf2f6;
    padding-top: 285px;
    margin-top: 165px
}

.footer_section .footer_widget_content {
    padding-bottom: 75px;
    border-bottom: 2px solid #d2d1d2
}

.footer_widget .footer_logo {
    margin-bottom: 30px
}

.footer_widget .footer_text {
    font-size: 14px;
    line-height: 1.714;
    padding-bottom: 35px
}

.footer_widget .footer_social li {
    color: #8c8c8c;
    font-size: 17px;
    margin-right: 18px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.footer_widget .footer_social li:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.footer_widget .footer_social li:hover i {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(128deg,#0478e9 0,#20fdee 100%);
    background-image: -o-linear-gradient(128deg,#0478e9 0,#20fdee 100%);
    background-image: linear-gradient(-38deg,#0478e9 0,#20fdee 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer_widget .menu {
    max-width: 205px
}

.footer_widget .menu li {
    font-size: 14px;
    color: #383838;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}

.footer_widget .menu li:before {
    height: 1px;
    content: '';
    position: absolute;
    width: 0;
    right: 0;
    left: auto;
    bottom: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(334deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(334deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(116deg,#20fdee 0,#0478e9 100%)
}

.footer_widget .menu li:hover:before {
    width: 100%;
    right: auto;
    left: 0
}

.widget_title {
    color: #1a0a38;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 48px;
    font-family: poppins
}

.widget_title:after {
    left: 0;
    width: 35px;
    content: '';
    height: 3px;
    bottom: -9px;
    position: absolute;
    background-image: -webkit-linear-gradient(334deg,#20fdee 0,#0478e9 100%);
    background-image: -o-linear-gradient(334deg,#20fdee 0,#0478e9 100%);
    background-image: linear-gradient(116deg,#20fdee 0,#0478e9 100%)
}

.footer_address li {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.875;
    font-family: poppins
}

.footer_address span {
    color: #180b36;
    font-weight: 600;
    margin-right: 5px
}

.footer_widget figure.gallery-item {
    float: left;
    width: 75px;
    height: 75px;
    margin-right: 10px;
    margin-bottom: 7px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.footer_widget figure.gallery-item:before {
    position: absolute;
    top: 0;
    content: '';
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: #000;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.insta_feed li i {
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.footer_widget figure.gallery-item:hover:before {
    opacity: .7
}

.insta_feed li:hover i {
    opacity: 1
}

.copyright_text {
    padding: 30px 0
}

.copyright_text p,.copyright_text span {
    color: #666;
    font-size: 14px;
    font-family: poppins
}

.copyright_text span {
    float: right
}

@media screen and (max-width: 1140px) {
    .compare_section {
        overflow:hidden;
        padding-bottom: 30px
    }

    .theme_feature_area .theme_feature_content h3 {
        font-size: 22px
    }
}

@media screen and (max-width: 991px) {
    .banner_shape3,.banner_shape2 {
        width:100px
    }

    .banner_screen .screen_img .side_screen2 {
        right: -70px
    }

    .main_header {
        padding-top: 50px
    }

    .main_header.menu-bg-overlay {
        padding-top: 30px
    }

    .theme_feature_area .features_one {
        margin-left: 0
    }

    .theme_feature_area .features_two {
        margin-right: 0
    }

    .trusted_content_img {
        max-width: 500px;
        padding-left: 0
    }

    .user_content {
        padding-top: 60px
    }

    .banner_screen {
        max-width: 510px
    }

    .main_menu_list .saas-main-navigation {
        display: none
    }

    .mobile_menu_button {
        display: block
    }

    .sign_up_btn {
        top: -5px;
        right: 80px;
        position: absolute
    }

    .banner_shape1,.banner_shape2,.banner_shape3 {
        z-index: -1
    }

    .main_header {
        padding-top: 35px
    }

    .compare_img {
        margin: 0 auto
    }

    .partner_section .section_title {
        padding: 0
    }

    .partner_text {
        padding-left: 0;
        margin-bottom: 50px
    }

    .testimonial_indicator {
        margin: 0 auto;
        margin-top: 20px;
        max-width: 550px
    }

    .testimonial_slider .carousel-control-prev,.testimonial_slider .carousel-control-next {
        bottom: -50px
    }

    .testimonial_section {
        padding-bottom: 110px
    }

    .mem_img_text {
        max-width: 270px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .newslatter_content .img_bg {
        display: none
    }

    .newslatter_content:after {
        display: none
    }

    .widget_title {
        margin-bottom: 30px
    }

    .footer_widget .footer_logo {
        margin-bottom: 18px
    }

    .footer_widget .footer_text {
        padding-bottom: 20px
    }

    .footer_widget {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .sign_up_btn {
        top:-38px
    }

    .banner_screen {
        max-width: 450px
    }

    .banner_screen .screen_img .side_screen2 {
        width: 200px
    }

    .banner_screen .screen_img .side_screen1 {
        width: 150px
    }

    .banner_text h1 {
        font-size: 36px
    }

    .banner_section {
        margin-bottom: 200px;
        padding: 185px 0 150px
    }

    .banner_shape2 {
        top: 180px;
        left: 3%;
        width: 70px
    }

    .banner_shape3 {
        top: 45%;
        right: 8%;
        width: 70px
    }

    .banner_shape1 {
        width: 40px
    }

    .main_header.menu-bg-overlay {
        padding: 20px 0 15px
    }

    .banner_section {
        margin-bottom: 135px
    }

    .theme_feature_area .features_one {
        margin-bottom: 30px
    }

    .trusted_user_section {
        padding: 70px 0 60px
    }

    .partner_section {
        padding: 70px 0 40px
    }

    .copyright_text span {
        float: none
    }

    .copyright_text {
        text-align: center
    }
}

@media screen and (max-width: 580px) {
    .banner_screen {
        max-width:385px
    }

    .banner_screen .screen_img .side_screen1 {
        width: 125px;
        left: -75px
    }
}

@media screen and (max-width: 480px) {
    .banner_screen {
        display:none
    }

    .banner_section {
        margin-bottom: 0;
        padding: 150px 0 130px
    }

    .banner_shape1,.banner_shape2,.banner_shape3 {
        z-index: -1;
        opacity: .5
    }

    .banner_text {
        position: relative;
        z-index: 2
    }

    .section_title .section_title_text h2 {
        font-size: 30px
    }

    .section_title .section_title_text p {
        font-size: 16px
    }

    .compare_img .compare_shape1,.compare_img .compare_shape2 {
        max-width: 70%
    }

    .trusted_content_img li:nth-child(2) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(3) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(4) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(5) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(6) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(7) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(8) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(9) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(10) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(11) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .trusted_content_img li:nth-child(12) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .testimonial_indicator {
        background-size: 395px 465px
    }

    .newslatter_content .newslatter-form {
        padding-left: 0;
        margin: 0 15px
    }

    .footer_section .footer_widget_content {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 420px) {
    .banner_text p {
        font-size:18px
    }

    .featured_content .featured_icon_text {
        width: 300px
    }

    .compare_content_item .compare_content {
        padding-top: 0;
        margin-bottom: 30px
    }

    .compare_section .compare_title h2 {
        font-size: 26px
    }

    .theme_feature_section {
        padding-top: 20px
    }

    .theme_feature_area .theme_feature_content .theme_feature_list li {
        margin-bottom: 15px
    }

    .banner_text .download_btn {
        width: 160px;
        height: 50px
    }

    .sign_up_btn {
        height: 35px;
        line-height: 35px;
        width: 85px;
        font-size: 14px
    }

    .sign_up_btn {
        right: 60px
    }

    .trusted_content_img li {
        margin: 0 10px 10px 0
    }

    .featured_service_section .section_title {
        padding-bottom: 20px
    }

    .compare_section_two .compare_content,.compare_content_item .compare_list {
        padding-left: 0
    }

    .testimonial_content {
        padding: 10px
    }

    .testimonial_content .testimonial_text {
        padding: 25px 20px
    }

    .newslatter_content .newslatter_title {
        padding: 0 15px 25px
    }

    .newslatter_content .newslatter_title h2 {
        font-size: 25px;
        padding-bottom: 15px
    }

    .newslatter_content .newslatter-form .nws-button button {
        width: 90px;
        font-size: 14px
    }

    .newslatter_content .newslatter-form input {
        padding: 0 15px
    }

    .newslatter_content .newslatter_title p {
        font-size: 14px
    }

    .newslatter_content {
        position: static;
        padding: 55px 0;
        margin-bottom: 50px
    }

    .footer_section {
        padding-top: 0
    }

    .footer_section {
        margin-top: 0
    }

    .testimonial_section {
        padding-top: 70px
    }

    .testimonial_name_designation .testimonial_meta h4 {
        font-size: 22px
    }

    .scrollup {
        width: 45px;
        right: 15px;
        height: 45px;
        bottom: 20px;
        line-height: 45px
    }

    .theme_feature_area .theme_feature_content .theme_feature_list li {
        font-size: 16px
    }

    .theme_feature_area .theme_feature_content p {
        font-size: 16px
    }

    .compare_content_item .compare_list li:before {
        left: 5px
    }

    .compare_section_two .compare_content_item .compare_list li:before {
        left: 15px
    }

    .compare_content_item .compare_list li {
        padding-left: 12px
    }
}

@media screen and (max-width: 380px) {
    .banner_text h1 {
        font-size:32px
    }

    .banner_text p {
        font-size: 16px
    }

    .compare_section .compare_title h2 {
        font-size: 24px
    }

    .trusted_user_section {
        padding: 20px 0 60px
    }

    .section_title .section_title_text h2 {
        font-size: 24px
    }

    .testimonial_indicator .carousel-indicators li:nth-child(4) {
        top: 60px;
        left: 55px
    }

    .testimonial_indicator .carousel-indicators li:nth-child(1) {
        bottom: 85px;
        right: 50px
    }

    .testimonial_indicator {
        background-size: 325px 460px
    }

    .testimonial_indicator .carousel-indicators li:nth-child(1) {
        bottom: 135px;
        right: 25px
    }
}

.appseo-home {
    margin: 0;
    padding: 0;
    color: #415e8d;
    font-size: 16px;
    line-height: 1.765;
    overflow-x: hidden;
    font-family: poppins;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.appseo-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appseo-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.appseo-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appseo-home .container {
    max-width: 1200px
}

.appseo-home .ul-li ul {
    margin: 0;
    padding: 0
}

.appseo-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.appseo-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.appseo-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#appseo-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/pre.svg) no-repeat center center
}

.appseo-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.appseo-home a {
    color: inherit;
    text-decoration: none
}

a:hover,a:focus {
    text-decoration: none
}

.appseo-home img {
    max-width: 100%;
    height: auto
}

.appseo-home section {
    overflow: hidden
}

.appseo-home button {
    cursor: pointer
}

.appseo-home .form-control:focus,.appseo-home button:visited,.appseo-home button.active,.appseo-home button:hover,.appseo-home button:focus,.appseo-home input:visited,.appseo-home input.active,.appseo-home input:hover,.appseo-home input:focus,.appseo-home textarea:hover,.appseo-home textarea:focus,.appseo-home a:hover,.appseo-home a:focus,.appseo-home a:visited,.appseo-home a.active,.appseo-home select,.appseo-home select:hover,.appseo-home select:focus,.appseo-home select:visited {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.appseo-home .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.appseo-home .relative-position {
    position: relative
}

.appseo-home .pera-content p {
    margin-bottom: 0
}

.appseo-headline h1,.appseo-headline h2,.appseo-headline h3,.appseo-headline h4,.appseo-headline h5,.appseo-headline h6 {
    margin: 0;
    font-family: poppins
}

.appseo-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-image: -webkit-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: -o-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: linear-gradient(45deg,#ff6626 15%,#ffa641 100%)
}

.appseo-scrollup i {
    color: #fff;
    font-size: 20px
}

.appseo-section-title {
    padding-bottom: 35px
}

.appseo-section-title:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 60px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/ts1.png)
}

.appseo-section-title p {
    color: #415e8d;
    font-size: 18px;
    text-transform: capitalize
}

.appseo-section-title h2 {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase
}

@-webkit-keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px currentColor;
        box-shadow: 0 0 0 10px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f7d4c0;
        box-shadow: 0 0 0 0 #f7d4c0
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #f7d4c0;
        box-shadow: 0 0 0 10px #f7d4c0;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #f7d4c0;
        box-shadow: 0 0 0 0 #f7d4c0;
        opacity: 0
    }
}

@-webkit-keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px currentColor;
        box-shadow: 0 0 0 10px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

.appseo-section-title2 p {
    color: #ff8533;
    font-size: 18px;
    font-weight: 600;
    padding-left: 35px;
    position: relative;
    padding-bottom: 18px
}

.appseo-section-title2 p:before,.appseo-section-title2 p:after {
    width: 8px;
    height: 8px;
    content: '';
    left: 6px;
    top: 12px;
    z-index: 2;
    position: absolute;
    border-radius: 100%;
    background-color: #ff8533
}

.appseo-section-title2 p:after {
    left: 0;
    top: 6px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: #f7d4c0;
    -webkit-animation: borderpls 1.5s infinite cubic-bezier(.4,0,1,1) both;
    animation: borderpls 1.5s infinite cubic-bezier(.4,0,1,1) both
}

.appseo-section-title2 h2 {
    color: #213e6e;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.125
}

@-webkit-keyframes appseoupdown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@keyframes appseoupdown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@keyframes appseoupdown {
    0% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
}

@keyframes appseoupdown {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@-webkit-keyframes videoup {
    70% {
        -webkit-box-shadow: 0 0 0 30px transparent;
        box-shadow: 0 0 0 30px transparent
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes videoup {
    70% {
        -webkit-box-shadow: 0 0 0 30px transparent;
        box-shadow: 0 0 0 30px transparent
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    100% {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    100% {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    100% {
        margin-top: -30%
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 25px
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 25px
    }
}

@-webkit-keyframes flying {
    0% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    50% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    100% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }
}

@keyframes flying {
    0% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    50% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    100% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }
}

@-webkit-keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeFromUp {
    -webkit-animation-name: fadeFromUp;
    animation-name: fadeFromUp
}

.fadeFromRight {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight
}

.fadeFromLeft {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft
}

.appseo-btn-hover {
    z-index: 1;
    overflow: hidden;
    position: relative
}

.appseo-btn-hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 40px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    z-index: -1;
    -webkit-transform: translate(-105%,0);
    -ms-transform: translate(-105%,0);
    transform: translate(-105%,0);
    background-color: rgba(255,255,255,.8)
}

.appseo-btn-hover:hover:before {
    opacity: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.appseo-main-header {
    z-index: 5;
    width: 100%;
    padding-top: 60px;
    position: absolute
}

.appseo-blog .sidebar-page-container .sidebar-side .padding-left {
    z-index: 4
}

.appseo-blog .sidebar-page-container {
    margin-top: 100px
}

.appseo-main-header .navbar-nav {
    display: inherit
}

.appseo-main-header .appseo-logo {
    padding-top: 10px
}

.appseo-main-header .appseo-main-navigation {
    padding-top: 13px;
    display: inline-block
}

.appseo-main-header .appseo-main-navigation li {
    margin-left: 35px
}

.appseo-main-header .appseo-main-navigation li a {
    color: #213e6e;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 20px
}

.appseo-main-header .appseo-main-navigation .dropdown {
    position: relative
}

.appseo-main-header .appseo-main-navigation .dropdown:after {
    content: '\f107';
    position: absolute;
    right: -12px;
    top: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: 'font awesome 5 free';
    font-weight: 900
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #ff6626;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:before {
    display: none
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 18px;
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:hover {
    background-color: #ff8533;
    color: #fff
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.appseo-main-header .appseo-main-navigation .dropdown:hover .dropdown-menu {
    top: 50px;
    opacity: 1;
    visibility: visible
}

.appseo-main-header .appseo-sidebar-button {
    display: inline-block
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle {
    width: 20px;
    height: 15px;
    cursor: pointer;
    margin-left: 65px
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span {
    position: relative
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:before {
    content: '';
    position: absolute;
    background-color: #213e6e;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(1):before {
    top: 0;
    height: 3px;
    width: 14px
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(2):before {
    top: 4px;
    height: 3px;
    width: 19px
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(3):before {
    top: 8px;
    height: 3px;
    width: 15px
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(4):before {
    top: 12px;
    height: 3px;
    width: 20px
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle:hover span:before {
    width: 20px
}

.appseo-main-header .header-button {
    height: 58px;
    width: 185px;
    float: right;
    line-height: 58px;
    margin-left: 13px;
    border-radius: 32px;
    display: inline-block;
    background-size: 200% auto;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: -o-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: linear-gradient(45deg,#ff6626 15%,#ffa641 100%)
}

.appseo-main-header .header-button a {
    width: 100%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.appseo-main-header .header-button:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-position: right center
}

.appseo-sticky-header-overlay {
    background-color: #fff;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    top: 20px;
    position: fixed;
    padding: 10px 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-main-header.appseo-sticky-header-overlay {
    z-index: 9;
    top: 0;
    -webkit-box-shadow: 0 0 20px -10px rgba(0,0,0,.8);
    box-shadow: 0 0 20px -10px rgba(0,0,0,.8)
}

.appseo-main-header.appseo-sticky-header-overlay .dropdown:hover .dropdown-menu {
    top: 45px
}

.appseo-home .side_inner_content {
    top: 0;
    bottom: 0;
    right: -320px;
    height: 110vh;
    z-index: 101;
    position: fixed;
    width: 300px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 50px 30px;
    -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.19);
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.appseo-home .side_inner_content p {
    text-align: left
}

.appseo-home .side_inner_content .side_inner_logo {
    margin: 30px 0
}

.appseo-home .side_inner_content .side_contact {
    margin-bottom: 30px
}

.side_inner_content .side_contact .social_widget h3 {
    font-size: 18px;
    padding: 10px 0 20px
}

.appseo-home .side_inner_content .side_contact .social_widget li {
    margin: 0 3px
}

.appseo-home .side_inner_content .side_copywright {
    font-size: 14px
}

.appseo-home .side_inner_content .close_btn {
    top: 30px;
    left: 20px;
    cursor: pointer;
    position: absolute
}

.appseo-home .side_inner_content .close_btn i {
    font-size: 14px
}

.appseo-home .wide_side_inner.wide_side_on .side_inner_content {
    right: -15px;
    z-index: 99;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s
}

.appseo-home .wide_side_inner {
    display: inline-block
}

.appseo-home .wide_side_inner .side_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    z-index: 9;
    height: 110vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,.8);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/cl.png),auto
}

.appseo-home .body_overlay_on {
    overflow: hidden
}

.appseo-home .wide_side_inner.wide_side_on .side_overlay {
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg)
    }

    100% {
        -moz-transform: rotateY(0)
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg)
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0)
    }

    100% {
        -moz-transform: rotateY(-180deg)
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.appseo-banner-section .cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
    position: relative
}

.appseo-banner-section .cd-headline.rotate-3 b {
    opacity: 0
}

.appseo-banner-section .cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
    font-weight: 700
}

.appseo-banner-section .cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.appseo-banner-section .is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.appseo-banner-section .cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in .6s forwards;
    -moz-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards
}

.appseo-banner-section .cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out .6s forwards;
    -moz-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards
}

.appseo-banner-section .no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.appseo-banner-section .no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1
}

.appseo-banner-section .appseo-banner-content {
    max-width: 480px;
    padding: 380px 0 135px
}

.appseo-banner-section .appseo-banner-content h1 {
    color: #213e6e;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 15px
}

.appseo-banner-section .appseo-banner-content .cd-words-wrapper b.is-visible {
    position: relative
}

.appseo-banner-section .appseo-banner-content p {
    color: #213e6e;
    font-size: 20px;
    padding-bottom: 28px
}

.appseo-banner-section .appseo-banner-content .banner-call-action {
    width: 100%;
    margin-bottom: 65px;
    display: inline-block
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-icon {
    margin-right: 20px
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-icon i {
    font-size: 40px;
    color: #213e6e
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text {
    color: #213e6e;
    font-size: 26px;
    font-weight: 300;
    padding-top: 12px
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text span {
    color: #ff8533;
    font-weight: 600
}

.appseo-banner-section .appseo-banner-content .banner-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.appseo-banner-section .appseo-banner-content .banner-btn .qut-btn {
    z-index: 1;
    width: 200px;
    height: 62px;
    position: relative;
    line-height: 62px;
    margin-right: 20px;
    border-radius: 52px;
    background-size: 200% auto;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: -o-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%)
}

.appseo-banner-section .appseo-banner-content .banner-btn .qut-btn a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.appseo-banner-section .appseo-banner-content .banner-btn .qut-btn:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-position: right center
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn {
    z-index: 1;
    width: 70px;
    height: 70px;
    line-height: 72px;
    position: relative;
    border-radius: 100%;
    background-color: #fff
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn:before {
    top: -15px;
    left: -15px;
    z-index: -1;
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100%;
    background-color: #fff3ea
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21)
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn a {
    width: 100%;
    display: block;
    color: #ff8533;
    font-size: 25px
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn .video-border {
    position: absolute;
    z-index: -1;
    top: -15px;
    left: -15px;
    width: 100px;
    height: 100px;
    margin-left: .5px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #fff3ea;
    box-shadow: 0 0 0 0 #fff3ea;
    -webkit-animation: videoup 3s infinite;
    animation: videoup 3s infinite
}

.appseo-banner-section .banner-shape {
    z-index: -1;
    position: absolute
}

.appseo-banner-section .appseo-banner-shape1 {
    top: 0;
    left: -490px
}

.appseo-banner-section .appseo-banner-shape2 {
    top: 300px;
    left: 140px
}

.appseo-banner-section .appseo-banner-shape3 {
    top: 0;
    right: 0
}

.appseo-banner-section .appseo-banner-shape4 {
    left: 50%;
    top: 260px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.appseo-banner-section .appseo-banner-vector {
    top: 200px;
    right: 140px;
    -webkit-animation: appseoupdown 2s infinite alternate;
    animation: appseoupdown 2s infinite alternate
}

.appseo-service-section {
    padding: 0 0 120px
}

.appseo-service-section .appseo-service-vector {
    position: absolute;
    bottom: 150px;
    left: 140px
}

.appseo-service-content {
    padding-top: 40px
}

.appseo-service-content .appseo-service-icon-text {
    z-index: 1;
    overflow: hidden;
    padding: 55px 65px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 0 35px 0 rgba(164,177,235,.13);
    box-shadow: 0 0 35px 0 rgba(164,177,235,.13)
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon {
    width: 142px;
    height: 142px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-bottom: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#6cc8e0 15%,#afe1ee 100%);
    background-image: -o-linear-gradient(45deg,#6cc8e0 15%,#afe1ee 100%);
    background-image: linear-gradient(45deg,#6cc8e0 15%,#afe1ee 100%)
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon i {
    font-size: 70px;
    color: #fff
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon:before,.appseo-service-content .appseo-service-icon-text .appseo-service-icon:after {
    top: 15px;
    left: -25px;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/sericon2.png)
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon:after {
    top: 0;
    left: auto;
    right: -45px;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/sericon1.png)
}

.appseo-service-content .appseo-service-icon-text .appseo-service-text h3 {
    color: #213e6e;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 12px
}

.appseo-service-content .appseo-service-icon-text .appseo-service-text p {
    color: #415e8d;
    line-height: 1.75
}

.appseo-service-content .appseo-service-icon-text:before {
    top: -135px;
    right: -120px;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/s-shape1.png)
}

.appseo-service-content .appseo-service-box {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #fff
}

.appseo-service-content .appseo-service-box:after {
    left: 0;
    right: 0;
    content: '';
    height: 8px;
    bottom: -4px;
    width: 240px;
    margin: 0 auto;
    position: absolute;
    border-radius: 30px;
    background-color: #8fd5e7;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-service-content .appseo-service-box:hover {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px)
}

.appseo-service-content .appseo-service-box:hover:after {
    width: 270px
}

.appseo-service-content .appseo-service-box:hover .appseo-service-icon-text:before {
    top: -145px;
    right: -130px
}

.appseo-service-content .col-lg-4:nth-child(2) .appseo-service-box:after {
    background-color: #f83
}

.appseo-service-content .col-lg-4:nth-child(2) .appseo-service-box .appseo-service-icon {
    background-image: -webkit-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: -o-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: linear-gradient(45deg,#ff6626 15%,#ffa641 100%)
}

.appseo-service-content .col-lg-4:nth-child(3) .appseo-service-box:after {
    background-color: #3c58e8
}

.appseo-service-content .col-lg-4:nth-child(3) .appseo-service-box .appseo-service-icon {
    background-image: -webkit-linear-gradient(45deg,#2b3fe1 15%,#4f73ef 100%);
    background-image: -o-linear-gradient(45deg,#2b3fe1 15%,#4f73ef 100%);
    background-image: linear-gradient(45deg,#2b3fe1 15%,#4f73ef 100%)
}

.appseo-about-section {
    padding: 300px 0 105px
}

.appseo-about-section:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/abbg.png)
}

.appseo-about-section .partner-slide-area {
    padding-top: 110px
}

.appseo-about-section .partner-slide-area .owl-item img {
    width: inherit
}

.appseo-about-section .partner-slide-area .owl-nav {
    display: none
}

.appseo-about-section .appseo-about-img {
    top: 0;
    left: -110px;
    position: absolute
}

.appseo-about-section .appseo-about-content {
    float: right;
    max-width: 580px;
    padding-right: 100px
}

.appseo-about-section .appseo-about-content .appseo-section-title2 h2 {
    padding-bottom: 15px
}

.appseo-about-section .appseo-about-content .appseo-about-quote {
    position: relative;
    margin: 25px 0 46px
}

.appseo-about-section .appseo-about-content .appseo-about-quote .quote-icon-about {
    top: -12px;
    left: 0;
    position: absolute
}

.appseo-about-section .appseo-about-content .appseo-about-quote .quote-icon-about i {
    font-size: 40px;
    color: #ff8533
}

.appseo-about-section .appseo-about-content .appseo-about-quote .quote-text-about {
    color: #ff8533;
    font-weight: 600;
    padding-left: 65px;
    font-style: italic
}

.appseo-about-section .appseo-about-content .appseo-about-btn {
    color: #fff;
    height: 60px;
    width: 220px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    border-radius: 40px;
    background-size: 200% auto;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: -o-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%)
}

.appseo-about-section .appseo-about-content .appseo-about-btn a {
    width: 100%;
    display: block
}

.appseo-about-section .appseo-about-content .appseo-about-btn:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-position: right center
}

.ready-to-grow-section {
    overflow: visible!important;
    padding: 120px 0 130px;
    z-index: 1;
    background-color: #00183e
}

.ready-to-grow-section:before {
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/r-shape.png)
}

.ready-to-grow-section .ready-vector {
    top: -20px;
    left: 50px;
    position: absolute;
    -webkit-animation: appseoupdown 2s infinite alternate;
    animation: appseoupdown 2s infinite alternate
}

.ready-to-grow-section .ready-go-title {
    color: #fff;
    padding-bottom: 50px
}

.ready-to-grow-section .ready-go-title span {
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.ready-to-grow-section .ready-go-title h2 {
    font-size: 40px;
    font-weight: 700
}

.ready-to-grow-section .ready-go-form {
    margin: 0 auto;
    max-width: 955px
}

.ready-to-grow-section .ready-go-form .ready-go-input-area {
    height: 60px;
    overflow: hidden;
    position: relative;
    border-radius: 40px
}

.ready-to-grow-section .ready-go-form .ready-go-input-area:before {
    top: 0;
    left: 41%;
    width: 2px;
    content: '';
    height: 100px;
    position: absolute;
    background-color: #ddd
}

.ready-to-grow-section .ready-go-form .ready-go-input-area input {
    float: left;
    width: 395px;
    height: 60px;
    border: 0;
    padding-left: 30px
}

.ready-to-grow-section .ready-go-form .sub-btn {
    position: absolute;
    top: 0;
    right: 0
}

.ready-to-grow-section .ready-go-form .sub-btn button {
    color: #fff;
    height: 60px;
    width: 220px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    border-radius: 40px;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(45deg,#ff6525 15%,#ffa942 100%);
    background-image: -o-linear-gradient(45deg,#ff6525 15%,#ffa942 100%);
    background-image: linear-gradient(45deg,#ff6525 15%,#ffa942 100%)
}

.appseo-mission-area-section {
    padding: 145px 0 140px;
    position: relative;
    z-index: 1
}

.appseo-mission-area-section:after {
    top: -30%;
    right: -55%;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/rg-shape1.png)
}

.appseo-mission-area-section .appseo-mission-vector {
    right: 0;
    top: 180px;
    position: absolute
}

.appseo-mission-area-text {
    max-width: 480px
}

.appseo-mission-area-text .appseo-section-title2 {
    padding-bottom: 85px
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content {
    width: 100%;
    margin-bottom: 40px;
    display: inline-block
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon {
    z-index: 1;
    top: 20px;
    float: left;
    width: 115px;
    height: 112px;
    margin-left: 30px;
    position: relative
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon i {
    font-size: 50px;
    color: #fff
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon:before {
    top: -25px;
    left: -35px;
    content: '';
    z-index: -1;
    width: 130px;
    height: 130px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/ms1.png)
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content:nth-child(2) .appseo-mission-item-icon:before {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/ms2.png)
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content:nth-child(3) .appseo-mission-item-icon:before {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/ms3.png)
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-area-text h3 {
    color: #213e6e;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px
}

.appseo-pricing-section {
    overflow: visible!important;
    position: relative
}

.appseo-pricing-section:after {
    top: 35%;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/abbg.png)
}

.appseo-pricing-section .appseo-pricing-title {
    margin: 0 auto;
    max-width: 675px;
    padding-bottom: 125px
}

.appseo-pricing-section .appseo-pricing-title h2 {
    color: #213e6e;
    font-size: 40px;
    font-weight: 700
}

.appseo-pricing-section .appseo-pricing-item {
    padding-bottom: 80px;
    position: relative;
    z-index: 1
}

.appseo-pricing-section .appseo-pricing-item:after {
    content: '';
    height: 275px;
    width: 275px;
    bottom: 15px;
    right: -100px;
    z-index: -1;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/pr-shape.png);
    position: absolute
}

.appseo-pricing-section .appseo-pricing-inner-box {
    z-index: 1;
    margin: 0 auto;
    max-width: 350px;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    padding: 125px 45px 50px;
    -webkit-box-shadow: 0 0 35px 0 rgba(164,177,235,.13);
    box-shadow: 0 0 35px 0 rgba(164,177,235,.13)
}

.appseo-pricing-section .appseo-pricing-inner-box:after {
    right: 0;
    bottom: 0;
    z-index: -1;
    content: '';
    width: 210px;
    height: 125px;
    position: absolute;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/shape/prs.png)
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-img {
    top: -90px;
    left: 0;
    right: 0;
    position: absolute
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price-title h3 {
    font-size: 20px;
    font-weight: 600
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price {
    font-weight: 600;
    line-height: 1;
    padding: 20px 0 5px
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price span {
    color: #3d59e8;
    font-size: 50px
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price strong {
    line-height: 1;
    color: #213e6e;
    font-size: 60px;
    font-weight: 600
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-module {
    margin-bottom: 20px
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-module span {
    font-weight: 600
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-list li {
    padding: 8px 0;
    border-bottom: 2px dashed #e9e9e9
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-list li:last-child {
    border-bottom: 0
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn {
    color: #fff;
    height: 60px;
    width: 260px;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 700;
    line-height: 60px;
    border-radius: 40px;
    text-transform: uppercase;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-size: 200% auto;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: -o-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%)
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn a {
    display: block;
    width: 100%
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-position: right center
}

.appseo-pricing-section .appseo-pricing-inner-box.popular-appseo {
    top: 35px;
    position: relative
}

.appseo-pricing-section .appseo-pricing-inner-box.popular-appseo .appseo-pricing-btn {
    background-image: -webkit-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: -o-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: linear-gradient(45deg,#ff6626 15%,#ffa641 100%)
}

.appseo-testimonial-section {
    padding: 40px 0 95px;
    background-color: #f4f8ff
}

.appseo-testimonial-section .testi-circle-shape {
    position: absolute;
    top: 0;
    left: -30%
}

.appseo-testimonial-content {
    z-index: 1;
    margin: 0 auto;
    max-width: 705px;
    margin-top: 30px;
    position: relative
}

.appseo-testimonial-content:before {
    left: 0;
    right: 0;
    top: -15px;
    z-index: -1;
    line-height: 1;
    color: #e9f0fb;
    content: '\f10e';
    font-weight: 900;
    font-size: 205px;
    position: absolute;
    text-align: center;
    font-family: 'font awesome 5 free'
}

.appseo-testimonial-content .slick-dots {
    display: none
}

.appseo-testimonial-content .slick-dotted.slick-slider {
    margin-bottom: 0
}

.appseo-testimonial-content .appseo-testimonial-quote {
    position: relative;
    padding-bottom: 110px
}

.appseo-testimonial-content .appseo-testimonial-quote:before {
    left: 0;
    right: 0;
    bottom: 70px;
    height: 5px;
    content: '';
    width: 290px;
    margin: 0 auto;
    position: absolute;
    background-color: #ff8533
}

.appseo-testimonial-content .appseo-testimonial-text {
    font-size: 24px;
    font-style: italic
}

.appseo-testimonial-content .appseo-testimonial-trigger {
    position: relative
}

.appseo-testimonial-content .appseo-testimonial-trigger:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -70px;
    left: -24px;
    right: 0;
    margin: 0 auto;
    border-left: 50px solid transparent;
    border-right: 0 solid transparent;
    border-top: 30px solid #ff8533
}

.appseo-testimonial-content .appseo-testimonial-trigger:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: -75px;
    left: -28px;
    margin: 0 auto;
    border-left: 45px solid transparent;
    border-right: 0 solid transparent;
    border-top: 25px solid #fff
}

.appseo-testimonial-content .appseo-testimonial-trigger .slick-list {
    margin: 0 auto;
    width: 645px!important;
    padding: 0!important
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi {
    margin: 0 30px
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi h3 {
    font-size: 30px;
    font-weight: 700;
    color: rgba(61,89,232,.4);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi span {
    opacity: .5;
    color: #999;
    text-transform: uppercase;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center h3 {
    color: #ff8533
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center span {
    opacity: 1
}

.appseo-case-study-section {
    padding: 110px 0 70px
}

.appseo-case-study-section .appseo-section-title {
    margin-bottom: 40px
}

.appseo-case-study-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.appseo-case-study-img-text {
    width: 390px;
    margin: 5px
}

.appseo-case-study-img-text .appseo-case-img {
    overflow: hidden;
    position: relative;
    border-radius: 15px
}

.appseo-case-study-img-text .appseo-case-img:after {
    top: 0;
    left: 0;
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    border-radius: 15px;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background-image: -webkit-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: -o-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: linear-gradient(45deg,#ff6626 15%,#ffa641 100%)
}

.appseo-case-study-img-text .appseo-case-img img {
    border-radius: 15px;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.appseo-case-study-img-text .appseo-case-text {
    top: -45px;
    left: 25px;
    padding: 25px 30px;
    max-width: 352px;
    border-radius: 20px;
    position: relative;
    background-color: #fff;
    border-top-right-radius: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 0 35px 0 rgba(164,177,235,.13);
    box-shadow: 0 0 35px 0 rgba(164,177,235,.13)
}

.appseo-case-study-img-text .appseo-case-text span {
    color: #ff8533;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.appseo-case-study-img-text .appseo-case-text h3 {
    padding-top: 10px;
    color: #213e6e;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-case-study-img-text:hover .appseo-case-text {
    background-color: #244479
}

.appseo-case-study-img-text:hover .appseo-case-text h3 {
    color: #fff
}

.appseo-case-study-img-text:hover .appseo-case-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.appseo-case-study-img-text:hover .appseo-case-img:after {
    opacity: .8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.appseo-cta-section {
    z-index: 1;
    overflow: visible!important;
    padding: 120px 0 105px
}

.appseo-cta-section .appseo-call-vector {
    top: 45px;
    right: 220px;
    position: absolute;
    -webkit-animation: flying 1.5s linear infinite;
    animation: flying 1.5s linear infinite
}

.appseo-cta-section:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-seo/banner/ctabg.jpg)
}

.appseo-cta-section .overlay-bg {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .9;
    position: absolute;
    background-image: -webkit-linear-gradient(45deg,#05297d 15%,#0e75e6 100%);
    background-image: -o-linear-gradient(45deg,#05297d 15%,#0e75e6 100%);
    background-image: linear-gradient(45deg,#05297d 15%,#0e75e6 100%)
}

.appseo-cta-section .appseo-cta-content {
    padding-left: 125px
}

.appseo-cta-section .appseo-cta-content h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700
}

.appseo-cta-section .appseo-call-btn-area {
    padding-left: 90px
}

.appseo-cta-section .appseo-cta-btn {
    color: #fff;
    z-index: 5;
    height: 70px;
    width: 255px;
    font-size: 14px;
    font-weight: 700;
    line-height: 70px;
    position: relative;
    border-radius: 40px;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(45deg,#ff6525 15%,#ffa942 100%);
    background-image: -o-linear-gradient(45deg,#ff6525 15%,#ffa942 100%);
    background-image: linear-gradient(45deg,#ff6525 15%,#ffa942 100%)
}

.appseo-cta-section .appseo-cta-btn a {
    width: 100%;
    display: block
}

.bubble-dotted {
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: absolute;
    pointer-events: none
}

.bubble-dotted .dotted {
    position: absolute;
    border-radius: 50%
}

.bubble-dotted .dotted-1 {
    width: 11px;
    height: 11px;
    left: 100px;
    top: 50%;
    -webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate
}

.bubble-dotted .dotted-2 {
    width: 7px;
    height: 7px;
    left: 240px;
    top: 40%;
    -webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate
}

.bubble-dotted .dotted-3 {
    width: 11px;
    height: 11px;
    left: 460px;
    top: 30%;
    -webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate
}

.bubble-dotted .dotted-4 {
    width: 16px;
    height: 16px;
    left: 430px;
    top: 90%;
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate
}

.bubble-dotted .dotted-5 {
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate
}

.bubble-dotted .dotted-6 {
    width: 9px;
    height: 9px;
    left: 70%;
    top: 230px;
    -webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate
}

.bubble-dotted .dotted-7 {
    width: 6px;
    height: 6px;
    left: 65%;
    top: 30%;
    -webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate
}

.bubble-dotted .dotted-8 {
    width: 6px;
    height: 6px;
    left: 85%;
    top: 35%;
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate
}

.bubble-dotted .dotted-9 {
    width: 13px;
    height: 13px;
    left: 90%;
    top: 40%;
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate
}

.bubble-dotted .dotted-10 {
    width: 12px;
    height: 12px;
    left: 80%;
    top: 70%;
    -webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate
}

.appseo-cta-section .bubble-dotted .dotted {
    position: absolute;
    background: #fff;
    border-radius: 50%
}

.appseo-cta-section .bubble-dotted .dotted-1 {
    width: 6px;
    height: 6px;
    left: 270px;
    top: 100px
}

.appseo-cta-section .bubble-dotted .dotted-2 {
    width: 6px;
    height: 6px;
    left: 190px;
    top: 210px
}

.appseo-cta-section .bubble-dotted .dotted-3 {
    width: 11px;
    height: 11px;
    left: 150px;
    top: 90%
}

.appseo-cta-section .bubble-dotted .dotted-4 {
    width: 11px;
    height: 11px;
    left: 25%;
    top: 100px
}

.appseo-cta-section .bubble-dotted .dotted-5 {
    width: 11px;
    height: 11px;
    left: 45%;
    top: 60px
}

.appseo-cta-section .bubble-dotted .dotted-6 {
    width: 6px;
    height: 6px;
    left: 50%;
    top: 370px
}

.appseo-cta-section .bubble-dotted .dotted-7 {
    width: 9px;
    height: 9px;
    left: 75%;
    top: 25px
}

.appseo-cta-section .bubble-dotted .dotted-8 {
    width: 8px;
    height: 8px;
    left: 77%;
    top: 170px
}

.appseo-cta-section .bubble-dotted .dotted-9 {
    width: 6px;
    height: 6px;
    left: 85%;
    top: 50%
}

.appseo-cta-section .bubble-dotted .dotted-10 {
    width: 6px;
    height: 6px;
    left: 90%;
    top: 80%
}

.appseo-blog-section {
    padding: 110px 0 125px;
    background-color: #f4f8ff
}

.appseo-blog-section .appseo-section-title {
    margin-bottom: 35px
}

.appseo-blog-img-text {
    z-index: 1;
    position: relative
}

.appseo-blog-img-text:before {
    left: -5px;
    z-index: -1;
    content: '';
    width: 100%;
    top: 150px;
    height: 300px;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-blog-img-text .appseo-blog-img .appseo-post-meta {
    right: 25px;
    height: 88px;
    width: 85px;
    bottom: -10px;
    color: #fff;
    height: 90px;
    line-height: 1;
    font-size: 15px;
    padding-top: 15px;
    position: absolute;
    border-radius: 10px;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: -o-linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%);
    background-image: linear-gradient(45deg,#2e42e2 15%,#4d71ee 100%)
}

.appseo-blog-img-text .appseo-blog-img .appseo-post-meta span {
    line-height: 1;
    display: block;
    font-size: 40px;
    font-weight: 700
}

.appseo-blog-img-text .appseo-blog-text {
    padding: 30px 45px
}

.appseo-blog-img-text .appseo-blog-text h3 {
    line-height: 1.364;
    color: #213e6e;
    font-size: 22px;
    font-weight: 600;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-blog-img-text .appseo-blog-text .appseo-blog-meta span {
    color: #415e8d;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-blog-img-text .appseo-blog-text .appseo-blog-meta a {
    color: #ff8533
}

.appseo-blog-img-text:hover:before {
    background-color: #1d3762
}

.appseo-blog-img-text:hover .appseo-blog-img .appseo-post-meta {
    background-image: -webkit-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: -o-linear-gradient(45deg,#ff6626 15%,#ffa641 100%);
    background-image: linear-gradient(45deg,#ff6626 15%,#ffa641 100%)
}

.appseo-blog-img-text:hover .appseo-blog-text h3 {
    color: #fff
}

.appseo-blog-img-text:hover .appseo-blog-meta span {
    color: #fff
}

.appseo-newsletter-section {
    padding: 85px 0
}

.appseo-newsletter-section .newsletter-vector {
    left: -125px;
    bottom: -150px;
    position: absolute
}

.appseo-newsletter-text h2 {
    color: #213e6e;
    font-size: 40px;
    font-weight: 800
}

.appseo-newsletter-box {
    padding-left: 100px
}

.appseo-newsletter-box input {
    width: 100%;
    height: 70px;
    border: 0;
    padding-left: 30px;
    border-radius: 40px;
    -webkit-box-shadow: 0 5px 24px 0 rgba(0,0,0,.09);
    box-shadow: 0 5px 24px 0 rgba(0,0,0,.09)
}

.appseo-newsletter-box .nws-button {
    top: 8px;
    right: 15px
}

.appseo-newsletter-box .nws-button button {
    color: #fff;
    height: 55px;
    width: 160px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    box-shadow: 1.392px 9.903px 10px 0 rgba(66,97,234,.21);
    background-image: -webkit-linear-gradient(45deg,#ff6525 15%,#ffa942 100%);
    background-image: -o-linear-gradient(45deg,#ff6525 15%,#ffa942 100%);
    background-image: linear-gradient(45deg,#ff6525 15%,#ffa942 100%)
}

.appseo-footer-area-section {
    padding: 120px 0 130px
}

.appseo-footer-area-section:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0,5,46,.9);
    top: 0;
    left: 0
}

.appseo-footer-widget .appseo-widget-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 35px
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-logo {
    margin-bottom: 20px
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-about p {
    color: #ddd;
    max-width: 490px;
    line-height: 1.875;
    padding-bottom: 15px
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-about strong {
    color: #6d83f9;
    font-size: 14px;
    font-weight: 700
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-about span {
    color: #fff;
    display: block;
    font-size: 14px;
    max-width: 170px
}

.appseo-footer-widget .menu li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px
}

.appseo-footer-widget .menu li:before,.appseo-footer-widget .menu li:after {
    left: 0;
    top: 10px;
    width: 7px;
    content: '';
    height: 7px;
    position: absolute;
    border-radius: 100%;
    background-color: #ff8533
}

.appseo-footer-widget .menu li:after {
    left: 10px
}

.appseo-footer-widget .menu li a {
    color: #c9c9c9;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appseo-footer-widget .menu li a:hover {
    color: #ff8533
}

.appseo-copyright {
    margin-top: 30px;
    width: 100%;
    position: relative;
    display: inline-block
}

.appseo-copyright:after {
    top: 18px;
    content: '';
    height: 2px;
    width: 450px;
    right: 20%;
    margin: 0 auto;
    position: absolute;
    background-color: #333a66
}

.appseo-copyright .appseo-copyright-text {
    float: left
}

.appseo-copyright .appseo-copyright-text span {
    color: #ddd
}

.appseo-copyright .appseo-copyright-text span a {
    color: #ff8533
}

.appseo-copyright .appseo-footer-social {
    float: right
}

.appseo-copyright .appseo-footer-social a {
    width: 45px;
    color: #fff;
    height: 45px;
    margin-left: 5px;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
    display: inline-block
}

.appseo-copyright .appseo-footer-social a:nth-child(1) {
    background-color: #2662db
}

.appseo-copyright .appseo-footer-social a:nth-child(2) {
    background-color: #e2463d
}

.appseo-copyright .appseo-footer-social a:nth-child(3) {
    background-color: #28c5f4
}

.appseo-copyright .appseo-footer-social a:nth-child(4) {
    background-color: #206096
}

.appseo-copyright .appseo-footer-social a:nth-child(5) {
    background-color: #d0101f
}

.appseo-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.19);
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation {
    width: 100%
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav {
    width: 100%
}

.appseo-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px;
    text-transform: uppercase
}

.appseo-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.appseo-mobile_menu_wrap.mobile_menu_on .appseo-mobile_menu_content {
    right: 0;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.appseo-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.appseo-mobile_menu_button {
    position: absolute;
    display: none;
    right: 0;
    cursor: pointer;
    line-height: 40px;
    color: #f83;
    text-align: center;
    font-size: 30px;
    top: -40px;
    z-index: 5
}

.appseo-mobile_menu .appseo-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.appseo-mobile_menu .appseo-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.appseo-mobile_menu .appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.appseo-mobile_menu .appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1
}

.appseo-mobile_menu .dropdown {
    position: relative
}

.appseo-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.appseo-mobile_menu .dropdown .dropdown-btn:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

.appseo-mobile_menu .appseo-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

@media screen and (max-width: 1440px) {
    .appseo-banner-section .appseo-banner-shape2 {
        left:0
    }

    .appseo-banner-section .appseo-banner-vector {
        right: -65px
    }

    .appseo-service-section .appseo-service-vector {
        left: -20px
    }

    .ready-to-grow-section .ready-vector {
        left: -160px
    }

    .appseo-mission-area-section .appseo-mission-vector {
        right: -24%
    }

    .appseo-case-study-img-text .appseo-case-text h3 {
        font-size: 18px
    }

    .appseo-case-study-img-text .appseo-case-text {
        left: 11px;
        padding: 20px;
        max-width: 255px
    }

    .appseo-cta-section .appseo-call-vector {
        right: 45px
    }
}

@media screen and (max-width: 1280px) {
    .appseo-case-study-content {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .appseo-case-study-img-text .appseo-case-text {
        left: 25px;
        padding: 25px 30px;
        max-width: 365px
    }
}

@media screen and (max-width: 1199px) {
    .appseo-banner-section .appseo-banner-vector {
        right:-125px
    }

    .appseo-mission-area-section .appseo-mission-vector {
        right: -35%
    }

    .appseo-testimonial-section .testi-circle-shape {
        display: none
    }

    .appseo-about-section .appseo-about-img {
        left: -260px
    }
}

@media screen and (max-width: 1045px) {
    .appseo-main-header .header-button {
        width:150px
    }

    .appseo-banner-section .appseo-banner-shape2 {
        display: none
    }

    .appseo-banner-section .appseo-banner-vector {
        right: -310px
    }

    .appseo-service-section .appseo-service-vector {
        z-index: -1
    }

    .appseo-mission-area-section .appseo-mission-vector {
        right: -50%
    }

    .appseo-case-study-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .appseo-cta-section .appseo-cta-content {
        padding-left: 0
    }
}

@media screen and (max-width: 991px) {
    .appseo-banner-section .appseo-banner-vector {
        position:static
    }

    .appseo-banner-section .appseo-banner-content {
        padding: 200px 0 50px
    }

    .appseo-service-section {
        padding: 60px 0 20px
    }

    .appseo-service-content .appseo-service-box {
        margin: 0 auto;
        max-width: 370px;
        background-color: #fff;
        margin-bottom: 60px
    }

    .appseo-about-section .appseo-about-img {
        position: static;
        margin-bottom: 40px
    }

    .ready-to-grow-section .ready-vector {
        display: none
    }

    .ready-to-grow-section .ready-go-form .ready-go-input-area {
        height: auto;
        border-radius: 0
    }

    .ready-to-grow-section .ready-go-form .ready-go-input-area:before {
        display: none
    }

    .ready-to-grow-section .ready-go-form .ready-go-input-area input {
        width: 100%;
        border-radius: 40px;
        margin-bottom: 30px
    }

    .ready-to-grow-section .ready-go-form .sub-btn {
        position: static
    }

    .appseo-mission-area-section .appseo-mission-vector {
        display: none
    }

    .appseo-pricing-section .appseo-pricing-inner-box {
        margin-bottom: 140px
    }

    .appseo-case-study-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .appseo-cta-section .appseo-cta-btn {
        margin: 0 auto
    }

    .appseo-cta-section .appseo-cta-content {
        padding-bottom: 30px
    }

    .appseo-cta-section .appseo-call-vector {
        display: none
    }

    .appseo-blog-img-text {
        max-width: 370px;
        margin: 0 auto;
        margin-bottom: 40px
    }

    .appseo-newsletter-box {
        padding-left: 0;
        margin-top: 20px
    }

    .appseo-newsletter-box .nws-button {
        top: 28px
    }

    .appseo-copyright:after {
        display: none
    }

    .appseo-menu-wrapper {
        display: none
    }

    .appseo-mobile_menu_button {
        display: block
    }

    .appseo-footer-widget .appseo-widget-title {
        padding-bottom: 20px
    }

    .appseo-footer-widget {
        margin-bottom: 40px
    }

    .appseo-main-header {
        padding-top: 30px
    }

    .appseo-main-header.appseo-sticky-header-overlay {
        padding-top: 10px
    }
}

@media screen and (max-width: 580px) {
    .appseo-banner-section .appseo-banner-shape2 {
        display:none
    }

    .appseo-about-section {
        padding-top: 20px
    }

    .appseo-cta-section .appseo-cta-content h2 {
        font-size: 32px
    }

    .appseo-blog-section {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .appseo-banner-section .appseo-banner-content h1 {
        font-size:40px
    }

    .appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text {
        font-size: 22px
    }

    .appseo-section-title h2 {
        font-size: 32px
    }

    .appseo-section-title2 h2 {
        font-size: 32px
    }

    .ready-to-grow-section .ready-go-title h2 {
        font-size: 32px
    }

    .ready-to-grow-section .ready-go-title span {
        font-size: 18px
    }

    .ready-to-grow-section .ready-go-title {
        padding-bottom: 30px
    }

    .appseo-pricing-section .appseo-pricing-item:after {
        display: none
    }

    .appseo-case-study-img-text .appseo-case-text h3 {
        font-size: 22px
    }

    .appseo-cta-section .appseo-cta-content {
        padding-left: 0
    }

    .appseo-cta-section .appseo-cta-btn {
        margin: 0
    }

    .appseo-cta-section .appseo-call-btn-area {
        padding-left: 0
    }
}

@media screen and (max-width: 420px) {
    .appseo-banner-section .appseo-banner-content {
        padding:180px 0 50px
    }

    .appseo-banner-section .appseo-banner-content .banner-call-action {
        margin-bottom: 40px
    }

    .appseo-banner-section .appseo-banner-content .banner-btn .qut-btn {
        line-height: 55px;
        width: 175px;
        height: 55px
    }

    .appseo-about-section .appseo-about-content {
        padding-right: 0
    }

    .appseo-pricing-section .appseo-pricing-title h2 {
        font-size: 30px
    }

    .ready-to-grow-section .ready-go-form .sub-btn button {
        width: 185px;
        height: 50px;
        line-height: 50px
    }

    .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price strong {
        font-size: 50px
    }

    .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price span {
        font-size: 30px
    }

    .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn {
        width: 190px;
        margin: 0 auto;
        margin-top: 15px
    }

    .appseo-testimonial-content .appseo-testimonial-trigger:after,.appseo-testimonial-content .appseo-testimonial-trigger:before {
        display: none
    }

    .appseo-cta-section .appseo-cta-btn {
        width: 180px;
        height: 60px;
        line-height: 60px
    }

    .appseo-newsletter-box .nws-button button {
        width: 120px
    }

    .appseo-copyright .appseo-footer-social,.appseo-copyright .appseo-copyright-text {
        float: none;
        display: block;
        margin-bottom: 20px
    }

    .appseo-about-section {
        padding-bottom: 70px
    }

    .ready-to-grow-section {
        padding: 50px 0 60px
    }

    .appseo-mission-area-section {
        padding: 60px 0
    }

    .appseo-mission-area-text .appseo-section-title2 {
        padding-bottom: 40px
    }

    .appseo-pricing-section .appseo-pricing-item {
        padding-bottom: 0
    }

    .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-img {
        position: static;
        margin-bottom: 20px
    }

    .appseo-pricing-section .appseo-pricing-inner-box {
        padding-top: 50px
    }

    .appseo-pricing-section .appseo-pricing-inner-box {
        margin-bottom: 40px
    }

    .appseo-pricing-section .appseo-pricing-inner-box.popular-appseo {
        top: 0
    }

    .appseo-testimonial-content .appseo-testimonial-text {
        font-size: 20px
    }

    .appseo-testimonial-section {
        padding: 40px 0 75px
    }

    .appseo-testimonial-content .appseo-testimonial-quote {
        padding-bottom: 65px
    }

    .appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi h3 {
        font-size: 24px
    }

    .appseo-case-study-section {
        padding: 60px 0 20px
    }

    .appseo-cta-section {
        padding: 60px 0 50px
    }

    .appseo-blog-section {
        padding: 50px 0
    }

    .appseo-footer-area-section {
        padding: 60px 0
    }

    .appseo-pricing-section .appseo-pricing-title {
        padding-bottom: 40px
    }

    .appseo-newsletter-text h2 {
        font-size: 32px
    }

    .ready-to-grow-section .ready-go-form .ready-go-input-area input {
        height: 50px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 380px) {
    .appseo-mission-area-text p {
        font-size:15px;
        overflow: hidden
    }

    .appseo-testimonial-content .appseo-testimonial-quote:before {
        display: none
    }

    .appseo-newsletter-box input {
        padding-left: 15px
    }

    .appseo-newsletter-box input::-webkit-input-placeholder {
        font-size: 14px
    }

    .appseo-newsletter-box input:-ms-input-placeholder {
        font-size: 14px
    }

    .appseo-newsletter-box input::-ms-input-placeholder {
        font-size: 14px
    }

    .appseo-newsletter-box input::placeholder {
        font-size: 14px
    }
}

@media screen and (max-width: 360px) {
    .appseo-banner-section .appseo-banner-content h1 {
        font-size:35px
    }

    .appseo-service-content .appseo-service-icon-text {
        padding: 55px 45px
    }
}

@media screen and (max-width: 320px) {
    .appseo-banner-section .appseo-banner-content h1 {
        font-size:30px
    }

    .appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text {
        font-size: 20px
    }

    .appseo-section-title h2 {
        font-size: 30px
    }

    .appseo-service-content .appseo-service-icon-text {
        padding: 55px 30px
    }

    .appseo-section-title2 h2 {
        font-size: 28px
    }

    .appseo-about-section .appseo-about-content .appseo-about-quote .quote-text-about {
        padding-left: 50px
    }

    .ready-to-grow-section .ready-go-title h2 {
        font-size: 28px
    }

    .ready-to-grow-section .ready-go-title span {
        font-size: 16px
    }

    .appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-area-text h3 {
        font-size: 20px
    }
}

.str-portfolio-section .str-portfolio-area .owl-nav .owl-prev,.str-team-section .str-team-member-item .owl-nav .owl-prev,.str-portfolio-section .str-portfolio-area .owl-nav .owl-next,.str-team-section .str-team-member-item .owl-nav .owl-next {
    top: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    background-color: #d5dbe6;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-portfolio-section .str-portfolio-area .owl-nav .owl-prev:hover,.str-team-section .str-team-member-item .owl-nav .owl-prev:hover,.str-portfolio-section .str-portfolio-area .owl-nav .owl-next:hover,.str-team-section .str-team-member-item .owl-nav .owl-next:hover {
    color: #fff;
    background-color: #4de3ef
}

.str-portfolio-section .str-portfolio-area .owl-nav .owl-next,.str-team-section .str-team-member-item .owl-nav .owl-next {
    right: -20px
}

.str-portfolio-section .str-portfolio-area .owl-nav .owl-prev,.str-team-section .str-team-member-item .owl-nav .owl-prev {
    left: -20px
}

@-webkit-keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px currentColor;
        box-shadow: 0 0 0 30px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px #082680;
        box-shadow: 0 0 0 30px #082680;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680;
        opacity: 0
    }
}

@-webkit-keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px currentColor;
        box-shadow: 0 0 0 30px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@-webkit-keyframes borderpls2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #082680;
        box-shadow: 0 0 0 10px #082680;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680;
        opacity: 0
    }
}

@keyframes borderpls2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #082680;
        box-shadow: 0 0 0 10px #082680;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680;
        opacity: 0
    }
}

@-webkit-keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeFromUp {
    -webkit-animation-name: fadeFromUp;
    animation-name: fadeFromUp
}

.fadeFromRight {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight
}

.fadeFromLeft {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft
}

.str-home {
    margin: 0;
    padding: 0;
    color: #494949;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.str-home ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.str-home ::selection {
    color: #fff;
    background-color: #6e3ebf
}

.str-home ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.str-home .container {
    max-width: 1200px
}

.ul-li ul {
    margin: 0;
    padding: 0
}

.str-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.str-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.str-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#str-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-startup/pre.svg) no-repeat center center
}

.str-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.decoration-wrapper {
    overflow: hidden;
    position: relative
}

.str-home a {
    color: inherit;
    text-decoration: none
}

.str-home a:hover,.str-home a:focus {
    text-decoration: none
}

.str-home img {
    max-width: 100%;
    height: auto
}

.str-home section {
    overflow: hidden
}

.str-home button {
    cursor: pointer
}

.str-home .form-control:focus,.str-home button:visited,.str-home button.active,.str-home button:hover,.str-home button:focus,.str-home input:visited,.str-home input.active,.str-home input:hover,.str-home input:focus,.str-home textarea:hover,.str-home textarea:focus,.str-home a:hover,.str-home a:focus,.str-home a:visited,.str-home a.active,.str-home select,.str-home select:hover,.str-home select:focus,.str-home select:visited {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.str-home .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.str-home .relative-position {
    position: relative
}

.str-home .pera-content p {
    margin-bottom: 0
}

@-moz-keyframes zooming {
    0% {
        -moz-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -moz-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes zooming {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes zooming {
    0% {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

.zooming {
    -moz-animation: zooming 18s infinite both;
    -webkit-animation: zooming 18s infinite both;
    animation: zooming 18s infinite both
}

.str-headline h1,.str-headline h2,.str-headline h3,.str-headline h4,.str-headline h5,.str-headline h6 {
    margin: 0;
    font-family: poppins
}

.str-section-title {
    max-width: 530px;
    margin: 0 auto
}

.str-section-title .str-title-tag {
    color: #53117f;
    font-size: 18px;
    font-weight: 500
}

.str-section-title h2 {
    color: #010101;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    padding: 30px 0 0
}

.str-section-title h2:before {
    left: 0;
    right: 0;
    top: 13px;
    height: 3px;
    width: 42px;
    content: '';
    margin: 0 auto;
    position: absolute;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%)
}

.str-section-title.str-title-left h2:before {
    right: auto
}

.str-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-color: #6e24c8
}

.str-scrollup i {
    color: #fff;
    font-size: 20px
}

.str-main-header {
    width: 100%;
    z-index: 9;
    padding-top: 22px;
    position: absolute
}

.default-str-header.str-main-header {
    width: 100%;
    z-index: 9;
    padding-top: 22px;
    background: #1a0d40;
    padding-bottom: 20px;
    position: absolute
}

.str-main-header .str-header-top .str-social a {
    color: #fff;
    margin-left: 10px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-main-header .str-header-top .str-social a:hover {
    color: #6e24c8
}

.str-main-header .str-header-top .str-language {
    padding: 0 20px 0 60px;
    position: relative
}

.str-main-header .str-header-top .str-language:after {
    top: 0;
    right: 0;
    color: #fff;
    content: '\f0d7';
    font-weight: 900;
    position: absolute;
    font-family: 'font awesome 5 free'
}

.str-main-header .str-header-top .str-language:before {
    top: 2px;
    left: 28px;
    width: 2px;
    content: '';
    height: 20px;
    position: absolute;
    background-color: #cfcfcf
}

.str-main-header .str-header-top .str-language a {
    color: #fff;
    font-size: 13px
}

.str-main-header .str-header-top .str-language a img {
    margin-right: 8px
}

.str-main-header .str-header-top .str-language ul {
    top: 50px;
    opacity: 0;
    z-index: 5;
    width: 120px;
    visibility: hidden;
    position: absolute;
    padding-bottom: 5px;
    background-color: #010101;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-main-header .str-header-top .str-language ul li a {
    display: block;
    padding: 5px 15px 3px;
    border-bottom: 1px solid #5a5a5a
}

.str-main-header .str-header-top .str-language ul li:last-child a {
    border-bottom: 0
}

.str-main-header .str-header-top .str-language:hover ul {
    top: 35px;
    opacity: 1;
    visibility: visible
}

.str-main-header .str-main-menu {
    margin-top: 18px
}

.str-main-header .str-main-menu-item .navbar-nav {
    display: inherit
}

.str-main-header .str-main-menu-item .str-main-navigation {
    background-color: #010004
}

.str-main-header .str-main-menu-item .str-main-navigation li a {
    z-index: 1;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding: 14px 40px;
    font-family: poppins;
    display: inline-block
}

.str-main-header .str-main-menu-item .str-main-navigation li a:after {
    top: 0;
    right: 0;
    left: auto;
    width: 0;
    content: '';
    z-index: -1;
    height: 100%;
    position: absolute;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%)
}

.str-main-header .str-main-menu-item .str-main-navigation li a:hover:after {
    left: 0;
    width: 100%;
    right: auto
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown {
    position: relative
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown:after {
    top: 18px;
    color: #fff;
    right: 24px;
    font-size: 10px;
    content: '\f067';
    font-weight: 900;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: 'font awesome 5 free'
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu {
    top: 50px;
    left: -20px;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    overflow: hidden;
    border-radius: 0;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:before {
    display: none
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 18px;
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-image: none;
    background-color: #4de3ef;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:hover {
    background-color: #6e24c8;
    color: #fff
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown:hover .dropdown-menu {
    left: 0;
    opacity: 1;
    visibility: visible
}

.str-sticky-menu {
    top: -40px;
    z-index: 9;
    position: fixed;
    padding: 10px 0 15px;
    background-color: #010101;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-main-header.str-sticky-menu .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu {
    top: 55px
}

.str-banner-slide-area {
    padding: 280px 0 250px
}

.str-banner-slide-area .owl-nav .owl-next,.str-banner-slide-area .owl-nav .owl-prev {
    top: 50%;
    opacity: 0;
    width: 60px;
    height: 60px;
    font-size: 20px;
    cursor: pointer;
    line-height: 60px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #d5dbe6;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.str-banner-slide-area .owl-nav .owl-next:hover,.str-banner-slide-area .owl-nav .owl-prev:hover {
    color: #fff;
    background-color: #6e24c8
}

.str-banner-slide-area .owl-nav .owl-prev {
    left: -200px
}

.str-banner-slide-area .owl-nav .owl-next {
    right: -200px
}

.str-banner-slide-area .str-banner-content {
    max-width: 765px
}

.str-banner-slide-area .str-banner-content h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    position: relative;
    padding-bottom: 70px;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 1e3ms ease;
    -o-transition: all 1e3ms ease;
    transition: all 1e3ms ease
}

.str-banner-slide-area .str-banner-content h1:after {
    left: 0;
    bottom: 35px;
    height: 5px;
    width: 92px;
    content: "";
    position: absolute;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%)
}

.str-banner-slide-area .str-banner-content p {
    opacity: 0;
    color: #fff;
    font-size: 18px;
    max-width: 630px;
    padding-bottom: 40px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 1e3ms ease;
    -o-transition: all 1e3ms ease;
    transition: all 1e3ms ease
}

.str-banner-slide-area .str-banner-content .custom-shortcode-btn a {
    padding-left: 40px;
    line-height: 36px
}

.str-banner-slide-area .str-banner-content a {
    height: 60px;
    width: 180px;
    color: #fff;
    font-weight: 700;
    line-height: 60px;
    border-radius: 40px;
    opacity: 0;
    font-family: poppins;
    position: relative;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    overflow: hidden;
    z-index: 1;
    background-color: #028bf8;
    -webkit-transition: all 1e3ms ease;
    -o-transition: all 1e3ms ease;
    transition: all 1e3ms ease
}

.str-banner-slide-area .str-banner-content a i {
    width: 38px;
    color: #fff;
    height: 38px;
    margin-right: 7px;
    line-height: 38px;
    border-radius: 100%;
    display: inline-block;
    background-color: #6e24c8;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-banner-slide-area .str-banner-content a:after {
    content: '';
    height: 100%;
    top: -100%;
    left: 0;
    width: 100%;
    z-index: -1;
    position: absolute;
    background-color: #6e24c8;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-banner-slide-area .str-banner-content a:hover:after {
    top: 0
}

.str-banner-slide-area .str-banner-content a:hover i {
    background-color: #028bf8
}

.str-banner-slide-area .owl-item.active .str-banner-content h1 {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.str-banner-slide-area .owl-item.active .str-banner-content p {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.str-banner-slide-area .owl-item.active .str-banner-content a {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.str-banner-section:hover .owl-prev {
    left: -150px;
    opacity: 1
}

.str-banner-section:hover .owl-next {
    right: -150px;
    opacity: 1
}

.str-feature-section {
    padding: 50px 0 110px
}

.str-feature-section .str-feature-icon-text {
    z-index: 1;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    border-radius: 130px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 11px 54px 0 rgba(13,0,30,.2);
    box-shadow: 0 11px 54px 0 rgba(13,0,30,.2)
}

.str-feature-section .str-feature-icon-text .str-feature-icon {
    width: 125px;
    height: 125px;
    display: flex;
    margin: 0 auto;
    line-height: 125px;
    margin-bottom: 18px;
    border-radius: 100%;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(325deg,#efe7f9 0,#eaedfc 49%,#e5f3fe 100%);
    background-image: -o-linear-gradient(325deg,#efe7f9 0,#eaedfc 49%,#e5f3fe 100%);
    background-image: linear-gradient(125deg,#efe7f9 0,#eaedfc 49%,#e5f3fe 100%)
}

.str-feature-section .str-feature-icon-text .str-feature-icon img {
    width: 55px;
    margin: auto;
    text-align: center
}

.str-feature-section .str-feature-icon-text .str-feature-icon i {
    font-size: 55px;
    margin: auto;
    text-align: center
}

.str-feature-section .str-feature-icon-text .str-feature-text h3 {
    color: #010101;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-bottom: 35px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-feature-section .str-feature-icon-text .str-feature-text h3:before {
    left: 0;
    right: 0;
    content: '';
    width: 10px;
    bottom: 15px;
    height: 10px;
    margin: 0 auto;
    position: absolute;
    border-radius: 100%;
    background-color: #2786f1
}

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
    text-align: left;
    padding-left: 80px;
    padding-bottom: 10px
}

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li {
    margin-bottom: 3px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li:before {
    top: 3px;
    left: -20px;
    font-size: 12px;
    content: '\f30b';
    font-weight: 900;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: 'font awesome 5 free'
}

.str-feature-section .str-feature-icon-text:after,.str-feature-section .str-feature-icon-text:before {
    opacity: 0;
    width: 400px;
    z-index: -1;
    content: '';
    height: 360px;
    position: absolute;
    background-repeat: no-repeat;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.str-feature-section .str-feature-icon-text:after {
    bottom: 0;
    left: -130px;
    z-index: -1;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-startup/shape/fs1.png);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.str-feature-section .str-feature-icon-text:before {
    z-index: -2;
    bottom: -70px;
    left: -120px;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-startup/shape/fs2.png)
}

.str-feature-section .str-feature-icon-text:hover {
    background-color: #010004
}

.str-feature-section .str-feature-icon-text:hover .str-feature-icon {
    background-color: #fff
}

.str-feature-section .str-feature-icon-text:hover:after {
    opacity: 1;
    left: -90px
}

.str-feature-section .str-feature-icon-text:hover:before {
    left: -95px;
    opacity: 1
}

.str-feature-section .str-feature-icon-text:hover h3 {
    color: #fff
}

.str-feature-section .str-feature-icon-text:hover h3:before {
    background-color: #fff
}

.str-feature-section .str-feature-icon-text:hover li {
    color: #fff
}

.str-feature-section .str-feature-icon-text:hover li:before {
    color: #fff
}

.str-feature-section .str-feature-content {
    margin-top: 50px
}

.str-feature-section .str-feature-content .owl-nav .owl-prev,.str-feature-section .str-feature-content .owl-nav .owl-next {
    top: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    line-height: 40px;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    background-color: #bfdafa;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-feature-section .str-feature-content .owl-nav .owl-prev:hover,.str-feature-section .str-feature-content .owl-nav .owl-next:hover {
    color: #fff;
    background-color: #6e24c8
}

.str-feature-section .str-feature-content .owl-nav .owl-prev {
    left: -20px
}

.str-feature-section .str-feature-content .owl-nav .owl-next {
    right: -20px
}

.str-feature-section .str-feature-content .owl-stage-outer {
    overflow: visible
}

.str-feature-section .str-feature-content .owl-stage-outer .owl-item {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.str-feature-section .str-feature-content .owl-stage-outer .owl-item.active {
    opacity: 1
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(1) .owl-item .str-feature-text h3:before {
    background-color: #2786f1
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(2) .owl-item .str-feature-text h3:before {
    background-color: #6e27ca
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(3) .owl-item .str-feature-text h3:before {
    background-color: #43d3e8
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(4) .owl-item .str-feature-text h3:before {
    background-color: #00b17f
}

.str-feature-box {
    position: relative
}

.str-feature-box .str-hover-icon {
    top: 10px;
    right: 5px;
    z-index: 3;
    width: 55px;
    color: #fff;
    height: 55px;
    line-height: 50px;
    position: absolute;
    border-radius: 100%;
    border: 3px solid #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(120deg,#008df9 0,#6006b3 100%);
    background-image: -o-linear-gradient(120deg,#008df9 0,#6006b3 100%);
    background-image: linear-gradient(-30deg,#008df9 0,#6006b3 100%)
}

.str-feature-box:hover .str-hover-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.str-about-section {
    background-color: #edf2f9;
    padding: 115px 0 110px
}

.str-about-section .str-aboutbg1 {
    top: -20%;
    left: 0
}

.str-about-section .str-aboutbg2 {
    top: 20%;
    right: -5%
}

.str-about-section .str-aboutbg3 {
    bottom: -10%;
    left: -10%
}

.str-about-section .str-about-content .str-section-title {
    padding-bottom: 25px
}

.str-about-section .str-about-content .str-about-textarea {
    color: #010101;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.647;
    padding-bottom: 25px
}

.str-about-section .str-about-content .str-about-list {
    padding: 25px 0 22px
}

.str-about-section .str-about-content .str-about-list li {
    color: #000;
    position: relative;
    margin-bottom: 5px;
    padding-left: 25px
}

.str-about-section .str-about-content .str-about-list li:before {
    top: 0;
    left: 0;
    color: #6e24c8;
    content: '\f058';
    font-weight: 900;
    position: absolute;
    font-family: 'font awesome 5 free'
}

.str-about-section .str-about-content .str-about-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 50px
}

.str-about-section .str-about-content .str-about-img .str-about-shape {
    right: 0;
    top: 40%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.str-about-section .str-about-content .str-about-img .str-about-logo {
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.str-about-section .str-about-content .str-about-img .str-about-img-field {
    width: 50%
}

.str-about-section .str-about-content .str-about-img .str-about-pic {
    margin: 5px;
    display: inline-block
}

.str-about-section .str-about-content .str-progress-area {
    margin-top: 20px;
    max-width: 290px
}

.str-about-section .str-about-content .str-progress-area h3 {
    color: #17161a;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px
}

.str-about-section .str-about-content .str-progress-area .barfiller {
    width: 100%;
    height: 12px;
    background: #ebebeb;
    position: relative;
    margin-bottom: 16px
}

.str-about-section .str-about-content .str-progress-area .barfiller .fill {
    display: block;
    position: relative;
    width: 0;
    height: 100%;
    z-index: 1;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%)!important;
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%)!important;
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%)!important
}

.str-about-section .str-about-content .str-progress-area .barfiller .tipWrap {
    display: none
}

.str-about-section .str-about-content .str-progress-area .barfiller .tip {
    left: 0;
    z-index: 2;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 4px;
    background: #333;
    margin-top: -30px;
    position: absolute;
    font-family: poppins
}

.str-about-section .str-about-content .str-progress-area .barfiller .tip:after {
    left: 9px;
    z-index: 9;
    content: "";
    bottom: -4px;
    border: solid;
    display: block;
    position: absolute;
    border-width: 6px 6px 0;
    border-color: rgba(0,0,0,.8) transparent
}

.str-about-section .str-about-feature-box {
    border-radius: 5px;
    padding: 25px 30px
}

.str-about-section .str-about-feature-box .str-about-feature-icon {
    width: 85px;
    height: 85px;
    line-height: 85px;
    margin-right: 25px;
    border-radius: 100%
}

.str-about-section .str-about-feature-box .str-about-feature-icon i {
    color: #fff;
    font-size: 45px
}

.str-about-section .str-about-feature-box .str-about-feature-text h3 {
    color: #fff;
    font-size: 24px;
    margin-top: 14px;
    font-weight: 500;
    line-height: 1.333
}

.str-about-section .str-about-feature-area {
    padding-top: 75px
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(1) .str-about-feature-box {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#3a006c),color-stop(49%,#510498),to(#6807c3));
    background-image: -webkit-linear-gradient(left,#3a006c 1%,#510498 49%,#6807c3 100%);
    background-image: -o-linear-gradient(left,#3a006c 1%,#510498 49%,#6807c3 100%);
    background-image: linear-gradient(90deg,#3a006c 1%,#510498 49%,#6807c3 100%)
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(1) .str-about-feature-icon {
    background-color: #683992
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(2) .str-about-feature-box {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#6006b3),color-stop(49%,#3317b4),to(#0627b5));
    background-image: -webkit-linear-gradient(left,#6006b3 1%,#3317b4 49%,#0627b5 100%);
    background-image: -o-linear-gradient(left,#6006b3 1%,#3317b4 49%,#0627b5 100%);
    background-image: linear-gradient(90deg,#6006b3 1%,#3317b4 49%,#0627b5 100%)
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(2) .str-about-feature-icon {
    background-color: #7a40c4
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(3) .str-about-feature-box {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#1422b5),color-stop(49%,#0c57da),to(#048cff));
    background-image: -webkit-linear-gradient(left,#1422b5 1%,#0c57da 49%,#048cff 100%);
    background-image: -o-linear-gradient(left,#1422b5 1%,#0c57da 49%,#048cff 100%);
    background-image: linear-gradient(90deg,#1422b5 1%,#0c57da 49%,#048cff 100%)
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(3) .str-about-feature-icon {
    background-color: #4464d2
}

.str-btn {
    font-size: 15px;
    font-weight: 700;
    position: relative;
    font-family: poppins
}

.str-btn i {
    color: #6e24c8;
    margin-left: 5px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-btn:before {
    bottom: -1px;
    content: '';
    height: 2px;
    width: 112px;
    position: absolute;
    background-color: #161616
}

.str-btn:hover i {
    margin-left: 10px
}

@-webkit-keyframes rotate-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes rotate-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.str-work-process-section {
    padding: 105px 0 115px
}

.str-work-process-section .str-work-icon-text .str-work-icon {
    width: 155px;
    height: 155px;
    margin: 0 auto;
    position: relative;
    line-height: 155px;
    margin-bottom: 45px;
    border-radius: 100%;
    border: 2px solid #d7e7fd
}

.str-work-process-section .str-work-icon-text .str-work-icon i {
    color: #444;
    font-size: 45px
}

.str-work-process-section .str-work-icon-text .str-work-icon .str-icon-border {
    top: -10px;
    left: -10px;
    width: 170px;
    height: 170px;
    position: absolute;
    border-radius: 100%;
    border: 15px solid #4ae0f0;
    border-right-color: transparent;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation: rotate-anim 3s infinite linear;
    animation: rotate-anim 3s infinite linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.str-work-process-section .str-work-icon-text .str-work-icon .str-icon-border .work-circle-shape {
    content: '';
    height: 35px;
    width: 35px;
    right: -25px;
    top: 50px;
    position: absolute;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(120deg,#54e8ec 0,#33cefa 100%);
    background-image: -o-linear-gradient(120deg,#54e8ec 0,#33cefa 100%);
    background-image: linear-gradient(-30deg,#54e8ec 0,#33cefa 100%);
    -webkit-box-shadow: -1.045px 9.945px 16px 0 rgba(52,207,251,.4);
    box-shadow: -1.045px 9.945px 16px 0 rgba(52,207,251,.4)
}

.str-work-process-section .str-work-icon-text .str-work-icon .icon-inner-shadow {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    -webkit-box-shadow: -1.045px 9.945px 16px 0 rgba(52,207,251,.4);
    box-shadow: -1.045px 9.945px 16px 0 rgba(52,207,251,.4)
}

.str-work-process-section .str-work-icon-text:hover .str-icon-border {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.str-work-process-section .str-work-icon-text .str-work-text h3 {
    color: #010101;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px
}

.str-work-process-section .str-work-icon-text .str-work-text p {
    margin: 0 auto;
    max-width: 200px;
    padding-bottom: 5px
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn i {
    color: #494949;
    margin-left: 0
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:hover {
    color: #6e24c8
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:hover i {
    margin-left: 5px;
    color: #6e24c8
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:before {
    width: 100%;
    height: 1px
}

.str-work-process-section .str-work-process-content {
    padding-top: 75px
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text {
    position: relative
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text:before {
    top: 70px;
    left: -50px;
    content: '';
    width: 70px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-startup/shape/rv1.png)
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .icon-inner-shadow {
    display: none
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .str-icon-border {
    border: 15px solid #0095ff;
    border-right-color: transparent
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .work-circle-shape {
    -webkit-box-shadow: -1.045px 9.945px 16px 0 rgba(0,122,255,.4);
    box-shadow: -1.045px 9.945px 16px 0 rgba(0,122,255,.4);
    background-image: -webkit-linear-gradient(120deg,#00bdff 0,#007aff 100%);
    background-image: -o-linear-gradient(120deg,#00bdff 0,#007aff 100%);
    background-image: linear-gradient(-30deg,#00bdff 0,#007aff 100%)
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text {
    position: relative
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text:before {
    top: 70px;
    left: -50px;
    content: '';
    width: 70px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-startup/shape/rv2.png)
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .icon-inner-shadow {
    display: none
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .str-icon-border {
    border: 15px solid #590fb8;
    border-right-color: transparent
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .work-circle-shape {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: -webkit-linear-gradient(274deg,#008df9 0,#324add 49%,#6407c1 100%);
    background-image: -o-linear-gradient(274deg,#008df9 0,#324add 49%,#6407c1 100%);
    background-image: linear-gradient(176deg,#008df9 0,#324add 49%,#6407c1 100%)
}

.str-portfolio-section:after {
    left: 0;
    top: 60px;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #edf2f9
}

.str-portfolio-section .str-port-img-text {
    overflow: hidden;
    position: relative
}

.str-portfolio-section .str-port-img-text:after {
    top: 85px;
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: gradient(linear,left top,left bottom,from(#a0843b),color-stop(75%,#a0843b));
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(21,37,65,0)),color-stop(75%,rgba(105,36,245,.79)),to(rgba(36,151,245,.79)));
    background: -webkit-linear-gradient(top,rgba(21,37,65,0) 0,rgba(105,36,245,.79) 75%,rgba(36,151,245,.79) 100%);
    background: -o-linear-gradient(top,rgba(21,37,65,0) 0,rgba(105,36,245,.79) 75%,rgba(36,151,245,.79) 100%);
    background: linear-gradient(to bottom,rgba(21,37,65,0) 0,rgba(105,36,245,.79) 75%,rgba(36,151,245,.79) 100%)
}

.str-portfolio-section .str-port-img-text .str-port-text {
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.str-portfolio-section .str-port-img-text .str-port-text h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px
}

.str-portfolio-section .str-port-img-text .str-port-text span {
    color: #fff
}

.str-portfolio-section .str-port-img-text .str-port-text .str-port-popup {
    color: #fff;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 8px;
    line-height: 40px;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(120deg,#00bdff 0,#007aff 100%);
    background-image: -o-linear-gradient(120deg,#00bdff 0,#007aff 100%);
    background-image: linear-gradient(-30deg,#00bdff 0,#007aff 100%)
}

.str-portfolio-section .str-portfolio-area .owl-item.active.center .str-port-img-text:after {
    top: 0;
    opacity: 1
}

.str-portfolio-section .str-portfolio-area .owl-item.active.center .str-port-img-text .str-port-text {
    opacity: 1;
    bottom: 20px
}

.str-testimonial_section {
    z-index: 1;
    position: relative;
    background-color: #edf2f9;
    padding: 105px 0 100px
}

.str-testimonial_section .str-tst-vector {
    bottom: 0;
    right: 0;
    z-index: -1;
    position: absolute
}

.str-testimonial_section .carousel_preview .str-section-title h2 {
    padding-bottom: 20px
}

.str-testimonial_content {
    padding: 20px;
    display: inline-block
}

.str-testimonial_content .str-testimonial_rating li {
    font-size: 14px;
    color: #f6b91c
}

.str-testimonial_content .str-testimonial_text {
    z-index: 1;
    padding: 15px 0 25px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    overflow: hidden
}

.str-testimonial_content .str-testimonial_text h4 {
    color: #010101;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px
}

.str-testimonial_name_designation .str-testimonial_img {
    height: 95px;
    width: 95px;
    border-radius: 100%;
    margin-right: 18px;
    overflow: hidden;
    border: 5px solid #fff
}

.str-testimonial_name_designation .str-testimonial_meta {
    margin-top: 25px;
    display: inline-block
}

.str-testimonial_name_designation .str-testimonial_meta h4 {
    color: #010101;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px
}

.str-testimonial_name_designation .str-testimonial_meta p {
    font-size: 14px;
    color: #444
}

.str-testimonial_slider .carousel-control-prev,.str-testimonial_slider .carousel-control-next {
    top: auto;
    left: 190px;
    bottom: 40px;
    font-size: 18px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    opacity: 1;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 7px 7px 0 rgba(0,15,44,.18);
    box-shadow: 0 7px 7px 0 rgba(0,15,44,.18)
}

.str-testimonial_slider .carousel-control-prev:before,.str-testimonial_slider .carousel-control-next:before {
    position: absolute;
    content: "\f061";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    font-family: 'font awesome 5 free';
    font-weight: 900
}

.str-testimonial_slider .carousel-control-prev:hover,.str-testimonial_slider .carousel-control-next:hover {
    background-color: #000;
    color: #fff
}

.str-testimonial_slider .carousel-control-prev {
    left: 120px
}

.str-testimonial_slider .carousel-control-prev:before {
    content: "\f060"
}

.str-home .carousel-indicators {
    position: static
}

.str-testimonial_indicator {
    margin: 60px 20px 0 0;
    display: block;
    height: 510px;
    max-width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-startup/testimonial/in-bg.png)
}

.str-testimonial_indicator .carousel-indicators li {
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #202020;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 7px 6px 0 rgba(0,15,44,.19),inset -1px 0 27px 0 rgba(0,0,0,.29);
    box-shadow: 0 7px 6px 0 rgba(0,15,44,.19),inset -1px 0 27px 0 rgba(0,0,0,.29)
}

.str-testimonial_indicator .carousel-indicators li img {
    display: block
}

.str-testimonial_indicator .carousel-indicators li:nth-child(1) {
    bottom: 105px;
    right: 100px
}

.str-testimonial_indicator .carousel-indicators li:nth-child(2) {
    left: 90px;
    bottom: 45px
}

.str-testimonial_indicator .carousel-indicators li:nth-child(3) {
    top: 40%;
    left: 0
}

.str-testimonial_indicator .carousel-indicators li:nth-child(4) {
    top: 90px;
    left: 100px
}

.str-testimonial_indicator .carousel-indicators li:nth-child(5) {
    top: 35%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.str-testimonial_indicator .carousel-indicators li:nth-child(6) {
    right: 120px;
    top: -30px
}

.str-testimonial_indicator .active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.str-testimonial_indicator-dot .carousel-indicators2 {
    right: 45px;
    bottom: 25px;
    position: absolute;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.str-testimonial_indicator-dot .carousel-indicators2 li {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    display: inline-block
}

.str-testimonial_indicator-dot .carousel-indicators2 li:before {
    content: '';
    width: 6px;
    height: 6px;
    left: 10px;
    top: 9px;
    position: absolute;
    background-color: #010101
}

.str-testimonial_indicator-dot .carousel-indicators2 li:after {
    top: 0;
    left: 0;
    content: '';
    width: 25px;
    height: 25px;
    display: none;
    border-radius: 100%;
    border: 2px solid #010101;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-testimonial_indicator-dot .carousel-indicators2 li.active:after {
    display: block
}

.str-partner-section {
    padding: 50px 0 65px
}

.str-partner-area .owl-nav {
    display: none
}

.str-partner-area .str-partner-img img {
    width: inherit;
    margin: 0 auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-partner-area .str-partner-img img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.str-newslatter-content {
    z-index: 1;
    padding: 55px 0
}

.str-newslatter-content:before {
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .9;
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    background-color: #b8c7e3
}

.str-newslatter-content .str-mail-icon {
    top: 55%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.str-newslatter-content .str-newslatter-text h2 {
    color: #010101;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 15px
}

.str-newslatter-content .str-newslatter-text p {
    color: #010101;
    margin: 0 auto;
    font-size: 18px;
    max-width: 510px;
    padding-bottom: 25px
}

.str-newslatter-content .str-newslatter-form {
    margin: 0 auto;
    max-width: 660px
}

.str-newslatter-content .str-newslatter-form input {
    width: 100%;
    height: 60px;
    border: 0;
    max-width: 495px;
    padding-left: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(5,41,140,.25);
    box-shadow: 0 6px 40px 0 rgba(5,41,140,.25)
}

.str-newslatter-content .str-newslatter-form .nws-button {
    top: 0;
    right: 0;
    position: absolute
}

.str-newslatter-content .str-newslatter-form .nws-button button {
    color: #fff;
    width: 150px;
    height: 60px;
    border: 0;
    font-weight: 700;
    border-radius: 5px;
    font-family: poppins;
    background-color: transparent;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%)!important;
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%)!important;
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%)!important;
    background-size: 200% auto;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-newslatter-content .str-newslatter-form .nws-button button:hover {
    background-position: right center;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-team-section {
    padding: 105px 0 80px
}

.str-team-section .str-section-title {
    padding: 0 0 30px 80px
}

.str-team-section .str-team-title-text {
    max-width: 540px;
    padding-top: 60px
}

.str-team-section .str-team-member-item .owl-stage-outer {
    padding-bottom: 30px
}

.str-team-section .str-team-member-item .owl-nav .owl-next,.str-team-section .str-team-member-item .owl-nav .owl-prev {
    top: 40%;
    border: 2px solid #1d1b4c
}

.str-team-section .str-team-member-item .owl-nav .owl-next:hover,.str-team-section .str-team-member-item .owl-nav .owl-prev:hover {
    background-color: #1d1b4c
}

.str-team-img-text {
    padding-bottom: 45px
}

.str-team-img-text .str-team-text {
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 75px;
    max-width: 215px;
    overflow: hidden;
    padding: 12px 15px;
    position: absolute;
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: -3.536px 3.536px 40px 0 rgba(29,27,76,.15);
    box-shadow: -3.536px 3.536px 40px 0 rgba(29,27,76,.15)
}

.str-team-img-text .str-team-text h4 {
    color: #1d1b4c;
    font-size: 22px;
    font-weight: 700;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-team-img-text .str-team-text span {
    font-size: 15px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.str-team-img-text .str-team-text p {
    opacity: 0;
    color: #c1c1c6;
    font-size: 14px;
    visibility: hidden;
    padding: 5px 0 10px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .3s all ease-in;
    -o-transition: .3s all ease-in;
    transition: .3s all ease-in;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.str-team-img-text .str-team-text .str-social-team {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .4s all ease-in;
    -o-transition: .4s all ease-in;
    transition: .4s all ease-in;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.str-team-img-text .str-team-text .str-social-team a {
    color: #5e6877;
    margin: 0 7px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-team-img-text .str-team-text .str-social-team a:hover {
    color: #fff
}

.str-team-img-text:hover .str-team-text {
    height: 200px;
    background-color: #010101
}

.str-team-img-text:hover .str-team-text p,.str-team-img-text:hover .str-team-text .str-social-team {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.str-team-img-text:hover .str-team-text span {
    color: #148eff;
    -webkit-text-fill-color: inherit
}

.str-team-img-text:hover .str-team-text h4 {
    color: #fff
}

.str-get-in-touch-section {
    padding-bottom: 110px
}

.str-get-in-touch-section .str-get-touch-icon-text {
    z-index: 1;
    width: 100%;
    padding: 15px;
    position: relative;
    display: inline-block;
    border: 1px solid #e9eaf6
}

.str-get-in-touch-section .str-get-touch-icon-text:after {
    top: 0;
    left: auto;
    right: 0;
    width: 0;
    z-index: -1;
    content: '';
    height: 100%;
    position: absolute;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#1422b5),color-stop(49%,#0c57da),to(#048cff));
    background-image: -webkit-linear-gradient(left,#1422b5 1%,#0c57da 49%,#048cff 100%);
    background-image: -o-linear-gradient(left,#1422b5 1%,#0c57da 49%,#048cff 100%);
    background-image: linear-gradient(90deg,#1422b5 1%,#0c57da 49%,#048cff 100%)
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-icon {
    height: 72px;
    width: 70px;
    line-height: 70px;
    margin-right: 14px;
    background-color: #fff
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text {
    padding-top: 10px
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text h3 {
    color: #010101;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 3px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text span {
    color: #444;
    font-size: 15px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-get-in-touch-section .str-get-touch-icon-text:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

.str-get-in-touch-section .str-get-touch-icon-text:hover .str-get-touch-text h3,.str-get-in-touch-section .str-get-touch-icon-text:hover .str-get-touch-text span {
    color: #fff
}

.str-maplocation {
    top: 40%;
    left: 30%;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    -webkit-box-shadow: 0 3px 6px 0 #082680;
    box-shadow: 0 3px 6px 0 #082680
}

.str-maplocation:hover .str-location-iiner {
    opacity: 1;
    visibility: visible
}

.str-location-iiner {
    z-index: 1;
    width: 215px;
    top: -130px;
    left: -80px;
    padding: 15px;
    width: 180px;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-box-shadow: 0 0 49px 0 rgba(2,21,78,.18);
    box-shadow: 0 0 49px 0 rgba(2,21,78,.18)
}

.str-location-iiner:after {
    content: '';
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff
}

.str-location-iiner .str-location-counter {
    margin-right: 10px
}

.str-location-iiner h4 {
    color: #010101;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

.str-location-iiner p {
    line-height: 1.2
}

.str-feature-indicatior {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #082680
}

.str-feature-indicatior .str-indicator-border1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: inherit;
    color: inherit;
    -webkit-box-shadow: 0 0 0 2px #082680;
    box-shadow: 0 0 0 2px #082680;
    -webkit-animation: borderpls 1.5s infinite cubic-bezier(.4,0,1,1) both;
    animation: borderpls 1.5s infinite cubic-bezier(.4,0,1,1) both
}

.str-blog-section {
    padding: 90px 0 100px
}

.str-blog-section .str-team-title-text {
    padding-top: 40px
}

.str-blog-section .str-blog-area {
    padding-top: 40px
}

.str-blog-section .str-blog-img-text:before {
    left: 0;
    top: auto;
    z-index: 1;
    bottom: 0;
    width: 100%;
    content: '';
    opacity: .8;
    height: 0;
    position: absolute;
    background-color: #000;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.str-blog-section .str-blog-img-text .str-blog-meta {
    top: 20px;
    right: 20px;
    width: 62px;
    z-index: 3;
    color: #fff;
    height: 62px;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 700;
    border-radius: 4px;
    position: absolute;
    padding-top: 10px;
    font-family: poppins;
    background-image: -webkit-linear-gradient(120deg,#008df9 0,#6006b3 100%);
    background-image: -o-linear-gradient(120deg,#008df9 0,#6006b3 100%);
    background-image: linear-gradient(-30deg,#008df9 0,#6006b3 100%);
    -webkit-box-shadow: -1.045px 9.945px 16px 0 rgba(68,46,200,.4);
    box-shadow: -1.045px 9.945px 16px 0 rgba(68,46,200,.4)
}

.str-blog-section .str-blog-img-text .str-blog-text {
    opacity: 0;
    left: 30px;
    bottom: 55px;
    z-index: 2;
    max-width: 280px;
    visibility: hidden;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.str-blog-section .str-blog-img-text .str-blog-text .str-post-meta {
    font-size: 14px;
    color: #dbe0e6
}

.str-blog-section .str-blog-img-text .str-blog-text h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.455;
    padding: 2px 0 20px
}

.str-blog-section .str-blog-img-text .str-blog-text .str-read-more {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-left: 70px;
    position: relative;
    font-family: poppins
}

.str-blog-section .str-blog-img-text .str-blog-text .str-read-more:before {
    left: 0;
    top: -10px;
    width: 38px;
    content: '';
    height: 38px;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #2786f1;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.str-blog-section .str-blog-img-text .str-blog-text .str-read-more:after {
    top: 10px;
    left: 20px;
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    background-color: #fff;
    -webkit-transition: .75s all ease-in-out;
    -o-transition: .75s all ease-in-out;
    transition: .75s all ease-in-out;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.str-blog-section .str-blog-img-text:hover:before {
    top: 0;
    bottom: auto;
    height: 100%
}

.str-blog-section .str-blog-img-text:hover .str-blog-text {
    opacity: 1;
    bottom: 35px;
    visibility: visible
}

.str-blog-section .str-blog-img-text:hover .str-blog-text .str-read-more:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.str-blog-section .str-blog-img-text:hover .str-blog-text .str-read-more:after {
    width: 35px
}

.str-blog-section .str-blog-area .owl-nav {
    display: none
}

.str-blog-section .str-blog-area .owl-dots {
    margin-top: 30px;
    text-align: center
}

.str-blog-section .str-blog-area .owl-dots .owl-dot {
    height: 6px;
    width: 6px;
    margin: 0 8px;
    position: relative;
    display: inline-block;
    background-color: #010101
}

.str-blog-section .str-blog-area .owl-dots .owl-dot:after {
    top: -10px;
    left: -10px;
    height: 26px;
    width: 26px;
    content: '';
    display: none;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #010101
}

.str-blog-section .str-blog-area .owl-dots .owl-dot.active:after {
    display: block
}

.str-footer-area .footer-content {
    padding-bottom: 80px
}

.str-footer-area .footer-content .str-ft-about-widget p {
    line-height: 1.688;
    padding: 15px 0 30px
}

.str-footer-area .footer-content .str-ft-about-widget .ft-about-btn a {
    color: #fff;
    height: 35px;
    width: 100px;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 35px;
    border-radius: 3px;
    text-align: center;
    font-family: poppins;
    -webkit-box-shadow: -1.045px 9.945px 16px 0 rgba(68,46,200,.4);
    box-shadow: -1.045px 9.945px 16px 0 rgba(68,46,200,.4);
    background-image: -webkit-linear-gradient(120deg,#008df9 0,#6006b3 100%);
    background-image: -o-linear-gradient(120deg,#008df9 0,#6006b3 100%);
    background-image: linear-gradient(-30deg,#008df9 0,#6006b3 100%)
}

.str-footer-area .footer-content .str-footer-widget .str-widget-title {
    color: #080808;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 25px
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget p {
    font-size: 15px
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-footer-from {
    position: relative;
    margin-top: 25px
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget input {
    width: 100%;
    border: 0;
    height: 45px;
    padding: 0 30px;
    background-color: #eee
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget button {
    top: 0;
    right: 0;
    width: 60px;
    color: #fff;
    height: 100%;
    border: 0;
    position: absolute;
    background-color: #010101;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget button:hover {
    background-color: #6e24c8
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer {
    margin-top: 20px
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a {
    margin-right: 18px
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(1) {
    color: #16599b
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(2) {
    color: #03a9f4
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(3) {
    color: #ed679b
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(4) {
    color: #87b7ff
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget {
    padding-left: 10px
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text {
    padding-bottom: 10px
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text .str-office-icon {
    margin-right: 12px
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text .str-office-icon i {
    text-shadow: -1.045px 9.945px 16px rgba(68,46,200,.4);
    background-image: -webkit-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0,#324add 49%,#008df9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text p {
    max-width: 140px;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.714
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-open-hour span {
    color: #010101;
    font-size: 14px;
    font-weight: 700
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-open-hour p {
    font-size: 14px;
    padding-top: 5px;
    max-width: 150px
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget .str-insta-feed {
    margin: 0 -5px
}

.str-home figure.gallery-item {
    float: left;
    margin: 5px
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget a {
    float: left;
    margin: 5px;
    position: relative
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget a:after {
    top: 0;
    left: 0;
    opacity: 0;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #010101;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget a:hover:after {
    opacity: .8
}

.str-footer-area .str-copywright-text {
    color: #fff;
    padding: 15px 0;
    font-size: 14px;
    font-family: poppins;
    background-color: #010101
}

.str-footer-area .str-copywright-text a {
    color: #50a2ff
}

.str-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #1c1c1c;
    padding: 40px 0;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.str-mobile_menu_content .str-mobile-main-navigation {
    width: 100%
}

.str-mobile_menu_content .str-mobile-main-navigation .navbar-nav {
    width: 100%
}

.str-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.str-mobile_menu_content .str-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    padding: 13px 15px 13px 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px dashed rgba(255,255,255,.1)
}

.str-mobile_menu_content .str-mobile-main-navigation .navbar-nav li a {
    color: #d5d5d5;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px 0;
    text-transform: uppercase
}

.str-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.str-mobile_menu_wrap.mobile_menu_on .str-mobile_menu_content {
    right: 0;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.75);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.str-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.str-mobile_menu_button {
    position: absolute;
    display: none;
    right: 0;
    cursor: pointer;
    line-height: 40px;
    color: #5805a6;
    text-align: center;
    font-size: 30px;
    top: -44px;
    z-index: 5
}

.str-mobile_menu .str-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.str-mobile_menu .str-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.str-mobile_menu .str-mobile_menu_content .str-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    background-color: transparent
}

.str-mobile_menu .str-mobile_menu_content .str-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1;
    margin-bottom: 5px
}

.str-mobile_menu .dropdown {
    position: relative
}

.str-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: center;
    line-height: 35px;
    background: 0 0;
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 0;
    padding: 0;
    width: 36px;
    height: 35px
}

.str-mobile_menu .str-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    height: 20px;
    width: 20px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.str-main-header.str-sticky-menu .str-mobile_menu_content {
    top: 15px
}

@media screen and (max-width: 1024px) {
    .str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
        padding-left:50px
    }

    .str-about-section .str-about-content .str-about-img .str-about-shape {
        display: none
    }

    .str-about-section .str-about-feature-box {
        padding: 25px 15px
    }

    .str-about-section .str-about-feature-box .str-about-feature-text h3 {
        font-size: 22px
    }
}

@media screen and (max-width: 991px) {
    .str-mobile_menu_button {
        display:block
    }

    .str-main-header .str-main-menu-item .str-main-navigation {
        display: none
    }

    .str-header-top {
        display: none
    }

    .str-sticky-menu {
        top: -15px
    }

    .str-about-section .str-about-content .str-about-img {
        margin-left: 0;
        padding-top: 30px
    }

    .str-about-section .str-about-feature-box {
        padding: 25px 30px;
        margin-bottom: 30px
    }

    .str-about-section .str-about-feature-box .str-about-feature-text h3 {
        font-size: 24px
    }

    .str-work-icon-text {
        margin-bottom: 40px
    }

    .str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text:before,.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text:before {
        display: none
    }

    .str-team-section .str-section-title {
        padding-left: 0
    }

    .str-team-section .str-team-title-text {
        padding: 30px 0
    }

    .str-get-in-touch-section .str-get-touch-icon-text {
        margin-bottom: 30px
    }

    .str-footer-widget {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .str-banner-slide-area .str-banner-content h1 {
        font-size:40px
    }

    .str-banner-slide-area .str-banner-content a {
        height: 50px;
        width: 150px;
        line-height: 50px
    }

    .str-banner-slide-area .str-banner-content a i {
        height: 30px;
        width: 30px;
        line-height: 30px
    }

    .str-banner-slide-area {
        padding: 200px 0 150px
    }

    .str-section-title h2 {
        font-size: 32px
    }

    .str-feature-box {
        max-width: 270px;
        margin: 0 auto
    }

    .str-feature-section .str-feature-content .owl-nav .owl-prev,.str-feature-section .str-feature-content .owl-nav .owl-next,.str-portfolio-section .str-portfolio-area .owl-nav .owl-next,.str-team-section .str-team-member-item .owl-nav .owl-next,.str-portfolio-section .str-portfolio-area .owl-nav .owl-prev,.str-team-section .str-team-member-item .owl-nav .owl-prev {
        position: static;
        display: inline-block;
        margin: 0 5px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .str-feature-section .str-feature-content .owl-nav,.str-portfolio-section .str-portfolio-area .owl-nav,.str-team-section .str-team-member-item .owl-nav {
        text-align: center;
        margin-top: 40px
    }

    .str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
        padding-left: 80px
    }

    .str-testimonial_indicator-dot .carousel-indicators2 {
        position: static;
        text-align: center;
        margin-top: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .str-newslatter-content {
        padding: 40px 30px
    }

    .str-team-img-text {
        margin: 0 auto;
        max-width: 270px
    }

    .str-feature-section {
        padding: 25px 0 60px
    }

    .str-about-section {
        padding: 50px 0
    }

    .str-about-section .str-about-feature-area {
        padding-top: 50px
    }

    .str-work-process-section {
        padding: 50px 0
    }

    .str-testimonial_section {
        padding: 50px 0
    }

    .str-team-section {
        padding: 50px 0
    }

    .str-team-section .str-team-title-text {
        padding-top: 15px
    }

    .str-team-section .str-team-member-item .owl-nav {
        margin-top: 20px
    }

    .str-get-in-touch-section {
        padding-bottom: 60px
    }

    .str-blog-section {
        padding: 50px 0
    }

    .str-blog-section .str-team-title-text {
        padding-top: 20px
    }
}

@media screen and (max-width: 420px) {
    .str-banner-slide-area .str-banner-content h1 {
        font-size:34px
    }

    .str-about-section .str-about-content .str-about-img {
        display: inline-block
    }

    .str-about-section .str-about-content .str-about-img .str-about-img-field {
        width: 100%
    }

    .str-about-section .str-about-content .str-about-img .str-about-logo {
        display: none
    }

    .str-about-section .str-about-content .str-progress-area {
        max-width: 100%
    }

    .str-section-title h2 {
        font-size: 28px
    }

    .str-work-process-section .str-work-process-content {
        padding-top: 40px
    }

    .str-testimonial_indicator {
        display: none
    }

    .str-newslatter-content .str-newslatter-text h2 {
        font-size: 30px
    }

    .str-newslatter-content .str-newslatter-text p {
        font-size: 16px
    }

    .str-newslatter-content .str-newslatter-form .nws-button {
        position: static;
        margin-top: 30px;
        text-align: center
    }

    .str-newslatter-content .str-mail-icon {
        display: none
    }
}

@media screen and (max-width: 380px) {
    .str-banner-slide-area .str-banner-content h1 {
        font-size:30px
    }

    .str-section-title h2 {
        font-size: 26px
    }

    .str-about-section .str-about-feature-box .str-about-feature-text h3 {
        font-size: 20px
    }

    .str-newslatter-content .str-newslatter-text h2 {
        font-size: 26px
    }
}

.appl {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.4;
    color: #04000f;
    font-family: roboto;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.appl ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appl ::selection {
    color: #fff;
    background-color: #6e3ebf
}

.appl ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appl .container {
    max-width: 1200px
}

.appl .ul-li ul {
    margin: 0;
    padding: 0
}

.appl .ul-li ul li {
    list-style: none;
    display: inline-block
}

.appl .ul-li-block ul {
    margin: 0;
    padding: 0
}

.appl .ul-li-block ul li {
    list-style: none;
    display: block
}

div#aplpreloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f1f1;
    background: #f1f1f1 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-landing/pre.svg) no-repeat center center
}

.appl [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.decoration-wrapper {
    overflow: hidden;
    position: relative
}

.appl a {
    color: inherit;
    text-decoration: none
}

.appl a:hover,.appl a:focus {
    text-decoration: none
}

.appl img {
    max-width: 100%;
    height: auto
}

.appl section {
    overflow: hidden
}

.appl button {
    cursor: pointer
}

.appl .form-control:focus,.appl button:visited,.appl button.active,.appl button:hover,.appl button:focus,.appl input:visited,.appl input.active,.appl input:hover,.appl input:focus,.appl textarea:hover,.appl textarea:focus,.appl a:hover,.appl a:focus,.appl a:visited,.appl a.active,.appl select,.appl select:hover,.appl select:focus,.appl select:visited {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.appl .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.appl .relative-position {
    position: relative
}

.appl .inline-block {
    display: inline-block
}

.appl .overflow-hidden {
    overflow: hidden
}

.appl .pera-content p {
    margin-bottom: 0
}

.gradiant-bg {
    background: -webkit-gradient(linear,left top,right top,from(#723cbe),color-stop(51%,#f002a1),to(#723cbe));
    background: -o-linear-gradient(left,#723cbe 0,#f002a1 51%,#723cbe 100%);
    background: linear-gradient(to right,#723cbe 0,#f002a1 51%,#723cbe 100%)
}

.appl-headline h1,.appl-headline h2,.appl-headline h3,.appl-headline h4,.appl-headline h5,.appl-headline h6 {
    margin: 0;
    font-family: poppins
}

@-webkit-keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(-10px)
    }

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

@keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(-10px)
    }

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

@-webkit-keyframes zoominout {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoominout {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg);
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(111px,72px) rotate(72deg);
        transform: translate(111px,72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(93px,122px) rotate(108deg);
        transform: translate(93px,122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-70px,72px) rotate(124deg);
        transform: translate(-70px,72px) rotate(124deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0,0) rotate(0)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(111px,72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(124deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0)
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0,0) rotate(0) scale(1);
        transform: translate(0,0) rotate(0) scale(1)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg) scale(.9);
        transform: translate(73px,-1px) rotate(36deg) scale(.9)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg) scale(1);
        transform: translate(141px,72px) rotate(72deg) scale(1)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg) scale(1.2);
        transform: translate(83px,122px) rotate(108deg) scale(1.2)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(104deg) scale(1.1);
        transform: translate(-40px,72px) rotate(104deg) scale(1.1)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0) scale(1);
        transform: translate(0,0) rotate(0) scale(1)
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0,0) rotate(0) scale(1)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg) scale(.9)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg) scale(1)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg) scale(1.2)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(104deg) scale(1.1)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0) scale(1)
    }
}

@keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(165px,-179px);
        transform: translate(165px,-179px)
    }

    100% {
        -webkit-transform: translate(-346px,617px);
        transform: translate(-346px,617px)
    }
}

@-webkit-keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(165px,-179px)
    }

    100% {
        -webkit-transform: translate(-346px,617px)
    }
}

@keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(-300px,151px) rotate(0);
        transform: translate(-300px,151px) rotate(0)
    }

    100% {
        -webkit-transform: translate(251px,-200px) rotate(180deg);
        transform: translate(251px,-200px) rotate(180deg)
    }
}

@-webkit-keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(-300px,151px) rotate(0)
    }

    100% {
        -webkit-transform: translate(251px,-200px) rotate(180deg)
    }
}

@keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(61px,-99px) rotate(0);
        transform: translate(61px,-99px) rotate(0)
    }

    21% {
        -webkit-transform: translate(4px,-190px) rotate(38deg);
        transform: translate(4px,-190px) rotate(38deg)
    }

    41% {
        -webkit-transform: translate(-139px,-200px) rotate(74deg);
        transform: translate(-139px,-200px) rotate(74deg)
    }

    60% {
        -webkit-transform: translate(-263px,-164px) rotate(108deg);
        transform: translate(-263px,-164px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-195px,-49px) rotate(144deg);
        transform: translate(-195px,-49px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(-1px,0) rotate(180deg);
        transform: translate(-1px,0) rotate(180deg)
    }
}

@-webkit-keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(61px,-99px) rotate(0)
    }

    21% {
        -webkit-transform: translate(4px,-190px) rotate(38deg)
    }

    41% {
        -webkit-transform: translate(-139px,-200px) rotate(74deg)
    }

    60% {
        -webkit-transform: translate(-263px,-164px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-195px,-49px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(-1px,0) rotate(180deg)
    }
}

@-webkit-keyframes animationFramesSix {
    0% {
        -webkit-transform: translate(31px,-45px) rotate(0);
        transform: translate(31px,-45px) rotate(0)
    }

    21% {
        -webkit-transform: translate(4px,-80px) rotate(19deg);
        transform: translate(4px,-80px) rotate(19deg)
    }

    41% {
        -webkit-transform: translate(-70px,-100px) rotate(36deg);
        transform: translate(-70px,-100px) rotate(36deg)
    }

    60% {
        -webkit-transform: translate(-133px,-84px) rotate(54deg);
        transform: translate(-133px,-84px) rotate(54deg)
    }

    80% {
        -webkit-transform: translate(-98px,-24px) rotate(72deg);
        transform: translate(-98px,-24px) rotate(72deg)
    }

    100% {
        -webkit-transform: translate(-1px,0) rotate(180deg);
        transform: translate(-1px,0) rotate(180deg)
    }
}

@keyframes animationFramesSix {
    0% {
        -webkit-transform: translate(31px,-45px) rotate(0);
        transform: translate(31px,-45px) rotate(0)
    }

    21% {
        -webkit-transform: translate(4px,-80px) rotate(19deg);
        transform: translate(4px,-80px) rotate(19deg)
    }

    41% {
        -webkit-transform: translate(-70px,-100px) rotate(36deg);
        transform: translate(-70px,-100px) rotate(36deg)
    }

    60% {
        -webkit-transform: translate(-133px,-84px) rotate(54deg);
        transform: translate(-133px,-84px) rotate(54deg)
    }

    80% {
        -webkit-transform: translate(-98px,-24px) rotate(72deg);
        transform: translate(-98px,-24px) rotate(72deg)
    }

    100% {
        -webkit-transform: translate(-1px,0) rotate(180deg);
        transform: translate(-1px,0) rotate(180deg)
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes color-change {
    0% {
        color: #723cbe
    }

    50% {
        color: #f002a1
    }

    100% {
        color: #723cbe
    }
}

@keyframes color-change {
    0% {
        color: #723cbe
    }

    50% {
        color: #f002a1
    }

    100% {
        color: #723cbe
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

.purchase-demo {
    position: fixed;
    z-index: 5;
    bottom: 30px;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px 10px 10px;
    border-radius: 50px;
    z-index: 2
}

.purchase-demo:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #89bd49;
    z-index: -1;
    opacity: .4;
    border-radius: 50px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.purchase-demo:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #89bd49;
    opacity: .2;
    -webkit-animation: pulse-border 1.5s ease-out infinite;
    animation: pulse-border 1.5s ease-out infinite;
    z-index: -3;
    border-radius: 50%
}

.purchase-demo i {
    background-color: #6e973a;
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 2
}

.purchase-demo .ph-text {
    display: inline-block;
    color: #fff;
    font-family: poppins;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
    margin-left: -80px;
    position: relative;
    z-index: -1;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    opacity: 0;
    visibility: hidden
}

.purchase-demo:hover .ph-text {
    margin-left: 10px;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.purchase-demo:hover:after {
    opacity: 1
}

.area-title {
    margin: 0 auto;
    max-width: 545px
}

.area-title span {
    color: #f002a1;
    font-size: 16px;
    font-weight: 700;
    font-family: roboto
}

.area-title p {
    font-size: 18px
}

.area-title h2 {
    margin: 0 auto;
    font-size: 36px;
    font-weight: 700;
    max-width: 320px;
    margin-bottom: 35px;
    position: relative
}

.area-title h2 span {
    font-size: 36px;
    font-weight: 300
}

.area-title h2:after {
    top: 15px;
    content: "";
    height: 2px;
    width: 50px;
    left: -46px;
    position: absolute;
    background-color: #723cbe
}

.area-title h2:before {
    top: 22px;
    content: "";
    height: 2px;
    width: 25px;
    left: -20px;
    position: absolute;
    background-color: #723cbe
}

.appl-header-section {
    top: 0;
    z-index: 2;
    width: 100%;
    padding-top: 30px;
    position: absolute
}

.appl-header-section .appl-brand-logo {
    opacity: 0
}

.appl-default-header.appl-header-section .appl-brand-logo {
    opacity: 1
}

.appl-header-section .main-navigation {
    padding-top: 12px;
    display: inline-block
}

.appl-header-section .main-navigation .dropdown {
    position: relative
}

.appl-header-section .main-navigation .dropdown:after,.tmx-mega-menu>a:after {
    top: 0;
    color: #fff;
    right: -15px;
    content: "+";
    font-weight: 900;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: "font awesome 5 free"
}

.appl-header-section .main-navigation .dropdown .dropdown-menu {
    top: 35px;
    left: -20px;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    overflow: hidden;
    border-radius: 0;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e5e5e5
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li a:before {
    display: none
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 15px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-image: none;
    background-color: #4de3ef;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li a:hover {
    background-color: #6e24c8;
    color: #fff
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.appl-header-section .main-navigation .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.appl-header-section .main-navigation .dropdown:hover .dropdown-menu {
    left: 0;
    opacity: 1;
    visibility: visible
}

.appl-header-section .navbar-nav {
    display: inherit
}

.appl-header-section .navbar-nav>li {
    margin: 0 25px
}

.appl-header-section .navbar-nav li a {
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    font-family: poppins
}

.appl-header-section .navbar-nav>li>a:before {
    right: 0;
    left: auto;
    content: "";
    height: 3px;
    width: 0;
    bottom: 5px;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: -o-linear-gradient(60deg,#6b3fc0 0,#f400a1 100%);
    background: linear-gradient(30deg,#6b3fc0 0,#f400a1 100%)
}

.appl-header-section .navbar-nav>li>a:hover:before {
    width: 100%;
    right: auto;
    left: 0
}

.appl-header-section .appl_sign_up_btn {
    height: 50px;
    width: 210px;
    float: right;
    line-height: 50px;
    margin-left: 50px;
    border-radius: 3px;
    background: -o-linear-gradient(60deg,#6b3fc0 0,#f400a1 100%);
    background: linear-gradient(30deg,#6b3fc0 0,#f400a1 100%)
}

.appl-header-section .appl_sign_up_btn a {
    color: #fff;
    font-family: poppins
}

.appl-header-section .appl_sign_up_btn a i {
    margin-right: 10px
}

.appl-sticky-menu {
    top: 0;
    z-index: 9;
    position: fixed;
    padding: 10px 0 15px;
    background-color: #010101;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appl-sticky-menu .appl-brand-logo {
    opacity: 1
}

.area-title-2 {
    margin: 0 auto;
    max-width: 760px;
    padding-bottom: 30px
}

.area-title-2 .total-demo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.area-title-2 .total-demo h1 {
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    background: -webkit-linear-gradient(left,#6b3fc0,#f400a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.area-title-2 .total-demo span {
    top: -10px;
    right: -30px;
    font-size: 48px;
    font-weight: 700;
    position: absolute;
    background: -webkit-linear-gradient(left,#6b3fc0,#f400a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.demo-counter .elementor-counter-number,.demo-counter .elementor-counter-number-suffix {
    background: -webkit-linear-gradient(left,#6b3fc0,#f400a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.demo-counter .elementor-counter-number-suffix {
    font-size: 48px;
    margin-top: -22px
}

.area-title-2 h2 {
    color: #0e0e0e;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33333;
    padding-bottom: 18px
}

.area-title-2 p {
    color: #666;
    font-size: 18px;
    line-height: 30px
}

.app_btn {
    border-radius: 50px;
    background-size: 200% auto;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.app_btn:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-position: right center
}

.app_btn a {
    width: 100%;
    display: block
}

.appl-banner-section {
    z-index: 1
}

.appl-banner-section .banner-demo .demo-shape-1 {
    left: -30px;
    z-index: -1;
    bottom: -15%
}

.appl-banner-section .banner-demo .demo-shape-2 {
    top: 0;
    right: -30px;
    z-index: -1
}

.appl-banner-section .demo-number {
    top: 20px;
    left: 23%
}

.appl-banner-section .element-number {
    bottom: 50px;
    right: 25%
}

.appl-banner-content {
    padding: 280px 0 330px
}

.appl-banner-content .banner-text {
    margin: 0 auto;
    color: #c6c6c6;
    font-size: 28px;
    max-width: 460px;
    padding: 30px 0 55px
}

.appl-banner-content .banner-text span {
    color: #ee03a2;
    font-weight: 700
}

.appl-banner-content .banner-text strong {
    color: #fff
}

.demo-section .container {
    max-width: 1665px
}

.demo-section .demo-filter-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.demo-section .page-tab-button {
    padding: 0;
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: auto;
    margin-bottom: 55px;
    border-radius: 43px;
    font-family: poppins;
    border: 1px solid #d4d4d4
}

.demo-section li {
    padding: 10px 30px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    z-index: 1;
    cursor: pointer
}

.demo-section li:after {
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    border-radius: 43px;
    background-color: #0b64de;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.demo-section li.filtr-active {
    color: #fff;
    border-radius: 43px;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0,132,255,.25);
    box-shadow: 0 8px 8px 0 rgba(0,132,255,.25)
}

.demo-section li.filtr-active:after {
    opacity: 1
}

.demo_item .demo_img_link {
    position: relative;
    -webkit-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    -webkit-box-shadow: 0 0 15px rgba(14,14,14,.19);
    box-shadow: 0 0 15px rgba(14,14,14,.19)
}

.demo_item .demo_img_link:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    background-color: rgba(0,0,0,.7)
}

.demo_item .demo_img_link .badge_view {
    top: 10px;
    left: -15px;
    position: absolute
}

.app_btn.demo-coming-soon {
    display: none
}

.demo-image.demo-coming-soon {
    filter: blur(3px)
}

.demo_item .appl-page-title h3 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px
}

.demo_item .app_btn {
    left: 0;
    right: 0;
    top: 50%;
    color: #fff;
    height: 50px;
    width: 150px;
    margin: 0 auto;
    font-weight: 600;
    line-height: 50px;
    position: absolute;
    text-align: center;
    border-radius: 50px;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.demo_item .app_btn a {
    width: 100%;
    display: block
}

.demo_item .app_btn:hover {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-position: 100%
}

.demo_item .page-title-link {
    margin-bottom: 85px;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.demo_item .page-title-link:hover {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
}

.demo_item .page-title-link:hover .app_btn {
    opacity: 1
}

.demo_item .page-title-link:hover .demo_img_link:before {
    opacity: 1
}

.device-mockup-section {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-landing/banner2.jpg);
    padding: 85px 0 330px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.device-mockup-section:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(180deg,#3241ff 1%,#530168 100%);
    opacity: .7
}

.device-mockup-section .device-mockup-content {
    z-index: 1;
    position: relative
}

.device-mockup-area .tree-img {
    left: 18%;
    bottom: -115px;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%)
}

.device-mockup-area .laptop-img {
    left: 0;
    right: 0;
    text-align: center;
    bottom: -125px
}

.device-mockup-area .mobile-img {
    right: 15%;
    bottom: -120px;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%)
}

.device-mockup-content h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700
}

.shape-style-5 {
    right: 30%;
    -webkit-transform: translate(-25%,-20%);
    -ms-transform: translate(-25%,-20%);
    transform: translate(-25%,-20%);
    -webkit-animation: animationFramesOne 10s infinite alternate;
    animation: animationFramesOne 10s infinite alternate
}

.shape-style-6 {
    left: 25%;
    -webkit-transform: translate(-10%,-20%);
    -ms-transform: translate(-10%,-20%);
    transform: translate(-10%,-20%);
    -webkit-animation: animationFramesSix 12s infinite alternate;
    animation: animationFramesSix 12s infinite alternate
}

.shape-style-7 {
    left: 50%;
    -webkit-transform: translate(-25%,-20%);
    -ms-transform: translate(-25%,-20%);
    transform: translate(-25%,-20%);
    -webkit-animation: animationFramesTwo 10s infinite alternate;
    animation: animationFramesTwo 10s infinite alternate
}

.shape-style-8 {
    bottom: 10%;
    left: 35%;
    -webkit-transform: translate(-25%,-20%);
    -ms-transform: translate(-25%,-20%);
    transform: translate(-25%,-20%);
    -webkit-animation: animationFramesFive 12s infinite alternate;
    animation: animationFramesFive 12s infinite alternate
}

.shape-style-9 {
    bottom: 10%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: animationFramesFour 10s infinite alternate;
    animation: animationFramesFour 10s infinite alternate
}

.appl-element-section {
    padding: 230px 0 135px
}

.appl-element-section .element-image {
    margin-left: 165px
}

.ele-img_1 {
    position: absolute;
    top: 60px
}

.ele-img_2 {
    right: 0;
    bottom: -40px;
    position: absolute
}

.appl-element-section .element-text {
    max-width: 500px;
    padding-top: 80px;
    margin-left: 20px
}

.appl-element-section .element-text h2 {
    font-size: 48px;
    font-weight: 600;
    margin: 30px 0 40px
}

.appl-element-section .element-text p {
    font-size: 16px;
    color: #666;
    margin-bottom: 60px
}

.appl-element-section .element-text .element-bg {
    margin: 0 auto;
    font-size: 16px;
    max-width: 245px;
    border-radius: 115px;
    font-family: poppins;
    overflow: hidden;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/appilo-landing/ebg.png);
    -webkit-box-shadow: 0 17px 40px 0 rgba(0,0,0,.21);
    box-shadow: 0 17px 40px 0 rgba(0,0,0,.21)
}

.appl-element-section .element-text .element-bg .element_content {
    padding: 20px
}

.appl-element-section .element-text .element-bg .element_content strong {
    font-size: 40px;
    font-weight: 700;
    color: #f002a1;
    -webkit-animation: color-change 1.1s infinite;
    animation: color-change 1.1s infinite
}

.app-feature-section {
    padding: 85px 0 120px;
    background-color: #ededed
}

.app-feature-section .area-title {
    padding-bottom: 5px
}

.app-feature-section .area-title strong {
    color: #6e3ebf
}

.app-feature-section .area-title span {
    font-weight: 700
}

.app-feature-section .area-title h2:after {
    left: -15px
}

.app-feature-section .area-title h2:before {
    left: 10px
}

.app-feature-section .col-lg-4:nth-child(3) .appl-feature-content:after,.app-feature-section .col-lg-4:nth-child(6) .appl-feature-content:after {
    display: none
}

.feature-content-item {
    background-color: #fafafa;
    -webkit-box-shadow: 0 14px 65px 0 rgba(0,0,0,.15);
    box-shadow: 0 14px 65px 0 rgba(0,0,0,.15);
    position: relative
}

.feature-content-item:after {
    top: 50%;
    left: 0;
    right: 0;
    content: "";
    width: 90%;
    margin: 0 auto;
    position: absolute;
    border: 1px dashed #d0d0d0
}

.appl-feature-content {
    position: relative;
    padding: 40px 40px 55px 45px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appl-feature-content h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 15px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.appl-feature-content p {
    font-size: 16px;
    max-width: 290px
}

.appl-feature-content:after {
    top: 50px;
    content: "";
    height: 60%;
    right: -15px;
    position: absolute;
    border-right: 1px dashed #d0d0d0
}

.appl-feature-content:hover h3 {
    color: #723cbe
}

.appl-feature-content:hover {
    -webkit-box-shadow: 0 40px 80px 0 rgba(4,10,48,.06);
    box-shadow: 0 40px 80px 0 rgba(4,10,48,.06)
}

.appl-review-section {
    padding: 65px 0 75px
}

.appl-review-section .area-title-2 {
    padding-bottom: 40px
}

.review-inner-box {
    padding: 40px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 29px rgba(0,0,0,.09);
    box-shadow: 0 1px 29px rgba(0,0,0,.09)
}

.review-inner-box .review-rate {
    margin-bottom: 18px
}

.review-inner-box .review-rate li {
    font-size: 15px;
    color: #ffca12
}

.review-inner-box .buyer-inner {
    margin-top: 22px
}

.review-inner-box .buyer-inner .buyer-thumb {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

.review-inner-box .buyer-inner .buyer-name-degi span {
    display: block
}

.review-inner-box .buyer-inner .buyer-name-degi .buyer-name {
    color: #0e0e0e;
    font-size: 20px;
    font-weight: 700;
    font-family: poppins
}

.review-slide-area.owl-carousel .owl-stage-outer {
    overflow: visible
}

.review-slide-area.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0
}

.review-slide-area.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1
}

.review-slide-area.owl-carousel .owl-nav {
    display: none
}

.review-slide-area.owl-carousel .owl-dots {
    margin-top: 25px;
    text-align: center
}

.review-slide-area.owl-carousel .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    border-radius: 100%;
    display: inline-block;
    background-color: #fff;
    border: 3px solid #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.review-slide-area.owl-carousel .owl-dots .owl-dot.active {
    background-color: #46f252
}

.author-sale-section {
    padding: 75px 0 65px;
    z-index: 1
}

.author-sale-section:before {
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    height: 100%;
    width: 100%;
    opacity: .91;
    position: absolute;
    background-color: #0e2128
}

.author-sale-section .author-sale-text {
    margin-top: 25px
}

.author-sale-section .author-sale-text h2 {
    color: #fff;
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 18px
}

.author-sale-section .author-sale-text p {
    color: #fff;
    font-size: 20px;
    padding-bottom: 5px
}

.appl-product-counter .theme-dynamic-counter h1 {
    font-size: 72px;
    font-weight: 700;
    display: inline-block;
    background: -webkit-linear-gradient(left,#0086f8,#39ec73);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.appl-product-counter .theme-dynamic-counter span {
    top: -15px;
    right: -10px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    font-family: poppins;
    text-transform: uppercase
}

.copyright-text {
    padding: 15px 0;
    background-color: #0b0016;
    color: #fff
}

.copyright-text i,.copyright-text span {
    color: #fa008f
}

.appl-scrollup {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    z-index: 99;
    line-height: 55px;
    background-color: #723cbe
}

.appl-scrollup i {
    font-size: 26px;
    color: #fff
}

.appl-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #1c1c1c;
    padding: 40px 0;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.appl-mobile_menu_content .appl-mobile-main-navigation {
    width: 100%
}

.appl-mobile_menu_content .appl-mobile-main-navigation .navbar-nav {
    width: 100%
}

.appl-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.appl-mobile_menu_content .appl-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    padding: 13px 15px 13px 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px dashed rgba(255,255,255,.1)
}

.appl-mobile_menu_content .appl-mobile-main-navigation .navbar-nav li a {
    color: #d5d5d5;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px 0;
    text-transform: uppercase
}

.appl-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.appl-mobile_menu_wrap.mobile_menu_on .appl-mobile_menu_content {
    right: 0;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.75);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.appl-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.appl-mobile_menu_button {
    position: absolute;
    display: none;
    right: 15px;
    cursor: pointer;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    top: -40px;
    z-index: 5
}

.appl-mobile_menu .appl-mobile-main-navigation .navbar-nav li a:before {
    display: none
}

.appl-mobile_menu .appl-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.appl-mobile_menu .appl-mobile_menu_content .appl-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    background-color: transparent
}

.appl-mobile_menu .appl-mobile_menu_content .appl-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1;
    margin-bottom: 5px
}

.appl-mobile_menu .dropdown {
    position: relative
}

.appl-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: center;
    line-height: 35px;
    background: 0 0;
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 0;
    padding: 0;
    width: 36px;
    height: 35px
}

.appl-mobile_menu .appl-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    height: 20px;
    width: 20px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.appl-main-header.appl-sticky-menu .appl-mobile_menu_content {
    top: 15px
}

@media screen and (max-width: 1440px) {
    .appl-banner-content {
        padding:235px 0 270px
    }

    .appl-banner-section .banner-demo .demo-shape-1 {
        width: 85%;
        left: -150px;
        bottom: -17%
    }

    .appl-banner-section .banner-demo .demo-shape-2 {
        width: 30%;
        top: auto;
        bottom: -17px
    }

    .appl-header-section .navbar-nav li {
        margin: 0 15px
    }

    .appl-banner-section .demo-number {
        width: 160px
    }

    .appl-banner-section .element-number {
        width: 150px
    }

    .appl-header-section .appl_sign_up_btn {
        margin-left: 20px
    }
}

@media screen and (max-width: 1024px) {
    .appl-header-section .navbar-nav li {
        margin:0 15px
    }

    .demo-section li {
        padding: 10px 20px
    }

    .device-mockup-area .mobile-img {
        display: none
    }

    .tree-img {
        display: none
    }

    .appl-element-section .element-image {
        margin-left: 0
    }

    .element-text {
        max-width: 500px;
        padding-top: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 991px) {
    .main_menu_list {
        display:none
    }

    .appl-header-section .appl-brand-logo {
        opacity: 1
    }

    .appl-banner-section .demo-number {
        display: none
    }

    .appl-banner-section .element-number,.banner-demo {
        display: none
    }

    .appl-banner-content {
        padding: 170px 0 200px
    }

    .appl-mobile_menu_button {
        display: block
    }

    .appl-sticky-menu .appl-mobile_menu_button {
        top: -35px
    }

    .demo-section li {
        padding: 5px 10px
    }

    .ele-img_1,.ele-img_2 {
        display: none
    }

    .feature-content-item:after,.appl-feature-content:after {
        display: none
    }

    .demo-section li {
        font-weight: 500
    }

    .appl-element-section .element-image {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 420px) {
    .appl-banner-content {
        padding:160px 0 155px
    }

    .appl-banner-content .banner-text {
        font-size: 22px;
        padding: 30px 15px 55px
    }

    .area-title-2 .total-demo h1 {
        font-size: 60px
    }

    .area-title-2 .total-demo span {
        top: -5px;
        right: -20px;
        font-size: 30px
    }

    .area-title-2 p {
        font-size: 16px
    }

    .device-mockup-section {
        padding: 50px 15px 100px
    }

    .appl-element-section {
        padding: 150px 0 60px
    }

    .element-text h2 {
        font-size: 32px;
        margin: 15px 0 20px
    }

    .area-title h2 {
        font-size: 30px
    }

    .app-feature-section .area-title h2:before,.app-feature-section .area-title h2:after {
        display: none
    }

    .area-title-2 h2 {
        font-size: 30px
    }

    .appl-product-counter .theme-dynamic-counter h1 {
        font-size: 60px
    }
}

.appl-banner-content {
    padding: 215px 0 400px
}

#appl-banner {
    position: relative
}

.tm-banners {
    position: absolute;
    width: 100%;
    bottom: -29%;
    left: -36%;
    text-align: center;
    -webkit-transform: rotate(44deg) scale(.85);
    -ms-transform: rotate(44deg) scale(.85);
    transform: rotate(44deg) scale(.85)
}

.tm-banners .single-img {
    display: inline-block;
    height: 300px;
    margin: 0 10px;
    width: calc(100%/4 - 50px);
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: -1px 0 20px 20px rgba(0,0,0,.17);
    box-shadow: -1px 0 20px 20px rgba(0,0,0,.17);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 0;
    position: relative
}

.tm-banners .single-img img {
    width: 100%
}

.tm-banners .single-img:nth-child(2) {
    position: relative;
    top: 180px;
    z-index: -1;
    opacity: 0;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s
}

.tm-banners .single-img:nth-child(3) {
    position: relative;
    top: 120px;
    z-index: 2;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 0
}

.tm-banners .single-img:nth-child(4) {
    top: 180px;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s
}

.tm-banners .single-img:nth-child(5) {
    top: 100px;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.tm-banners .single-img:nth-child(6) {
    top: 100px;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    left: 100px
}

.tm-banners .single-img:nth-child(7) {
    top: 100px;
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
    -webkit-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s;
    left: 100px
}

.tm-banners .single-img:nth-child(11) {
    top: 100px;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    transition-duration: 1.6s
}

.tm-banners .single-img:nth-child(1) {
    position: relative;
    top: 150px;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s
}

.tm-banners .single-img:nth-child(8) {
    top: 100px;
    z-index: -2;
    background: #000;
    opacity: 0;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    transition-duration: 1.6s;
    left: 100px
}

.tm-banners .single-img:nth-child(9) {
    left: 0
}

.tm-banners .single-img:nth-child(12) {
    top: 100px;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

.tm-banners.animated .single-img {
    opacity: 1
}

.tm-banners.animated .single-img:nth-child(8) {
    top: 0;
    opacity: 1
}

.tm-banners.animated .single-img:nth-child(1) {
    top: 0
}

.tm-banners.animated .single-img:nth-child(2) {
    top: 0
}

.tm-banners.animated .single-img:nth-child(3) {
    top: 0;
    -webkit-box-shadow: 19px 20px 20px 13px rgba(0,0,0,.27);
    box-shadow: 19px 20px 20px 13px rgba(0,0,0,.27)
}

.tm-banners.animated .single-img:nth-child(5),.tm-banners.animated .single-img:nth-child(6),.tm-banners.animated .single-img:nth-child(7),.tm-banners.animated .single-img:nth-child(11),.tm-banners.animated .single-img:nth-child(4),.tm-banners.animated .single-img:nth-child(12) {
    top: 0
}

.tm-banners.animated .single-img:nth-child(5) {
    left: 100px
}

.tm-banners-right-side {
    position: absolute;
    width: 100%;
    bottom: -2%;
    right: -55%;
    text-align: center;
    -webkit-transform: rotate(-45deg) scale(.85);
    -ms-transform: rotate(-45deg) scale(.85);
    transform: rotate(-45deg) scale(.85)
}

.tm-banners-right-side .single-img {
    display: inline-block;
    height: 300px;
    margin: 0 10px;
    width: calc(100%/4 - 50px);
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: -1px 0 20px 4px rgba(238,3,162,.28);
    box-shadow: -1px 0 20px 4px rgba(238,3,162,.28);
    position: relative;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tm-banners-right-side .single-img img {
    width: 100%
}

.tm-banners-right-side .single-img:nth-child(1) {
    position: relative;
    top: 190px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    left: 50px
}

.tm-banners-right-side .single-img:nth-child(3) {
    top: 140px;
    left: 50px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    z-index: 5;
    -webkit-box-shadow: -19px 20px 20px 20px rgba(0,0,0,.37);
    box-shadow: -19px 20px 20px 20px rgba(0,0,0,.37)
}

.tm-banners-right-side .single-img:nth-child(2) {
    top: 120px;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    background: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 50px
}

.tm-banners-right-side .single-img:nth-child(4) {
    top: 100px;
    -webkit-transition: 1.2s;
    -o-transition: 1.2s;
    transition: 1.2s;
    left: 50px
}

.tm-banners-right-side .single-img:nth-child(6) {
    top: 100px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.tm-banners-right-side .single-img:nth-child(7) {
    top: 100px;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.tm-banners-right-side .single-img:nth-child(8) {
    top: 100px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.tm-banners-right-side .single-img:nth-child(9) {
    top: 100px;
    -webkit-transition: 1.2s;
    -o-transition: 1.2s;
    transition: 1.2s;
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.tm-banners-right-side.animated .single-img {
    opacity: 1
}

.tm-banners-right-side.animated .single-img:nth-child(1),.tm-banners-right-side.animated .single-img:nth-child(2),.tm-banners-right-side.animated .single-img:nth-child(3),.tm-banners-right-side.animated .single-img:nth-child(4),.tm-banners-right-side.animated .single-img:nth-child(6),.tm-banners-right-side.animated .single-img:nth-child(7),.tm-banners-right-side.animated .single-img:nth-child(8),.tm-banners-right-side.animated .single-img:nth-child(9) {
    position: relative;
    top: 0
}

.appl-banner-section .element-number {
    bottom: 50px;
    right: 36%
}

.responsive-demo {
    display: none;
    text-align: center
}

.responsive-demo .single-img {
    display: inline-block;
    width: calc(100%/4);
    margin: 0 -60px;
    -webkit-box-shadow: 0 0 11px 12px rgba(0,0,0,.25);
    box-shadow: 0 0 11px 12px rgba(0,0,0,.25)
}

.responsive-demo .single-img img {
    width: 100%
}

@media only screen and (min-width: 1366px) and (max-width:1699px) {
    .tm-banners-right-side {
        bottom:-78%;
        right: -44%
    }

    .appl-banner-section .element-number {
        bottom: 0;
        right: 40%
    }

    .tm-banners {
        left: -46%;
        bottom: -60%
    }

    .appl-banner-content {
        padding: 205px 0 240px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1365px) {
    .tm-banners-right-side {
        bottom:-58%;
        right: -44%
    }

    .tm-banners {
        left: -46%;
        bottom: -34%
    }

    .appl-banner-content {
        padding: 215px 0 200px
    }

    .tm-banners .single-img:nth-child(3),.tm-banners .single-img:nth-child(4) {
        opacity: 0
    }

    .tm-banners-right-side .single-img:nth-child(1),.tm-banners-right-side .single-img:nth-child(2) {
        opacity: 0
    }
}

@media only screen and (max-width: 1199px) {
    .tm-banners,.tm-banners-right-side {
        display:none
    }

    .responsive-demo {
        display: block
    }

    .appl-banner-content {
        padding: 215px 0 100px
    }
}

span.plus {
    font-size: 72px!important;
    font-weight: 700!important;
    display: inline-block;
    line-height: 72px;
    background: -webkit-linear-gradient(left,#0086f8,#39ec73);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
    top: 0!important
}

#offcanvas-menu.toggled {
    transform: translateX(0)
}

#offcanvas-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    background: #313131;
    transform: translateX(280px);
    transition: .5s;
    z-index: 99999
}

.menu-wrapper {
    height: 100%;
    overflow: auto;
    padding-top: 60px
}

.menu-toggle i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    text-align: center;
    background-color: #313131;
    cursor: pointer;
    color: #fff
}

.menu-toggle {
    position: fixed;
    top: 10px;
    right: 10px;
    transition: .1s;
    z-index: 9999;
    display: none!important
}

.menu-toggle.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    text-align: right;
    padding: 10px 10px 10px 0;
    border-radius: 0
}

.menu-toggle.sticky:before {
    content: "";
    position: absolute;
    width: 130px;
    height: 30px;
    left: 0;
    right: 0;
    display: none;
    top: 50%;
    margin: -15px auto 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../images/logo-m.png) no-repeat
}

#offcanvas-menu .close-menu {
    position: absolute;
    top: 15px;
    margin-left: -20px
}

#offcanvas-menu .close-menu i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    background-color: #ff9600
}

#offcanvas-menu .menu-wrapper li a {
    font-family: montserrat,sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #b7becd;
    border-bottom: 1px solid #b7becd;
    padding: 10px 40px;
    display: block
}

#offcanvas-menu .menu-wrapper li ul {
    display: none
}

#offcanvas-menu .menu-wrapper li .sub-menu a {
    padding-left: 55px
}

#offcanvas-menu .menu-wrapper li ul {
    display: none
}

#offcanvas-menu .menu-wrapper li a.active {
    color: #ff9600
}

@media(max-width: 991px) and (min-width:768px) {
    .menu-toggle {
        display:block
    }
}

.app-host {
    font-family: roboto,sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #596777;
    background-color: #fff;
    overflow-x: hidden
}

.app-host a {
    color: #f5800d
}

.app-host a,.app-host a>* {
    outline: 0;
    cursor: pointer;
    text-decoration: none
}

.app-host a:focus,.app-host a:hover {
    color: #db5643;
    outline: 0;
    text-decoration: none
}

.app-host a,.app-host .navbar a,.app-host .form-control {
    transition: .5s
}

div#host-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/pre.svg) no-repeat center center
}

.app-host h1,.app-host h2,.app-host h3,.app-host h4,.app-host h5,.app-host h6 {
    font-family: dosis,sans-serif;
    font-weight: 400;
    margin: 0 0 20px
}

.app-host h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1px
}

@media(min-width: 480px) and (max-width:767px) {
    .app-host h1 {
        font-size:40px
    }
}

@media only screen and (max-width: 479px) {
    .app-host h1 {
        font-size:34px
    }
}

.app-host h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 600;
    color: #1b232f
}

@media(min-width: 480px) and (max-width:767px) {
    .app-host h2 {
        font-size:30px;
        line-height: 35px
    }
}

@media only screen and (max-width: 479px) {
    .app-host h2 {
        font-size:25px;
        line-height: 30px
    }
}

.app-host h3 {
    font-size: 26px;
    line-height: 30px;
    color: #1f1842
}

@media only screen and (max-width: 479px) {
    .app-host h3 {
        font-size:20px
    }
}

.app-host h4 {
    font-size: 25px
}

.app-host h5 {
    font-size: 14px
}

.app-host h6 {
    font-size: 12px
}

.app-host p img {
    margin: 0
}

.app-host p {
    margin: 0 0 15px;
    line-height: 27px
}

.app-host hr {
    margin: 0
}

.app-host ul {
    margin: 0;
    padding: 0
}

.app-host ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.app-host .btn {
    font-family: roboto,sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700
}

.app-host .btn.active,.app-host .btn:active {
    box-shadow: none
}

.app-host button,.app-host .btn.active.focus,.app-host .btn.active:focus,.app-host .btn.focus,.app-host .btn:active.focus,.app-host .btn:active:focus,.app-host .btn:focus {
    outline: 0
}

.app-host .btn-default {
    font-size: 20px;
    font-weight: 600;
    color: #f5800d;
    background-color: transparent;
    border: 2px solid #f5800d;
    border-radius: 8px;
    padding: 8px 22px
}

.app-host .btn-default:hover,.app-host .btn-default.focus,.app-host .btn-default:focus,.app-host .btn-default.active,.app-host .btn-default:active,.app-host .open>.dropdown-toggle.btn-default,.app-host .btn-default.active.focus,.app-host .btn-default.active:focus,.app-host .btn-default.active:hover,.app-host .btn-default:active.focus,.app-host .btn-default:active:focus,.app-host .btn-default:active:hover,.app-host .open>.dropdown-toggle.btn-default.focus,.app-host .open>.dropdown-toggle.btn-default:focus,.app-host .open>.dropdown-toggle.btn-default:hover,.app-host .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #f5800d;
    border-color: #f5800d
}

@media screen and (max-width: 480px) {
    .app-host .btn-default {
        padding:10px 20px!important
    }
}

.app-host .btn-primary {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    background-color: #3575d3;
    border: 0;
    padding: 10px 45px;
    border-radius: 6px;
    z-index: 5;
    overflow: hidden;
    box-shadow: 0 5px #3265b0
}

.app-host .btn-primary:hover,.app-host .btn-primary.focus,.app-host .btn-primary:focus,.app-host .btn-primary.active.focus,.app-host .btn-primary.active:focus,.app-host .btn-primary.active:hover,.app-host .btn-primary:active.focus,.app-host .btn-primary:active:focus,.app-host .btn-primary:active:hover,.app-host .open>.dropdown-toggle.btn-primary.focus,.app-host .open>.dropdown-toggle.btn-primary:focus,.app-host .open>.dropdown-toggle.btn-primary:hover {
    background-color: #3575d3;
    top: 2px;
    box-shadow: 0 3px #3265b0
}

.app-host .btn-primary.active {
    background-color: #3575d3;
    box-shadow: 0 5px #3265b0
}

@media screen and (max-width: 480px) {
    .app-host .btn-primary {
        font-size:16px;
        padding: 8px 25px
    }
}

@media screen and (max-width: 480px) {
    .app-host .btn-link {
        font-size:16px;
        padding: 8px 25px
    }
}

.app-host .container {
    max-width: 1200px
}

.app-host .nav {
    display: inherit
}

.app-host .navbar {
    padding: 0;
    display: inherit
}

.app-host .navbar-nav {
    display: inherit
}

.app-host .host-app-header-section .collapse:not(.show) {
    display: block
}

.app-host .navbar-collapse {
    flex-grow: inherit;
    flex-basis: inherit
}

.app-host .facebook-bg {
    background-color: #106ed2
}

.app-host .twitter-bg {
    background-color: #3ad0fb
}

.app-host .linkedin-bg {
    background-color: #1379bb
}

.app-host .no-margin {
    margin: 0
}

.app-host .no-padding {
    padding: 0
}

.app-host .ch-section-padding {
    padding: 120px 0
}

@media only screen and (max-width: 991px) {
    .app-host .ch-section-padding {
        padding:100px 0
    }
}

@media only screen and (max-width: 767px) {
    .app-host .ch-section-padding {
        padding:70px 0
    }
}

.app-host .inline-block {
    display: inline-block
}

.app-host .ml-30 {
    margin-left: 30px
}

.app-host .mr-30 {
    margin-right: 30px
}

.app-host .form-control:focus {
    box-shadow: none
}

.app-host input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    color: #fff
}

.app-host input[type=text],.app-host input[type=password],.app-host input[type=email],.app-host input[type=url],.app-host input[type=search],.app-host textarea,.app-host select {
    outline: 0;
    margin: 0;
    max-width: 100%;
    border-radius: 0
}

.app-host .bottom-nevigation .pagination li.active>a {
    color: #fff;
    background-color: #3575d3;
    border-color: #3575d3
}

.app-host .bottom-nevigation .pagination li.active>a:hover,.app-host .bottom-nevigation .pagination li.active>a:focus,.app-host .bottom-nevigation .pagination li.active>a:active {
    background-color: #3575d3
}

.app-host .bottom-nevigation .pagination li a {
    width: 40px;
    height: 40px;
    line-height: 25px;
    font-weight: 700;
    color: #000;
    border-radius: 0;
    background-color: transparent;
    margin: 0 4px
}

@media only screen and (max-width: 479px) {
    .app-host .bottom-nevigation .pagination li a {
        width:30px;
        height: 30px;
        line-height: 15px;
        font-size: 12px;
        margin: 0 2px 5px
    }
}

.app-host .bottom-nevigation .pagination>li>a:focus,.app-host .bottom-nevigation .pagination>li>a:hover,.app-host .bottom-nevigation .pagination>li>span:focus,.app-host .bottom-nevigation .pagination>li>span:hover {
    background-color: transparent
}

.app-host .header-title {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/sub/share-host-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 310px 0 75px
}

@media(min-width: 992px) and (max-width:1199px) {
    .app-host .header-title {
        padding:250px 0 50px
    }
}

@media only screen and (max-width: 991px) {
    .app-host .header-title {
        padding:140px 0 50px
    }
}

@media only screen and (max-width: 479px) {
    .app-host .header-title {
        padding:120px 0 30px
    }
}

.app-host .header-title .app-host .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .app-host .header-title .app-host .title {
        font-size:35px;
        line-height: 35px
    }
}

@media(min-width: 480px) and (max-width:767px) {
    .app-host .header-title .app-host .title {
        font-size:30px;
        line-height: 30px
    }
}

@media only screen and (max-width: 479px) {
    .app-host .header-title .app-host .title {
        font-size:25px;
        line-height: 30px
    }
}

.app-host .page-title {
    background-color: #dfdbce;
    padding: 18px 0
}

.app-host .page-title h4 {
    font-size: 18px;
    font-weight: 600;
    color: #1b232f;
    margin: 0
}

.app-host .page-title h4 span {
    color: #8e8b81
}

.app-host .sub-page .host-app-header-section .navbar {
    background-color: #fff
}

@media only screen and (max-width: 991px) {
    .host-app-header-section {
        display:inline-block
    }
}

.host-app-header-section .top-bar {
    padding: 16px 0;
    border-bottom: 1px solid #e1e6ed
}

.host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
    font-size: 16px;
    display: inline-block;
    color: #616d7e;
    margin-right: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
        font-size:15px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
        font-size:15px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-header-section .top-bar .header-left-bar .contact-wrapper li {
        font-size:15px
    }
}

.host-app-header-section .top-bar .header-left-bar .contact-wrapper li:last-child {
    margin-right: 0
}

.host-app-header-section .top-bar .header-left-bar .contact-wrapper li i {
    color: #616d7e
}

.host-app-header-section .top-bar .header-right-bar .social-icon {
    line-height: 10px;
    vertical-align: sub;
    margin-right: 55px
}

.host-app-header-section .top-bar .header-right-bar .social-icon li {
    display: inline-block;
    margin: 0 5px
}

.host-app-header-section .top-bar .header-right-bar .social-icon li a {
    color: #616d7e
}

.host-app-header-section .top-bar .header-right-bar .social-icon li a:hover {
    color: #f5800d
}

.host-app-header-section .top-bar .header-right-bar .social-icon li a i {
    font-size: 18px
}

.host-app-header-section .top-bar .header-right-bar .access li {
    display: inline-block;
    padding: 0 2px
}

.host-app-header-section .top-bar .header-right-bar .access li a {
    color: #616d7e
}

.host-app-header-section .top-bar .header-right-bar .access li a:hover {
    color: #f5800d
}

.host-app-header-section .top-bar .header-right-bar .access li a i {
    font-size: 10px;
    color: #fff;
    background: #616d7e;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal {
    background: #fff;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 60%;
    left: 0;
    right: -10%;
    margin: 0 auto;
    border-radius: 8px;
    z-index: 999;
    transform: translateY(50px);
    transition: 1s
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    z-index: 1000
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .logout-box {
    background-color: #3575d3;
    display: block;
    text-align: center;
    padding: 5px 0;
    border-radius: 8px 8px 0 0;
    cursor: pointer
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .logout-box a {
    color: #fff
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .logout-box i {
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: transparent;
    float: right;
    margin-right: 15px
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .search-bar {
    padding: 15px
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .modalSearchBar {
    width: 100%;
    padding: 5px 20px;
    color: #a9a9a9;
    background-color: transparent;
    border: 2px solid #eee
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .form-control {
    width: 100%;
    padding: 18px 20px;
    color: #a9a9a9;
    background-color: transparent;
    border: 2px solid #eee;
    margin-top: 10px;
    box-shadow: none
}

.host-app-header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .subscribeBtn {
    font-size: 16px;
    padding: 4px 35px;
    border-radius: 5px
}

.host-app-header-section .navbar {
    border: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 998;
    margin: 0 auto;
    border-radius: 0;
    min-height: auto;
    position: absolute;
    background-color: #fff
}

.host-app-header-section .navbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/logo-bg.jpg) no-repeat;
    width: 660px;
    height: 90px;
    z-index: 1
}

@media(min-width: 1500px) and (max-width:1800px) {
    .host-app-header-section .navbar:before {
        width:460px
    }
}

@media(min-width: 1200px) and (max-width:1499px) {
    .host-app-header-section .navbar:before {
        width:360px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-header-section .navbar:before {
        width:260px
    }
}

.host-app-header-section .navbar .navbar-header {
    position: relative;
    z-index: 5;
    float: left
}

.host-app-header-section .navbar .navbar-header .navbar-brand {
    padding: 0;
    margin: 0
}

.host-app-header-section .navbar .navbar-header .navbar-brand img {
    padding: 22px 0
}

.host-app-header-section .navbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(64,64,64,.16);
    padding: 0;
    z-index: 998
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-header-section .navbar.sticky {
        margin-top:-88px
    }
}

.host-app-header-section .navbar.sticky .navbar-collapse .navbar-nav li:hover .dropdown {
    z-index: 9
}

.host-app-header-section .navbar.sticky .navbar-collapse .navbar-nav li .dropdown {
    z-index: -1
}

.host-app-header-section .navbar .navbar-collapse {
    padding: 0;
    float: right
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav {
    float: left;
    margin-right: 88px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav {
        margin-right:40px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav {
        float:none!important;
        display: inline-block
    }
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li {
    position: relative;
    font-size: 16px;
    text-transform: capitalize;
    margin-right: 28px;
    display: inline-block
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li.dropdown:after {
    content: "\f078";
    font-family: 'font awesome 5 free';
    color: #596777;
    font-weight: 600;
    font-size: 12px;
    padding-left: 3px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav li {
        margin-right:25px
    }
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li:last-child {
    margin-right: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li a {
    color: #616d7e;
    padding: 0;
    line-height: 88px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li a:hover {
    color: #f5800d;
    background-color: transparent
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li.active a {
    color: #f5800d;
    background-color: transparent
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: scaleY(1);
    transition-delay: 0s,0s,.3s;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu {
    top: 86px;
    left: -50px;
    min-width: 200px;
    background-color: #fff;
    padding: 10px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    border: 0;
    transform: scaleY(0);
    z-index: -1;
    transform-origin: center top 0;
    transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li {
    font-size: 16px;
    border-bottom: 1px solid rgba(97,109,126,.12);
    margin: 0 25px;
    padding: 0 5px;
    transition: .5s
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li.active a {
    color: #f5800d!important
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:last-child {
    border-bottom: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a {
    color: #616d7e!important;
    line-height: 45px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover {
    color: #f5800d!important
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:hover .sub-dropdown {
    opacity: 1;
    right: -136%
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu .sub-dropdown {
    position: absolute;
    top: 0;
    right: -120%;
    width: 180px;
    background-color: #fff;
    opacity: 0;
    padding: 10px 0;
    transition: .5s
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
    position: absolute;
    top: 88px;
    width: 700px;
    left: -400px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 40px 20px 40px 40px;
    visibility: hidden;
    display: flex;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    transform: scaleY(0);
    z-index: -1;
    transform-origin: center top 0;
    transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s
}

@media(min-width: 1500px) and (max-width:2100px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
        width:1e3px;
        left: -500px
    }
}

@media only screen and (max-width: 1499px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
        padding:20px;
        left: -344px
    }
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel {
    margin-bottom: 40px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel .carousel-indicators {
    width: 100%;
    left: -40px;
    right: 0;
    margin: 0 auto
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel .carousel-indicators li {
    width: 20px;
    height: 7px;
    border: 1px solid #fff;
    margin: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li {
    flex: 1;
    border-right: 1px solid rgba(97,109,126,.12);
    padding: 0;
    margin: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:last-child {
    border-right: 0
}

@media only screen and (max-width: 1499px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:first-child {
        display:none
    }
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content {
    padding-top: 5px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content h4 {
    font-size: 17px;
    text-transform: capitalize;
    color: #f5800d;
    margin-bottom: 5px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .number,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .message {
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    display: block;
    color: #676767
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {
    position: relative;
    top: 0;
    width: auto;
    padding: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
    border-right: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {
    background-color: #fff;
    padding: 10px 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
    font-size: 16px;
    border-bottom: 1px solid rgba(97,109,126,.12);
    margin: 0 25px;
    padding: 0 5px;
    transition: .5s
}

@media only screen and (max-width: 1499px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
        margin:0 10px
    }
}

@media only screen and (max-width: 1499px) {
    .host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:first-child {
        display:inherit
    }
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li.active a {
    color: #f5800d
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:last-child {
    border-bottom: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a {
    color: #616d7e;
    line-height: 45px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a:hover {
    color: #f5800d
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:hover .sub-dropdown {
    opacity: 1;
    right: -170%
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown .sub-dropdown {
    position: absolute;
    top: 0;
    right: -120%;
    width: 180px;
    background-color: #222;
    opacity: 0;
    padding: 10px 0;
    transition: .5s
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-indicators {
    bottom: -35px
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item {
    transition-property: opacity
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right {
    opacity: 0
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next.left,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev.right {
    opacity: 1
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left,.host-app-header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0,0,0)
}

.host-app-header-section .navbar .navbar-collapse .navbar-nav li:hover .megamenu {
    opacity: 1;
    visibility: visible;
    top: 88px;
    z-index: 1;
    transform: scaleY(1);
    transition-delay: 0s,0s,.3s
}

.host-app-header-section .navbar .chat-box .btn-primary {
    font-size: 16px;
    background-color: #f5800d;
    padding: 5px 14px;
    margin: 24px 0;
    box-shadow: 0 5px #c76708
}

.host-app-header-section .navbar .chat-box .btn-primary:hover {
    box-shadow: 0 3px #c76708
}

.host-app-slider-section {
    margin-top: 50px
}

@media only screen and (max-width: 991px) {
    .host-app-slider-section {
        margin-top:0
    }
}

.host-app-slider-section .large-text {
    font-family: dosis,sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    color: #1b232f
}

.host-app-slider-section .small-text {
    color: #3e4853
}

.host-app-slider-section .medium-text {
    font-size: 18px;
    color: #3e4853;
    line-height: 30px
}

.host-app-slider-section .medium-text .big-text {
    font-size: 30px;
    font-weight: 500
}

.host-app-slider-section .medium-text .big-text .theme-color {
    color: #3575d3
}

@media only screen and (max-width: 767px) {
    .host-app-slider-section .medium-text .big-text {
        font-size:18px;
        line-height: 30px;
        font-weight: 400
    }
}

.host-app-slider-section .link-button .btn-primary {
    font-size: 18px;
    color: #fff;
    background-color: #f5800d;
    padding: 10px 30px;
    box-shadow: 0 5px #c76708
}

.host-app-slider-section .link-button .btn-primary:hover {
    top: 0;
    box-shadow: 0 3px #c76708
}

.host-app-slider-section .link-button .btn-primary i {
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .call-to-action {
        padding-bottom:40px
    }
}

.call-to-action .action-wrapper h3 {
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0 15px
}

@media only screen and (max-width: 991px) {
    .call-to-action .action-wrapper h3 {
        font-size:25px
    }
}

@media only screen and (max-width: 767px) {
    .call-to-action .action-wrapper h3 {
        margin:15px 0 10px
    }
}

@media only screen and (max-width: 479px) {
    .call-to-action .action-wrapper h3 {
        font-size:22px
    }
}

.call-to-action .action-wrapper h3 a {
    color: #1f1842
}

.call-to-action .action-wrapper h3 a:hover {
    color: #f5800d
}

.call-to-action .action-wrapper p {
    color: #666;
    line-height: 27px;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .call-to-action .action-wrapper {
        margin-bottom:50px
    }
}

@media only screen and (max-width: 479px) {
    .call-to-action .action-wrapper {
        margin-bottom:35px
    }

    .call-to-action .action-wrapper img {
        width: 80px
    }
}

.package-section .package-wrapper {
    border: 3px solid #3575d3;
    border-radius: 15px;
    padding: 100px 0 20px;
    transition: .5s
}

@media only screen and (max-width: 991px) {
    .package-section .package-wrapper {
        padding-top:70px
    }
}

@media only screen and (max-width: 767px) {
    .package-section .package-wrapper {
        width:50%;
        margin: 0 auto 30px
    }
}

@media only screen and (max-width: 479px) {
    .package-section .package-wrapper {
        width:100%
    }
}

.package-section .package-wrapper:hover {
    background-color: #3575d3;
    border-color: #3575d3;
    box-shadow: 0 0 10px #656565
}

.package-section .package-wrapper .amount {
    font-family: dosis,sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 36px;
    color: #1b232f;
    margin-bottom: 60px;
    transition: .5s
}

@media only screen and (max-width: 991px) {
    .package-section .package-wrapper .amount {
        font-size:35px;
        line-height: 30px;
        margin-bottom: 10px
    }
}

.package-section .package-wrapper .amount sub {
    font-size: 24px;
    vertical-align: top
}

.package-section .package-wrapper .amount .link-color {
    font-size: 18px;
    display: block;
    color: #f5800d;
    line-height: 45px;
    transition: .5s
}

.package-section .package-wrapper p {
    color: #6f7a8a;
    line-height: 36px;
    transition: .5s
}

.package-section .package-wrapper:hover .amount {
    color: #fff
}

.package-section .package-wrapper:hover .amount .link-color {
    color: #fff
}

.package-section .package-wrapper:hover p {
    color: #fff
}

@media only screen and (max-width: 479px) {
    .package-section .package-wrapper {
        padding:50px 0 20px;
        margin-bottom: 20px
    }

    .package-section .package-wrapper .amount {
        margin-bottom: 10px
    }
}

.package-section .btn {
    background-color: #f5800d;
    margin-top: 90px;
    font-weight: 500;
    padding: 12px 43px;
    box-shadow: 0 5px #c76708
}

.package-section .btn:hover {
    box-shadow: 0 3px #c76708
}

.package-section .btn.active:hover,.package-section .btn.active.focus,.package-section .btn:focus {
    top: 2px;
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.package-section .btn.active {
    top: 0;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.package-section .btn a {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .package-section .btn {
        font-size:18px;
        padding: 10px 35px;
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .package-section .btn {
        font-size:16px;
        padding: 8px 30px;
        margin-top: 20px
    }
}

@media only screen and (max-width: 479px) {
    .package-section .btn {
        font-size:14px;
        padding: 6px 25px
    }
}

.mission-section {
    padding: 70px 0 80px
}

@media only screen and (max-width: 991px) {
    .mission-section {
        padding:50px 0 70px
    }

    .mission-section img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .mission-section {
        padding:35px 0 60px
    }
}

@media only screen and (max-width: 479px) {
    .mission-section {
        padding:50px 0 40px
    }
}

.mission-section .mission-wrapper .nav-tabs {
    border: 0;
    border-radius: 8px;
    background-color: #3575d3
}

.mission-section .mission-wrapper .nav-tabs li {
    margin-bottom: 0
}

.mission-section .mission-wrapper .nav-tabs li.active>a {
    color: #fff;
    background-color: #f5800d;
    border-radius: 8px
}

.mission-section .mission-wrapper .nav-tabs li.active>a:hover {
    background-color: #f5800d
}

.mission-section .mission-wrapper .nav-tabs li.active>a,.mission-section .mission-wrapper .nav-tabs li.active>a:focus,.mission-section .mission-wrapper .nav-tabs li.active>a:hover {
    border: 0
}

.mission-section .mission-wrapper .nav-tabs li a {
    font-family: dosis,sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    border: 0;
    color: #fff;
    border-radius: 0;
    padding: 12px 50px;
    margin-right: 0
}

.mission-section .mission-wrapper .nav-tabs li a:hover {
    background-color: transparent
}

@media only screen and (max-width: 767px) {
    .mission-section .mission-wrapper .nav-tabs li a {
        font-size:18px;
        padding: 10px 40px
    }
}

@media only screen and (max-width: 479px) {
    .mission-section .mission-wrapper .nav-tabs {
        margin-top:30px
    }

    .mission-section .mission-wrapper .nav-tabs li>a {
        font-size: 15px;
        padding: 6px 35px
    }
}

.mission-section .mission-wrapper .mission-content {
    padding-top: 68px
}

@media only screen and (max-width: 991px) {
    .mission-section .mission-wrapper .mission-content {
        padding-top:30px
    }
}

@media only screen and (max-width: 479px) {
    .mission-section .mission-wrapper .mission-content {
        padding-top:25px
    }
}

.mission-section .mission-wrapper .mission-content h3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 30px;
    color: #1b232f;
    margin-bottom: 42px
}

@media only screen and (max-width: 991px) {
    .mission-section .mission-wrapper .mission-content h3 {
        font-size:40px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .mission-section .mission-wrapper .mission-content h3 {
        font-size:35px
    }
}

@media only screen and (max-width: 479px) {
    .mission-section .mission-wrapper .mission-content h3 {
        font-size:30px;
        margin-bottom: 20px
    }
}

.mission-section .mission-wrapper .mission-content p {
    color: #666;
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .mission-section .mission-wrapper .mission-content p {
        margin-bottom:20px
    }
}

.app-host .team-section {
    background-color: #dfdbce!important;
    padding-bottom: 55px
}

.team-section .section-title {
    margin-bottom: 55px
}

@media only screen and (max-width: 479px) {
    .team-section .section-title {
        margin-bottom:30px
    }
}

.team-section .section-title h2 {
    font-size: 48px;
    line-height: 30px;
    color: #1b232f;
    margin-bottom: 25px
}

@media only screen and (max-width: 991px) {
    .team-section .section-title h2 {
        font-size:40px
    }
}

@media only screen and (max-width: 767px) {
    .team-section .section-title h2 {
        font-size:35px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 479px) {
    .team-section .section-title h2 {
        font-size:30px
    }
}

.team-section .section-title p {
    color: #545d6a;
    margin: 0
}

.team-section .team-wrapper {
    margin-bottom: 66px
}

@media only screen and (max-width: 991px) {
    .team-section .team-wrapper {
        margin-bottom:40px
    }
}

@media only screen and (max-width: 479px) {
    .team-section .team-wrapper {
        margin-bottom:40px
    }
}

.team-section .team-wrapper img {
    width: 100%;
    height: 185px;
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .team-section .team-wrapper img {
        height:auto
    }
}

.team-section .team-wrapper .wrapper-contant h3 {
    margin: 20px 0 10px
}

.team-section .team-wrapper .wrapper-contant h3 a {
    font-size: 30px;
    font-weight: 600;
    color: #1b232f
}

@media only screen and (max-width: 991px) {
    .team-section .team-wrapper .wrapper-contant h3 a {
        font-size:25px
    }
}

@media only screen and (max-width: 479px) {
    .team-section .team-wrapper .wrapper-contant h3 a {
        font-size:18px
    }
}

@media only screen and (max-width: 991px) {
    .team-section .team-wrapper .wrapper-contant h3 {
        margin:10px 0 5px
    }
}

@media only screen and (max-width: 479px) {
    .team-section .team-wrapper .wrapper-contant h3 {
        margin:15px 0 0
    }
}

.team-section .team-wrapper .wrapper-contant .position {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #616872;
    padding-bottom: 12px;
    border-bottom: 1px solid #b7b3a5;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .team-section .team-wrapper .wrapper-contant .position {
        margin-bottom:10px
    }
}

@media only screen and (max-width: 479px) {
    .team-section .team-wrapper .wrapper-contant .position {
        font-size:16px;
        padding-bottom: 10px
    }
}

.team-section .team-wrapper .wrapper-contant ul li {
    display: inline-block
}

.team-section .team-wrapper .wrapper-contant ul li i {
    font-size: 30px;
    color: #1b232f;
    margin-right: 6px;
    transition: .5s
}

.team-section .team-wrapper .wrapper-contant ul li i:hover {
    color: #f5800d
}

@media only screen and (max-width: 991px) {
    .team-section .team-wrapper .wrapper-contant ul li i {
        font-size:25px
    }
}

.team-section .team-wrapper:hover .wrapper-contant h3>a {
    color: #f5800d
}

.host-app-joining-section {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/join-bg.png) no-repeat;
    background-size: cover;
    padding: 28px 0
}

@media only screen and (max-width: 600px) {
    .host-app-joining-section {
        text-align:center
    }
}

.host-app-joining-section h2 {
    font-family: roboto,sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .host-app-joining-section h2 {
        font-size:25px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-joining-section h2 {
        font-size:22px
    }
}

@media only screen and (max-width: 600px) {
    .host-app-joining-section h2 {
        display:block
    }
}

.host-app-joining-section .btn {
    font-size: 18px;
    font-weight: 500;
    background-color: #1b232f;
    padding: 9px 29px
}

.host-app-joining-section .btn a {
    color: #fff
}

.host-app-joining-section .btn:hover a {
    color: #f5800d
}

.host-app-joining-section .btn i {
    color: #f5800d;
    margin-right: 5px
}

@media only screen and (max-width: 767px) {
    .host-app-joining-section .btn {
        font-size:16px;
        padding: 6px 22px
    }
}

@media only screen and (max-width: 600px) {
    .host-app-joining-section .btn {
        float:none!important;
        margin-top: 10px
    }
}

.host-app-domain-section {
    position: relative;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/domain-bg.jpg) no-repeat center top;
    background-size: cover
}

.host-app-domain-section .domain-wrapper {
    margin: 93px 0
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper {
        margin:0 0 40px
    }
}

.host-app-domain-section .domain-wrapper h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    color: #1b232f
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-domain-section .domain-wrapper h3 {
        font-size:30px;
        line-height: 35px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-domain-section .domain-wrapper h3 {
        font-size:25px;
        line-height: 30px
    }
}

.host-app-domain-section .domain-wrapper .domain-bar {
    margin-top: 25px
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-domain-section .domain-wrapper .domain-bar {
        margin-top:25px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .domain-bar {
        margin-top:25px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-domain-section .domain-wrapper .domain-bar {
        margin-top:10px
    }
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
    width: 80%;
    font-size: 18px;
    border: 0;
    float: left;
    padding: 21px 40px;
    color: #67707e;
    background-color: #dde1e6;
    border-radius: 5px 0 0 5px
}

@media(min-width: 1200px) and (max-width:1399px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width:55%
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width:65%;
        padding: 15px 20px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        padding:15px 30px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width:50%;
        font-size: 16px;
        padding: 10px 15px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width:auto;
        padding: 8px 15px
    }
}

@media only screen and (max-width: 360px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {
        width:50%
    }
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option {
    display: inline-block
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
    font-size: 18px;
    font-weight: 500;
    color: #596777;
    background-color: #d0d3d8;
    border: 0;
    padding: 21.5px 25px 21px;
    margin: -3px 0 0 -3px;
    border-radius: 0
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        padding:15px 20px 16px;
        margin: -3px 0 0 -5px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        padding:14.5px 25px 16px;
        margin: -3px 0 0 -5px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        font-size:16px;
        padding: 8.5px 25px 12px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {
        padding:5.5px 25px 11px;
        border-radius: 0 5px 5px 0
    }
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domain-search-area {
    width: 70%;
    float: left
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domain-search-area input {
    width: 100%
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domain-search-area .dropdown-option {
    top: 0;
    right: 0;
    position: absolute
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domain-search-area .dropdown-option select {
    height: 70px;
    width: 90px;
    padding: 0 15px;
    border: 0;
    font-weight: 700;
    background-color: #e8edf4
}

.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #3575d3;
    border-radius: 0 5px 5px 0;
    border: 0;
    padding: 21px 56px;
    margin: 0 0 0 -4px
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        padding:15px 35px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        padding:15px 56px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        font-size:16px;
        padding: 10px 30px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {
        font-size:14px;
        padding: 7px 22px;
        display: block;
        margin-top: 5px;
        border-radius: 5px
    }
}

.host-app-domain-section .domain-wrapper .package {
    margin: 18px 0 28px
}

.host-app-domain-section .domain-wrapper .package li {
    font-size: 24px;
    line-height: 30px;
    color: #3575d3;
    margin-right: 15px;
    display: inline-block
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-domain-section .domain-wrapper .package {
        margin:10px 0 15px
    }

    .host-app-domain-section .domain-wrapper .package li {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .package {
        margin:12px 0 15px
    }

    .host-app-domain-section .domain-wrapper .package li {
        font-size: 20px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .package {
        margin:8px 0 10px
    }

    .host-app-domain-section .domain-wrapper .package li {
        font-size: 17px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-wrapper .package {
        display:inherit
    }

    .host-app-domain-section .domain-wrapper .package li {
        display: inline-block;
        margin-right: 15px
    }
}

.host-app-domain-section .domain-wrapper p {
    color: #fff
}

.host-app-domain-section .domain-sidebar {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/domain/domain-side.jpg) no-repeat;
    background-size: cover;
    padding: 50px 25px;
    margin-left: 65px
}

@media only screen and (max-width: 1199px) {
    .host-app-domain-section .domain-sidebar {
        margin-left:0
    }
}

.host-app-domain-section .domain-sidebar h4 {
    font-family: roboto,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    margin: 25px 0
}

@media only screen and (max-width: 479px) {
    .host-app-domain-section .domain-sidebar h4 {
        font-size:20px;
        line-height: 25px
    }
}

.host-app-domain-section .domain-sidebar .btn {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    background-color: #e74c3c;
    border-radius: 8px;
    padding: 8px 0
}

.host-app-domain-section .domain-sidebar .btn a {
    color: #fff
}

.host-app-domain-section .domain-sidebar .btn:hover a {
    color: #f5800d
}

@media only screen and (max-width: 991px) {
    .host-app-domain-section .domain-sidebar .btn {
        width:auto;
        padding: 8px 40px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-domain-section .domain-sidebar .btn {
        font-size:16px;
        padding: 6px 30px
    }
}

.host-app-searching-section {
    position: relative;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/searching-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 108px 0 93px
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section {
        padding:90px 0 80px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-searching-section {
        padding:65px 0 45px
    }
}

.host-app-searching-section .searching-wrapper {
    margin-right: 60px
}

@media(min-width: 1200px) and (max-width:1399px) {
    .host-app-searching-section .searching-wrapper {
        margin-right:140px
    }
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-searching-section .searching-wrapper {
        margin-right:100px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper {
        margin-right:0
    }
}

.host-app-searching-section .searching-wrapper h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    color: #fff
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-searching-section .searching-wrapper h3 {
        font-size:30px;
        line-height: 35px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-searching-section .searching-wrapper h3 {
        font-size:25px;
        line-height: 30px
    }
}

.host-app-searching-section .searching-wrapper .search-bar {
    margin-top: 43px
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-searching-section .searching-wrapper .search-bar {
        margin-top:25px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .search-bar {
        margin-top:25px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-searching-section .searching-wrapper .search-bar {
        margin-top:10px
    }
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domain-search-area {
    width: 70%;
    float: left
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .dropdown-option {
    top: 0;
    right: 0;
    position: absolute
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .dropdown-option select {
    height: 70px;
    width: 90px;
    padding: 0 15px;
    border: 0;
    font-weight: 700;
    background-color: #e8edf4
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar,.app-host .wdc-search-one .wdc-search-form .wdc-search-content input {
    width: 100%;
    font-size: 18px;
    height: 80px;
    border: 0;
    padding: 21px 40px;
    color: #67707e;
    background-color: #fff;
    border-radius: 5px 0 0 5px
}

.homePageThree.app-host .wdc-search-one .wdc-search-form .wdc-search-content input {
    border: 1px solid #3575d3
}

@media(min-width: 1200px) and (max-width:1399px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width:55%
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width:50%;
        padding: 15px 20px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        padding:15px 30px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width:50%;
        font-size: 16px;
        padding: 10px 15px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width:auto;
        padding: 8px 15px
    }
}

@media only screen and (max-width: 360px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {
        width:50%
    }
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option {
    display: inline-block;
    background-color: #bfcadb
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
    font-size: 18px;
    font-weight: 500;
    color: #596777;
    border: 0;
    padding: 21.5px 25px 21px;
    margin: -3px 0 0 -3px;
    border-radius: 0
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        padding:15px 20px 16px;
        margin: -3px 0 0 -5px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        padding:14.5px 25px 16px;
        margin: -3px 0 0 -5px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        font-size:16px;
        padding: 8.5px 25px 12px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {
        padding:5.5px 25px 11px;
        border-radius: 0 5px 5px 0
    }
}

.host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn,.app-host .wdc-search-one .wdc-button {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #3575d3;
    border-radius: 0 5px 5px 0;
    border: 0;
    padding: 21px 56px;
    margin: 0 0 0 -4px;
    height: 80px
}

.app-host .wdc-search-one {
    margin: 0
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
        padding:15px 35px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
        padding:15px 56px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
        font-size:16px;
        padding: 10px 30px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {
        font-size:14px;
        padding: 7px 22px;
        display: block;
        margin-top: 5px;
        border-radius: 5px
    }
}

.host-app-searching-section .searching-wrapper .package {
    display: flex;
    margin: 18px 0 28px
}

.host-app-searching-section .searching-wrapper .package li {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    flex: 1
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-searching-section .searching-wrapper .package {
        margin:10px 0 15px
    }

    .host-app-searching-section .searching-wrapper .package li {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .package {
        margin:12px 0 15px
    }

    .host-app-searching-section .searching-wrapper .package li {
        font-size: 20px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .package {
        margin:8px 0 10px
    }

    .host-app-searching-section .searching-wrapper .package li {
        font-size: 17px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-searching-section .searching-wrapper .package {
        display:inherit
    }

    .host-app-searching-section .searching-wrapper .package li {
        display: inline-block;
        margin-right: 15px
    }
}

.host-app-searching-section .searching-wrapper p {
    color: #fff
}

.host-app-searching-section .caption .caption-one,.host-app-searching-section .caption .caption-two {
    position: absolute
}

.host-app-searching-section .caption .caption-one {
    top: 15%;
    left: 0;
    right: -28%;
    text-align: center;
    width: 150px;
    margin: 0 auto;
    z-index: 2
}

@media(min-width: 1200px) and (max-width:1650px) {
    .host-app-searching-section .caption .caption-one {
        top:20%
    }

    .host-app-searching-section .caption .caption-one img {
        width: 100px
    }
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-searching-section .caption .caption-one {
        top:20%;
        right: -35%
    }

    .host-app-searching-section .caption .caption-one img {
        width: 80px
    }
}

.host-app-searching-section .caption .caption-two {
    right: 7%;
    top: 125px
}

@media(min-width: 1400px) and (max-width:1650px) {
    .host-app-searching-section .caption .caption-two {
        right:2%
    }

    .host-app-searching-section .caption .caption-two img {
        width: 500px
    }
}

@media(min-width: 1200px) and (max-width:1399px) {
    .host-app-searching-section .caption .caption-two {
        right:2%
    }

    .host-app-searching-section .caption .caption-two img {
        width: 500px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-searching-section .caption .caption-two {
        right:2%
    }

    .host-app-searching-section .caption .caption-two img {
        width: 400px
    }
}

.domain-search-three .domain-form-area {
    width: 85%;
    float: left
}

.domain-search-three .domain-form-area input {
    width: 100%
}

.domain-search-three .domain-form-area .dropdown-option {
    top: 0;
    right: 0;
    position: absolute
}

.domain-search-three .domain-form-area .dropdown-option select {
    height: 70px;
    width: 90px;
    padding: 0 15px;
    border: 0;
    font-weight: 700;
    background-color: #e8edf4
}

.host-app-priceing-section .section-title p {
    color: #666
}

.host-app-priceing-section .priceing-option {
    margin: 50px 0 0
}

.host-app-priceing-section .priceing-option .nav-tabs {
    border: 0
}

.host-app-priceing-section .priceing-option .nav-tabs li {
    position: relative;
    font-size: 20px;
    float: none;
    margin: 0;
    display: inline-block
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .priceing-option .nav-tabs li {
        font-size:12px
    }
}

.host-app-priceing-section .priceing-option .nav-tabs li.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    width: 20px;
    height: 30px;
    margin: 0 auto;
    border-top: 10px solid #f5800d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.host-app-priceing-section .priceing-option .nav-tabs li.active a {
    background-color: #f5800d
}

.host-app-priceing-section .priceing-option .nav-tabs li a {
    color: #fff;
    background-color: #3575d3;
    border: 0;
    border-radius: 0;
    padding: 10px 45px
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .priceing-option .nav-tabs li a {
        padding:8px 30px
    }
}

@media only screen and (max-width: 399px) {
    .host-app-priceing-section .priceing-option .nav-tabs li a {
        padding:8px 20px
    }
}

.host-app-priceing-section .first-priceing-table {
    margin-top: 25px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper {
    margin-top: 70px;
    box-shadow: -2px 0 10px #dadada;
    background-color: #eaf0f3;
    border-radius: 15px 0 0 15px;
    margin-left: -10px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.first-wrapper {
    margin-left: 0
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.first-wrapper .header {
    border-radius: 15px 0 0
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper.first-wrapper .header {
        border-radius:0
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .header {
    position: relative;
    border-radius: 15px 15px 0 0;
    z-index: 1
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .header {
        border-radius:0
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .priceing-content {
    border-radius: 0 0 15px 15px
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .priceing-content {
        border-radius:0
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .header,.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head {
    background-color: #3575d3
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .option {
    color: #201940;
    background-color: #ecf8ff
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .amount {
    color: #fff
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content {
    background-color: #fff
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn {
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:before {
    background-color: #c76708
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:hover {
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn.active.focus,.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:focus {
    top: 2px;
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn.active {
    top: 0;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .header {
    background-color: #fff;
    padding: 0 0 8px;
    border-radius: 15px 0 0
}

.host-app-priceing-section .priceing-wrapper .header i {
    margin-top: -40px;
    font-size: 70px;
    color: #fff;
    background: #3575d3;
    padding: 20px;
    border-radius: 50%
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .header img {
    margin-top: -40px
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .header {
        position:relative;
        z-index: 1;
        border-radius: 0
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content {
    background-color: #eaf0f3;
    padding-bottom: 45px;
    border-radius: 0 0 0 15px
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content {
        border-radius:0
    }
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content {
        box-shadow:0 0 15px 5px #e0e0e0
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head {
    background-color: #fff;
    padding-bottom: 32px;
    margin-bottom: 25px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {
    font-family: roboto,sans-serif;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 25px;
    color: #fff;
    background-color: #3575d3;
    letter-spacing: 1.5px;
    padding: 5px 25px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
    font-family: dosis,sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 95px;
    color: #1b232f;
    letter-spacing: 1.5px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub {
    vertical-align: super;
    font-size: 55%;
    margin-right: 4px
}

@media only screen and (max-width: 767px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
        font-size:40px;
        line-height: 70px
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li {
    font-family: roboto,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    color: #201940;
    text-transform: uppercase
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(4),.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(5) {
    color: #c3c3c3
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li i {
    padding-right: 5px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li.success:before {
    color: #2ecc71;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 900;
    padding-right: 7px
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li.danger:before {
    color: #e74c3c;
    content: "\f00d";
    font-family: "font awesome 5 free";
    font-weight: 900;
    padding-right: 7px
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li {
        line-height:30px;
        font-size: 16px
    }
}

.host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {
    font-size: 20px;
    font-weight: 500;
    margin-top: 68px;
    padding: 15px 68px
}

@media only screen and (max-width: 767px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {
        padding:10px 60px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size:14px;
        margin-top: 40px;
        padding: 5px 40px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .first-priceing-table .no-padding {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

.host-app-priceing-section .second-priceing-table {
    margin-top: 55px
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #d7d7d7
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper {
        margin-bottom:50px
    }
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .header,.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head {
    background-color: #3575d3
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .option {
    color: #201940;
    background-color: #ecf8ff
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .amount {
    color: #fff
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content {
    background-color: #fff
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn {
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:before {
    background-color: #c76708
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:hover {
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn.active.focus,.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:focus {
    top: 2px;
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn.active {
    top: 0;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .header {
    padding: 32px 0 13px;
    background-color: #eaf0f3;
    border-radius: 10px 10px 0 0
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content {
    padding-bottom: 47px
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head {
    background-color: #eaf0f3;
    padding: 8px 0 32px
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head {
        padding:8px 0 20px
    }
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {
    font-size: 20px;
    line-height: 55px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background-color: #3575d3;
    border-radius: 25px;
    padding: 3px 30px
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {
        font-size:16px;
        padding: 3px 22px
    }
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
    font-family: dosis,sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    color: #333
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {
        font-size:40px;
        line-height: 20px
    }
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub {
    vertical-align: super;
    font-size: 55%;
    top: 2px;
    padding-left: 5px
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub span {
    position: absolute;
    left: 7px;
    top: 35px;
    font-size: 14px;
    font-weight: 400
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sup {
    font-size: 40%;
    vertical-align: super
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature {
    padding: 20px 0 30px
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {
    font-family: dosis,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 60px;
    color: #201940;
    text-transform: uppercase
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(4),.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(5) {
    color: #c4c4c4
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li i {
    padding-right: 5px
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li .success>i {
    color: #2ecc71
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li .danger>i {
    color: #e74c3c
}

@media only screen and (max-width: 767px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {
        line-height:40px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {
        font-size:16px;
        line-height: 35px
    }
}

.host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {
    padding: 12px 65px;
    margin-top: 38px
}

@media only screen and (max-width: 767px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size:16px;
        padding: 8px 50px;
        margin-top: 0
    }
}

@media only screen and (max-width: 479px) {
    .host-app-priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {
        font-size:14px;
        padding: 3px 30px;
        margin-top: 0
    }
}

.host-app-priceing-section .second-priceing-table h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
    margin: 75px 0 0
}

@media only screen and (max-width: 991px) {
    .host-app-priceing-section .second-priceing-table h4 {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .host-app-priceing-section .second-priceing-table h4 {
        margin:-15px 0 0;
        font-size: 18px
    }
}

.host-app-priceing-section .second-priceing-table h4 a {
    color: #3575d3
}

.host-app-priceing-section .second-priceing-table h4 a:hover {
    color: #f5800d
}

.host-app-priceing-section .second-priceing-table h4 a i {
    margin-left: 10px
}

.host-app-video-section {
    color: #fff;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/video-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    padding: 190px 0
}

@media only screen and (max-width: 991px) {
    .host-app-video-section {
        padding:150px 0
    }
}

@media only screen and (max-width: 479px) {
    .host-app-video-section {
        padding:120px 0
    }
}

.host-app-video-section .video-wrapper {
    position: relative
}

.host-app-video-section .video-wrapper .video-content i {
    width: 108px;
    height: 108px;
    line-height: 108px;
    font-size: 30px;
    color: #fff;
    background-color: #3575d3;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .host-app-video-section .video-wrapper .video-content i {
        width:90px;
        height: 90px;
        line-height: 90px;
        font-size: 25px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-video-section .video-wrapper .video-content i {
        width:70px;
        height: 70px;
        line-height: 70px
    }
}

.host-app-process-section .process-wrapper {
    padding-top: 12px
}

.host-app-process-section .process-wrapper .process-caption img {
    max-width: 100%
}

.host-app-process-section .process-wrapper .process-content h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    color: #1b232f;
    margin-bottom: 33px
}

@media only screen and (max-width: 991px) {
    .host-app-process-section .process-wrapper .process-content h3 {
        font-size:30px;
        line-height: 35px;
        padding-top: 15px;
        margin-bottom: 20px
    }
}

@media(min-width: 480px) and (max-width:767px) {
    .host-app-process-section .process-wrapper .process-content h3 {
        font-size:25px;
        line-height: 30px;
        padding-top: 0
    }
}

@media only screen and (max-width: 479px) {
    .host-app-process-section .process-wrapper .process-content h3 {
        font-size:20px;
        line-height: 25px;
        margin-bottom: 10px
    }
}

.host-app-process-section .process-wrapper .process-content p {
    color: #666
}

.host-app-process-section .process-wrapper .process-content .btn {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 29px;
    margin: 22px 0 0;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-process-section .process-wrapper .process-content .btn:hover {
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.host-app-process-section .process-wrapper .process-content .btn.active.focus,.host-app-process-section .process-wrapper .process-content .btn:focus {
    top: 2px;
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

.host-app-process-section .process-wrapper .process-content .btn.active {
    top: 0;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-process-section .process-wrapper .process-content .btn.first-btn {
    margin-bottom: 115px
}

@media only screen and (max-width: 991px) {
    .host-app-process-section .process-wrapper .process-content .btn.first-btn {
        margin-bottom:50px
    }
}

.host-app-process-section .process-wrapper .process-content .btn a {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .host-app-process-section .process-wrapper .process-content .btn {
        margin:15px 0 0
    }
}

@media only screen and (max-width: 479px) {
    .host-app-process-section .process-wrapper .process-content .btn {
        font-size:16px;
        margin: 10px 0 0;
        padding: 8px 25px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-process-section .process-wrapper {
        text-align:center
    }

    .host-app-process-section .process-wrapper img {
        max-width: 100%
    }

    .host-app-process-section .process-wrapper .process-content {
        margin-top: 30px
    }

    .host-app-process-section .process-wrapper .process-caption {
        text-align: center
    }

    .host-app-process-section .process-wrapper .no-padding {
        padding: 0 15px!important
    }
}

.host-app-counting-section {
    position: relative;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/counter-bg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    padding: 185px 0 145px
}

@media only screen and (max-width: 991px) {
    .host-app-counting-section {
        padding:100px 0 80px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-counting-section {
        padding:70px 0 15px
    }
}

.host-app-counting-section .counting-pusher {
    display: flex;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .host-app-counting-section .counting-pusher {
        display:block
    }
}

.host-app-counting-section .counting-pusher .counting-wrapper {
    flex: 1
}

@media only screen and (max-width: 767px) {
    .host-app-counting-section .counting-pusher .counting-wrapper {
        margin-bottom:50px
    }
}

.host-app-counting-section .counting-pusher .counting-wrapper .count-description {
    font-family: dosis,sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    margin: 35px 0 5px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-counting-section .counting-pusher .counting-wrapper .count-description {
        font-size:45px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-counting-section .counting-pusher .counting-wrapper .count-description {
        font-size:40px;
        margin: 15px 0 5px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-counting-section .counting-pusher .counting-wrapper .count-description {
        font-size:40px;
        margin-bottom: 10px;
        margin: 5px 0
    }
}

.host-app-counting-section .counting-pusher .counting-wrapper p {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #f5800d
}

@media(min-width: 768px) and (max-width:1199px) {
    .host-app-counting-section .counting-pusher .counting-wrapper p {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-counting-section .counting-pusher .counting-wrapper p {
        font-size:20px
    }
}

.host-app-testimonial-section #testimonial-carousel-two {
    padding-bottom: 85px
}

#testimonial-carousel-two .owl-nav {
    display: none
}

#testimonial-carousel-two .owl-dots {
    text-align: center;
    padding-top: 80px
}

#testimonial-carousel-two .owl-dots .owl-dot {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 5px;
    background-color: #cbd1db
}

#testimonial-carousel-two .owl-dots .owl-dot.active {
    background-color: #3575d3
}

@media only screen and (max-width: 991px) {
    .host-app-testimonial-section #testimonial-carousel-two {
        padding-bottom:55px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-testimonial-section #testimonial-carousel-two {
        padding-bottom:40px
    }
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
    position: relative;
    background-color: #3575d3;
    box-shadow: 0 0 15px #d2d2d2;
    border-radius: 15px;
    padding: 48px 45px 32px;
    margin-left: 40px;
    margin-top: 40px
}

@media only screen and (max-width: 991px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
        padding:48px 20px 32px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
        margin:50px 0 0;
        padding: 48px 40px 32px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper {
        padding:48px 20px 32px
    }
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .carousel-image {
    position: absolute;
    left: -40px;
    top: -40px
}

@media only screen and (max-width: 767px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .carousel-image {
        left:0;
        right: 0;
        text-align: center
    }
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .carousel-image img {
    border: 4px solid #f5800d;
    border-radius: 50px;
    width: 81px;
    height: 81px
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper h3 {
        font-size:30px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper h3 {
        font-size:25px;
        margin-bottom: 10px
    }
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper p {
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    color: #fff;
    margin-bottom: 22px
}

@media only screen and (max-width: 767px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper p {
        margin-bottom:15px
    }
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .title {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .title {
        font-size:16px
    }
}

.host-app-testimonial-section #testimonial-carousel-two .carousel-wrapper .position {
    font-size: 14px;
    line-height: 10px;
    display: block;
    color: #fff
}

.host-app-achivement-section .section-title {
    margin-bottom: 35px
}

.host-app-achivement-section .client-wrapper .client-logo li {
    display: inline-block;
    margin: 20px
}

@media only screen and (max-width: 991px) {
    .host-app-achivement-section .client-wrapper .client-logo li {
        margin:10px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-achivement-section .client-wrapper .client-logo li {
        margin:0 10px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-achivement-section .client-wrapper .client-logo li img {
        width:130px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-achivement-section .client-wrapper .client-logo li img {
        width:100px
    }
}

.host-app-achivement-section .client-wrapper p {
    font-size: 20px;
    line-height: 36px;
    margin: 15px 0 50px
}

@media only screen and (max-width: 991px) {
    .host-app-achivement-section .client-wrapper p {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-achivement-section .client-wrapper p {
        font-size:16px;
        line-height: 27px;
        margin: 15px 0 30px
    }
}

.host-app-achivement-section .client-wrapper .btn {
    font-size: 20px;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708;
    padding: 14px 40px
}

.host-app-achivement-section .client-wrapper .btn:hover {
    box-shadow: 0 3px #c76708
}

.host-app-achivement-section .client-wrapper .btn a {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .host-app-achivement-section .client-wrapper .btn {
        font-size:18px;
        padding: 12px 30px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-achivement-section .client-wrapper .btn {
        font-size:15px;
        padding: 8px 20px
    }
}

.host-app-client-section {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/icon-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 30px 0
}

.host-app-client-section .owl-nav {
    display: none
}

.host-app-client-section .client-carousel img {
    width: auto;
    margin: 0 auto
}

.host-app-information-section .section-title {
    margin-bottom: 70px
}

@media only screen and (max-width: 767px) {
    .host-app-information-section .section-title {
        margin-bottom:40px
    }
}

.host-app-information-section .information-wrapper {
    border: 2px solid #3575d3;
    padding: 30px 50px 50px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-information-section .information-wrapper {
        padding:30px 20px 50px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-information-section .information-wrapper {
        margin-bottom:30px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-information-section .information-wrapper {
        padding:30px 10px 50px
    }
}

.host-app-information-section .information-wrapper .caption img {
    max-width: 100%
}

.host-app-information-section .information-wrapper h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    color: #284167;
    margin-top: 33px;
    padding: 0 10px
}

@media only screen and (max-width: 991px) {
    .host-app-information-section .information-wrapper h3 {
        font-size:25px;
        padding: 0;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-information-section .information-wrapper h3 {
        line-height:30px;
        margin-bottom: 20px
    }
}

.host-app-information-section .information-wrapper p {
    margin-bottom: 42px
}

@media only screen and (max-width: 991px) {
    .host-app-information-section .information-wrapper p {
        margin-bottom:20px
    }
}

.host-app-information-section .information-wrapper .link {
    font-size: 24px;
    line-height: 27px;
    color: #3575d3;
    letter-spacing: .3px;
    transition: .5s
}

.host-app-information-section .information-wrapper .link i {
    padding-left: 5px
}

.host-app-information-section .information-wrapper .link:hover {
    letter-spacing: 1px;
    color: #f5800d
}

@media only screen and (max-width: 991px) {
    .host-app-information-section .information-wrapper .link {
        font-size:20px
    }
}

.host-app-information-section .owl-dots {
    margin-top: 60px!important
}

@media only screen and (max-width: 767px) {
    .host-app-information-section .owl-dots {
        margin-top:20px!important
    }
}

.host-app-information-section .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    margin: 0 7px;
    border-radius: 30px;
    background: #ced5df;
    display: inline-block
}

.host-app-information-section .owl-dots .owl-dot.active {
    width: 50px;
    background: #3575d3
}

.host-app-information-section .information-carousel .owl-nav {
    display: none
}

.host-app-service-section .tab-content {
    margin: 0 auto;
    max-width: 945px
}

.host-app-service-section .section-title {
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .section-title {
        margin-bottom:40px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .section-title {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .nav-tabs {
        display:inherit
    }
}

.host-app-service-section .service-wrapper .nav-tabs li {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    float: none;
    display: inline-block;
    margin-right: 8px!important
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        padding:10px 20px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        font-size:20px;
        padding: 8px 30px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        font-size:14px;
        padding: 5px 8px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        display:inline-block;
        font-size: 16px;
        padding: 5px 12px 10px;
        margin: 5px 0 4px
    }
}

.host-app-service-section .service-wrapper .nav-tabs li:last-child {
    margin-right: 0
}

.host-app-service-section .service-wrapper .nav-tabs li .nav-link {
    display: inline-block;
    height: 55px;
    width: 185px;
    line-height: 55px
}

.host-app-service-section .service-wrapper .nav-tabs li .nav-link.active {
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.host-app-service-section .service-wrapper .nav-tabs li .nav-link.active:before {
    display: none
}

.host-app-service-section .service-wrapper .nav-tabs li .nav-link.active a {
    background-color: transparent
}

.host-app-service-section .service-wrapper .nav-tabs li .nav-link.active:hover {
    background-color: #f5800d
}

.host-app-service-section .service-wrapper .nav-tabs li a {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 0
}

.host-app-service-section .service-wrapper .nav-tabs li a:focus {
    background-color: transparent
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
    background-color: #fff;
    margin-top: 40px;
    padding: 65px 65px 46px;
    border-bottom: 5px solid #3575d3
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        padding:40px 20px 25px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        padding:20px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        margin-top:25px
    }
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .caption img {
    width: 100%;
    margin-bottom: 20px
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    color: #1b232f;
    margin-bottom: 10px
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper h3 {
        font-size:25px;
        line-height: 25px;
        margin-bottom: 5px
    }
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .small-text {
    font-size: 20px;
    line-height: 25px;
    color: #3575d3;
    display: block
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .small-text {
        font-size:18px;
        line-height: 20px
    }
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .bold-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    color: #3575d3
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .bold-text {
        font-size:20px;
        line-height: 25px
    }
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {
    display: flex;
    margin-top: 25px
}

@media only screen and (max-width: 767px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {
        margin-top:15px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {
        display:inherit
    }
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail {
    flex: 1;
    column-count: 2
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail li {
    line-height: 30px
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail li:before {
    font-size: 18px;
    line-height: 25px;
    color: #596777;
    margin-right: 5px;
    content: "\f105";
    font-family: "font awesome 5 free";
    font-weight: 900
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content p {
    line-height: 30px;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content p {
        line-height:25px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content p {
        margin-top:10px
    }
}

.host-app-review-section .section-title {
    margin-bottom: 45px
}

.host-app-review-section .review-carousel .owl-nav {
    display: none
}

.host-app-review-section .review-carousel .review-wrapper {
    position: relative;
    padding: 0 80px 60px;
    margin-bottom: 75px
}

@media only screen and (max-width: 991px) {
    .host-app-review-section .review-carousel .review-wrapper {
        margin-bottom:40px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-review-section .review-carousel .review-wrapper {
        margin-bottom:20px;
        padding: 0 20px 60px
    }
}

.host-app-review-section .review-carousel .review-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 50px);
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/review/review-bg.jpg) no-repeat center top;
    background-size: cover;
    z-index: -1
}

.host-app-review-section .review-carousel .review-wrapper .caption {
    display: block
}

.host-app-review-section .review-carousel .review-wrapper .caption img {
    border: 3px solid #3575d3;
    border-radius: 50%;
    margin: 0 auto;
    max-width: 100%;
    width: auto
}

@media only screen and (max-width: 479px) {
    .host-app-review-section .review-carousel .review-wrapper .caption img {
        width:80px
    }
}

.host-app-review-section .review-carousel .review-wrapper h3 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    margin: 28px 0 0
}

@media only screen and (max-width: 767px) {
    .host-app-review-section .review-carousel .review-wrapper h3 {
        font-size:20px
    }
}

.host-app-review-section .review-carousel .review-wrapper h3:before {
    content: "";
    position: absolute;
    top: -45px;
    left: -40px;
    width: 35px;
    height: 30px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/review/quote.png) no-repeat
}

.host-app-review-section .review-carousel .review-wrapper .position {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #fff;
    display: block
}

.host-app-review-section .review-carousel .review-wrapper .review {
    margin: 2px 0 5px
}

.host-app-review-section .review-carousel .review-wrapper .review li {
    font-size: 18px;
    color: #feda12;
    display: inline-block;
    margin: 0 2px
}

.host-app-review-section .review-carousel .review-wrapper p {
    color: #fff;
    margin: 0
}

.host-app-review-section .review-carousel .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background: #cbd1db;
    margin: 0 7px;
    border-radius: 100%;
    display: inline-block
}

.host-app-review-section .review-carousel .owl-dots .owl-dot.active {
    background: #3575d3
}

.host-app-faq-section {
    position: relative;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/faq-bg.jpg) no-repeat;
    background-position: 60% 50%;
    background-size: cover
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-faq-section {
        padding:80px 0 50px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-faq-section {
        background:#f3f6f8
    }
}

.host-app-faq-section .faq-wrapper .small-text {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #f5800d;
    letter-spacing: .8px
}

.host-app-faq-section .faq-wrapper h3 {
    font-size: 42px;
    font-weight: 800;
    line-height: 48px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 11px;
    letter-spacing: .8px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-faq-section .faq-wrapper h3 {
        font-size:38px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-faq-section .faq-wrapper h3 {
        font-size:30px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-faq-section .faq-wrapper h3 {
        font-size:25px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-faq-section .faq-wrapper h3 {
        font-size:23px;
        line-height: 30px
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion {
    margin: 42px 0 0
}

@media only screen and (max-width: 767px) {
    .host-app-faq-section .faq-wrapper #promote-accordion {
        margin:30px 0 0
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default {
    border: 0;
    margin-top: 3px;
    background-color: #fff
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-body {
    padding: 24px 40px 30px
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading {
    position: relative;
    font-size: 18px;
    background-color: #2b5899;
    border: 0;
    border-radius: 8px;
    padding: 0
}

@media only screen and (max-width: 479px) {
    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading {
        line-height:25px
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a:before {
    position: absolute;
    content: "\f078";
    font-family: Font Awesome\5 Free;
    top: 12px;
    right: 33px;
    width: 10px;
    height: 10px;
    color: #fff;
    font-size: 20px;
    z-index: 1
}

@media only screen and (max-width: 479px) {
    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a:before {
        top:10px
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a {
    font-size: 20px;
    font-weight: 600;
    display: block;
    color: #fefefe;
    background-color: #3575d3;
    border-radius: 8px;
    padding: 15px 20px
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {
    color: #333;
    background-color: #fff
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed:before {
    content: "";
    color: #333
}

@media only screen and (max-width: 479px) {
    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a {
        font-size:16px
    }
}

@media only screen and (max-width: 350px) {
    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a {
        padding-right:60px
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse {
    position: relative
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {
    border: 0;
    padding: 24px 40px 30px
}

@media only screen and (max-width: 479px) {
    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {
        padding:15px
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0
}

@media only screen and (max-width: 479px) {
    .host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {
        font-size:14px
    }
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li {
    font-size: 16px;
    color: #666
}

.host-app-faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li i {
    font-size: 16px;
    color: #2b5899
}

.host-app-faq-section .caption {
    position: absolute;
    bottom: 0;
    right: 0
}

@media(min-width: 1500px) and (max-width:1750px) {
    .host-app-faq-section .caption img {
        width:600px
    }
}

@media(min-width: 1200px) and (max-width:1499px) {
    .host-app-faq-section .caption img {
        width:500px
    }
}

@media(min-width: 991px) and (max-width:1199px) {
    .host-app-faq-section .caption img {
        width:400px
    }
}

.host-app-artical-section .artical-wrapper {
    margin-top: 35px
}

.host-app-artical-section .artical-wrapper:hover .artical-content {
    border-color: #3575d3
}

.host-app-artical-section .artical-wrapper .caption img {
    width: 100%
}

.host-app-artical-section .artical-wrapper .artical-content {
    border: 1px solid #d0d0d0;
    padding: 30px;
    transition: .5s
}

@media only screen and (max-width: 479px) {
    .host-app-artical-section .artical-wrapper .artical-content {
        padding:15px
    }
}

.host-app-artical-section .artical-wrapper .artical-content .link {
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    text-transform: uppercase;
    color: #fff;
    background-color: #3575d3;
    padding: 6px 30px
}

@media only screen and (max-width: 479px) {
    .host-app-artical-section .artical-wrapper .artical-content .link {
        font-size:12px;
        padding: 6px 20px
    }
}

.host-app-artical-section .artical-wrapper .artical-content h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 8px 0 43px
}

.host-app-artical-section .artical-wrapper .artical-content h3 a {
    color: #444
}

.host-app-artical-section .artical-wrapper .artical-content h3 a:hover {
    color: #3575d3
}

@media only screen and (max-width: 991px) {
    .host-app-artical-section .artical-wrapper .artical-content h3 {
        margin:8px 0 25px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-artical-section .artical-wrapper .artical-content h3 {
        font-size:25px;
        line-height: 30px;
        margin: 8px 0 20px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-artical-section .artical-wrapper .artical-content h3 {
        font-size:20px;
        line-height: 25px;
        margin: 8px 0 15px
    }
}

.host-app-artical-section .artical-wrapper .artical-content .text {
    color: #999
}

@media only screen and (max-width: 479px) {
    .host-app-artical-section .artical-wrapper .artical-content .text {
        font-size:14px
    }
}

.host-app-subscribe-section {
    position: relative;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/subscribe/subscribe-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 65px 0 90px
}

@media only screen and (max-width: 767px) {
    .host-app-subscribe-section {
        padding:65px 0 70px
    }
}

.host-app-subscribe-section:before,.host-app-subscribe-section:after {
    content: "";
    position: absolute
}

@media only screen and (max-width: 767px) {
    .host-app-subscribe-section:before,.host-app-subscribe-section:after {
        display:none
    }
}

.host-app-subscribe-section:before {
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/subscribe/cloud-1.png) no-repeat;
    z-index: 1;
    animation: cloud-animation 90s linear infinite;
    -ms-animation: cloud-animation 90s linear infinite;
    -moz-animation: cloud-animation 90s linear infinite;
    -webkit-animation: cloud-animation 90s linear infinite
}

@keyframes cloud-animation {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

.host-app-subscribe-section:after {
    width: 100%;
    height: 220px;
    bottom: 0;
    right: 100px;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/subscribe/cloud-2.png) no-repeat;
    z-index: 1;
    animation: cloud-animation-two 90s linear infinite;
    -ms-animation: cloud-animation-two 90s linear infinite;
    -moz-animation: cloud-animation-two 90s linear infinite;
    -webkit-animation: cloud-animation-two 90s linear infinite
}

@keyframes cloud-animation-two {
    from {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.host-app-subscribe-section .caption {
    position: absolute;
    bottom: 0;
    z-index: 5
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-subscribe-section .caption {
        left:0
    }
}

.host-app-subscribe-section .subscribe-wrapper {
    z-index: 5;
    float: right;
    max-width: 555px;
    position: relative;
    margin-right: 120px
}

.host-app-subscribe-section .subscribe-wrapper .small-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    color: #1b232f
}

@media only screen and (max-width: 767px) {
    .host-app-subscribe-section .subscribe-wrapper .small-text {
        line-height:30px
    }
}

@media only screen and (max-width: 400px) {
    .host-app-subscribe-section .subscribe-wrapper .small-text {
        font-size:16px;
        line-height: 27px
    }
}

.host-app-subscribe-section .subscribe-wrapper h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 35px;
    color: #1b232f;
    margin-bottom: 43px
}

@media only screen and (max-width: 767px) {
    .host-app-subscribe-section .subscribe-wrapper h3 {
        font-size:30px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-subscribe-section .subscribe-wrapper h3 {
        font-size:25px;
        line-height: 25px;
        margin-bottom: 20px
    }
}

.host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
    width: 69%;
    color: #afbac0;
    border: 0;
    padding: 15px 25px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
        width:62%
    }
}

@media only screen and (max-width: 767px) {
    .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
        width:60%;
        padding: 10px 25px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
        padding:6px 15px
    }
}

.host-app-subscribe-section .subscribe-wrapper .subscribeBtn {
    font-size: 18px;
    border-radius: 0;
    padding: 12.5px 42px;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .host-app-subscribe-section .subscribe-wrapper .subscribeBtn {
        padding:8px 42px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-subscribe-section .subscribe-wrapper .subscribeBtn {
        font-size:16px;
        padding: 4px 25px
    }
}

.account-section {
    padding: 170px 0 120px
}

@media only screen and (max-width: 767px) {
    .account-section {
        padding:140px 0 100px
    }
}

@media only screen and (max-width: 479px) {
    .account-section {
        padding:110px 0 90px
    }
}

.account-section .account-wrapper {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/account-bg.jpg) no-repeat center top;
    background-size: cover;
    box-shadow: 0 0 90px #737373
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper {
        padding-bottom:40px
    }
}

.account-section .account-wrapper .section-top .top-icon img {
    margin-top: -50px
}

@media only screen and (max-width: 479px) {
    .account-section .account-wrapper .section-top .top-icon img {
        width:70px;
        margin-top: -35px
    }
}

.account-section .account-wrapper .section-top h2 {
    font-size: 36px;
    line-height: 60px;
    color: #fff;
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper .section-top h2 {
        font-size:30px;
        line-height: 35px;
        margin-top: 25px
    }
}

@media only screen and (max-width: 479px) {
    .account-section .account-wrapper .section-top h2 {
        margin-top:15px;
        font-size: 25px
    }
}

.account-section .account-wrapper .form-section .support-form {
    margin-top: 28px
}

@media only screen and (max-width: 991px) {
    .account-section .account-wrapper .form-section .support-form {
        padding:0 50px;
        margin-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper .form-section .support-form {
        padding:0 30px
    }
}

@media only screen and (max-width: 479px) {
    .account-section .account-wrapper .form-section .support-form {
        padding:0 20px
    }
}

.account-section .account-wrapper .form-section .support-form .form-group {
    margin-bottom: 38px
}

@media only screen and (max-width: 991px) {
    .account-section .account-wrapper .form-section .support-form .form-group {
        margin-bottom:15px
    }
}

.account-section .account-wrapper .form-section .support-form .form-group label {
    font-size: 20px;
    line-height: 45px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper .form-section .support-form .form-group label {
        font-size:16px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 0
    }
}

.account-section .account-wrapper .form-section .support-form .form-group input.form-control {
    padding: 21px 12px
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper .form-section .support-form .form-group input.form-control {
        padding:18px 12px;
        font-size: 15px
    }
}

.account-section .account-wrapper .form-section .support-form .form-group .text {
    font-size: 16px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper .form-section .support-form .form-group .text {
        font-size:14px
    }
}

.account-section .account-wrapper .form-section .support-form .form-group .form-control {
    font-size: 18px;
    color: #a6aaad;
    border-radius: 4px!important
}

.account-section .account-wrapper .form-section .support-form .form-group .form-control:focus {
    border-color: #c3c3c3
}

.account-section .account-wrapper .form-section .support-form .form-group .btn {
    font-weight: 700;
    padding: 12px 40px;
    margin: 35px 0 90px;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.account-section .account-wrapper .form-section .support-form .form-group .btn:hover {
    box-shadow: 0 3px #c76708
}

@media only screen and (max-width: 991px) {
    .account-section .account-wrapper .form-section .support-form .form-group .btn {
        font-size:18px;
        padding: 10px 30px
    }
}

@media only screen and (max-width: 767px) {
    .account-section .account-wrapper .form-section .support-form .form-group .btn {
        font-size:16px;
        font-weight: 400;
        padding: 8px 25px;
        margin: 30px 0 40px
    }
}

@media only screen and (max-width: 479px) {
    .account-section .account-wrapper .form-section .support-form .form-group .btn {
        font-size:14px;
        padding: 6px 20px;
        margin: 20px 0 10px
    }
}

.hosting-section {
    padding-top: 178px!important
}

@media only screen and (max-width: 767px) {
    .hosting-section {
        padding-top:110px!important
    }
}

.hosting-section .hosting-wrapper {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/account-bg.jpg) no-repeat center top;
    background-size: cover;
    box-shadow: 0 0 90px #737373;
    border-radius: 8px
}

.hosting-section .hosting-wrapper .section-top .top-icon img {
    margin-top: -50px
}

@media only screen and (max-width: 767px) {
    .hosting-section .hosting-wrapper .section-top .top-icon img {
        width:80px;
        margin-top: -40px
    }
}

.hosting-section .hosting-wrapper .section-top h2 {
    font-size: 36px;
    line-height: 60px;
    color: #fff;
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .hosting-section .hosting-wrapper .section-top h2 {
        font-size:25px;
        line-height: 30px
    }
}

@media only screen and (max-width: 350px) {
    .hosting-section .hosting-wrapper .section-top h2 {
        line-height:30px;
        margin-top: 25px
    }
}

.hosting-section .hosting-wrapper .section-box {
    margin-top: 55px;
    padding-bottom: 55px
}

@media only screen and (max-width: 991px) {
    .hosting-section .hosting-wrapper .section-box {
        margin-top:30px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 991px) {
    .hosting-section .hosting-wrapper .section-box {
        margin-top:15px
    }
}

.hosting-section .hosting-wrapper .section-box .header-text {
    font-family: dosis,sans-serif;
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    background-color: #1b232f;
    display: inline-block;
    padding: 0 35px
}

@media only screen and (max-width: 991px) {
    .hosting-section .hosting-wrapper .section-box .header-text {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    .hosting-section .hosting-wrapper .section-box .header-text {
        font-size:18px;
        line-height: 30px;
        padding: 8px 35px
    }
}

@media only screen and (max-width: 479px) {
    .hosting-section .hosting-wrapper .section-box .header-text {
        font-size:15px;
        display: block;
        line-height: 30px;
        text-align: center
    }
}

.hosting-section .hosting-wrapper .section-box li {
    background-color: #f6f5f5;
    margin-bottom: 3px;
    padding: 32px 27px 32px 42px
}

@media only screen and (max-width: 991px) {
    .hosting-section .hosting-wrapper .section-box li {
        padding:20px 27px 20px 30px
    }
}

@media(min-width: 480px) and (max-width:767px) {
    .hosting-section .hosting-wrapper .section-box li {
        padding:15px 25px
    }
}

@media only screen and (max-width: 479px) {
    .hosting-section .hosting-wrapper .section-box li {
        padding:15px
    }
}

@media only screen and (max-width: 350px) {
    .hosting-section .hosting-wrapper .section-box li .sub-icon {
        float:none!important;
        display: block
    }
}

.hosting-section .hosting-wrapper .section-box li .text {
    font-family: dosis,sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #6d7073
}

@media only screen and (max-width: 767px) {
    .hosting-section .hosting-wrapper .section-box li .text {
        font-size:18px
    }
}

@media only screen and (max-width: 479px) {
    .hosting-section .hosting-wrapper .section-box li .text {
        font-size:16px
    }
}

.hosting-section .hosting-wrapper .section-box li .sub-icon a i {
    font-size: 23px;
    color: #2c2c2c;
    vertical-align: middle;
    padding: 0 6px
}

@media only screen and (max-width: 479px) {
    .hosting-section .hosting-wrapper .section-box li .sub-icon a i {
        font-size:18px;
        padding: 0 2px
    }
}

.hosting-section .hosting-wrapper .section-box li .sub-icon a:last-child i {
    color: #f43e31
}

.hosting-section .hosting-wrapper .btn {
    display: block;
    margin: auto;
    padding: 12px 28px;
    margin-bottom: 85px;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.hosting-section .hosting-wrapper .btn:hover {
    box-shadow: 0 3px #c76708
}

@media only screen and (max-width: 991px) {
    .hosting-section .hosting-wrapper .btn {
        font-size:18px;
        padding: 10px 20px
    }
}

@media only screen and (max-width: 767px) {
    .hosting-section .hosting-wrapper .btn {
        font-size:16px;
        padding: 6px 18px;
        margin: 15px auto 70px;
        float: none!important
    }
}

@media only screen and (max-width: 479px) {
    .hosting-section .hosting-wrapper .btn {
        font-size:12px;
        margin: 10px auto 50px
    }
}

@media only screen and (max-width: 991px) {
    .hosting-section .hosting-wrapper .no-padding {
        padding-right:30px!important;
        padding-left: 30px!important
    }
}

.server-space-section {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/space-bg.jpg) no-repeat center top;
    background-size: cover
}

.server-space-section .section-title {
    margin-bottom: 60px
}

.server-space-section .section-title h2 {
    font-size: 42px;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .server-space-section .section-title h2 {
        font-size:35px
    }
}

@media only screen and (max-width: 767px) {
    .server-space-section .section-title h2 {
        font-size:25px
    }
}

@media only screen and (max-width: 991px) {
    .server-space-section .section-title {
        margin-bottom:40px
    }
}

@media only screen and (max-width: 767px) {
    .server-space-section .section-title {
        margin-bottom:20px
    }
}

.server-space-section .server-space-container .server-space-wrapper {
    background-color: #fff;
    border-radius: 8px;
    border-bottom: 7px solid #0b39b8;
    padding: 45px 25px
}

@media only screen and (max-width: 767px) {
    .server-space-section .server-space-container .server-space-wrapper {
        margin-bottom:20px
    }
}

.server-space-section .server-space-container .server-space-wrapper h3 {
    position: relative;
    font-size: 36px;
    font-weight: 600;
    line-height: 75px;
    color: #1b232f;
    margin: 10px 0 30px
}

.server-space-section .server-space-container .server-space-wrapper h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 47px;
    height: 5px;
    background-color: #3575d3;
    border-radius: 50px;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .server-space-section .server-space-container .server-space-wrapper h3 {
        font-size:30px;
        line-height: 55px;
        margin: 0 0 20px
    }
}

@media only screen and (max-width: 479px) {
    .server-space-section .server-space-container .server-space-wrapper h3 {
        font-size:25px;
        line-height: 50px;
        margin: 0 0 20px
    }
}

.server-space-section .server-space-container .server-space-wrapper .content-list li {
    line-height: 20px;
    color: #5a6778;
    margin-bottom: 15px
}

.server-space-section .server-space-container .server-space-wrapper .content-list li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 479px) {
    .server-space-section .server-space-container .server-space-wrapper .content-list li {
        font-size:15px;
        margin-bottom: 10px
    }
}

.server-space-section .server-space-container .text {
    margin-top: 55px
}

@media only screen and (max-width: 991px) {
    .server-space-section .server-space-container .text {
        margin-top:45px
    }
}

@media only screen and (max-width: 767px) {
    .server-space-section .server-space-container .text {
        margin-top:15px
    }
}

.server-space-section .server-space-container .text li {
    font-size: 24px;
    line-height: 48px;
    color: #fff
}

.server-space-section .server-space-container .text li i {
    font-size: 15px;
    color: #f5800d;
    margin-right: 5px
}

@media only screen and (max-width: 991px) {
    .server-space-section .server-space-container .text li {
        font-size:20px;
        line-height: 35px
    }

    .server-space-section .server-space-container .text li i {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .server-space-section .server-space-container .text li {
        font-size:18px;
        line-height: 30px
    }

    .server-space-section .server-space-container .text li i {
        font-size: 8px;
        vertical-align: middle
    }
}

@media only screen and (max-width: 479px) {
    .server-space-section .server-space-container .text li {
        font-size:16px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.performance-section {
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cloud-hosting/c-video-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 125px 0 85px
}

@media only screen and (max-width: 767px) {
    .performance-section {
        padding:80px 0 85px
    }
}

.performance-section .wrapper-content h3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .performance-section .wrapper-content h3 {
        font-size:35px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .performance-section .wrapper-content h3 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 479px) {
    .performance-section .wrapper-content h3 {
        font-size:25px;
        line-height: 30px
    }
}

.performance-section .wrapper-content .video-content {
    font-size: 24px;
    border-bottom: 1px solid #fff;
    display: inline-block
}

@media only screen and (max-width: 991px) {
    .performance-section .wrapper-content .video-content {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    .performance-section .wrapper-content .video-content {
        font-size:18px
    }
}

.performance-section .wrapper-content .video-content a {
    color: #fff
}

.performance-section .wrapper-content .video-content i {
    font-size: 22px;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .performance-section .wrapper-content .video-content i {
        font-size:18px
    }
}

@media only screen and (max-width: 767px) {
    .performance-section .wrapper-content .video-content i {
        font-size:16px
    }
}

.option-section .option-tab .nav-tabs {
    border: 0;
    background-color: #1b232f
}

.option-section .option-tab .nav-tabs li {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    float: none;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .option-section .option-tab .nav-tabs li {
        font-size:18px
    }
}

@media only screen and (max-width: 480px) {
    .option-section .option-tab .nav-tabs li {
        display:block;
        border-bottom: 1px solid #fff
    }
}

.option-section .option-tab .nav-tabs li.active a {
    border: 0;
    background-color: transparent
}

.option-section .option-tab .nav-tabs li.active a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 20px;
    margin: 0 auto;
    border-bottom: 10px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent
}

.option-section .option-tab .nav-tabs li a {
    border: 0;
    border-radius: 0;
    color: #fff;
    margin: 0;
    padding: 20px 80px
}

.option-section .option-tab .nav-tabs li a:hover {
    background-color: transparent
}

@media only screen and (max-width: 991px) {
    .option-section .option-tab .nav-tabs li a {
        padding:20px 60px
    }
}

@media(min-width: 600px) and (max-width:767px) {
    .option-section .option-tab .nav-tabs li a {
        padding:20px 30px
    }
}

@media(min-width: 480px) and (max-width:599px) {
    .option-section .option-tab .nav-tabs li a {
        padding:15px 20px
    }
}

.option-section .option-tab .tab-content {
    margin: 85px 0 55px
}

@media only screen and (max-width: 991px) {
    .option-section .option-tab .tab-content {
        margin:60px 0 55px
    }
}

@media only screen and (max-width: 767px) {
    .option-section .option-tab .tab-content {
        margin:45px 0 40px
    }
}

.option-section .option-tab .tab-content .content-wrapper {
    margin-bottom: 55px
}

@media only screen and (max-width: 767px) {
    .option-section .option-tab .tab-content .content-wrapper {
        margin-bottom:35px
    }
}

.option-section .option-tab .tab-content .content-wrapper h4 {
    font-family: roboto,sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    display: inline-block;
    vertical-align: sub;
    margin: 0 0 12px 10px
}

.option-section .option-tab .tab-content .content-wrapper h4 a {
    color: #3575d3
}

@media(min-width: 992px) and (max-width:1199px) {
    .option-section .option-tab .tab-content .content-wrapper h4 {
        font-size:22px
    }
}

@media only screen and (max-width: 991px) {
    .option-section .option-tab .tab-content .content-wrapper h4 {
        margin-left:0;
        display: block;
        font-size: 20px;
        line-height: 25px;
        margin: 10px 0 5px
    }
}

@media only screen and (max-width: 479px) {
    .option-section .option-tab .tab-content .content-wrapper h4 {
        font-size:18px
    }
}

.option-section .option-tab .tab-content .content-wrapper p {
    color: #5a6778;
    margin-bottom: 0
}

@media only screen and (max-width: 479px) {
    .option-section .option-tab .tab-content .content-wrapper p {
        font-size:14px;
        line-height: 24px
    }
}

.hosting-price-section .hosting-carousel .carousel-wrapper {
    border: 3px solid #3575d3;
    border-radius: 8px;
    display: inline-block;
    padding: 35px 45px;
    transition: .5s
}

@media only screen and (max-width: 479px) {
    .hosting-price-section .hosting-carousel .carousel-wrapper {
        padding:25px 20px
    }
}

.hosting-price-section .hosting-carousel .carousel-wrapper .caption img {
    width: auto;
    margin: 0 auto
}

.hosting-price-section .hosting-carousel .carousel-wrapper h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 27px;
    margin: 24px 0 12px
}

.hosting-price-section .hosting-carousel .carousel-wrapper h3 a {
    color: #3575d3
}

@media only screen and (max-width: 479px) {
    .hosting-price-section .hosting-carousel .carousel-wrapper h3 {
        font-size:30px;
        margin: 15px 0 10px
    }
}

.hosting-price-section .hosting-carousel .carousel-wrapper p {
    color: #616d80
}

.hosting-price-section .hosting-carousel .carousel-wrapper .price {
    font-family: dosis,sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #f5800d;
    transition: .5s
}

.hosting-price-section .hosting-carousel .carousel-wrapper .price sub {
    font-size: 18px;
    color: #1b232f;
    bottom: 2px;
    transition: .5s
}

.hosting-price-section .hosting-carousel .carousel-wrapper .price .package {
    font-size: 16px;
    line-height: 27px;
    color: #616d80;
    display: block;
    transition: .5s
}

.hosting-price-section .hosting-carousel .carousel-wrapper:hover {
    background-color: #3575d3
}

.hosting-price-section .hosting-carousel .carousel-wrapper:hover h3 a {
    color: #fff
}

.hosting-price-section .hosting-carousel .carousel-wrapper:hover p {
    color: #fff
}

.hosting-price-section .hosting-carousel .carousel-wrapper:hover .price {
    color: #fff
}

.hosting-price-section .hosting-carousel .carousel-wrapper:hover .price sub,.hosting-price-section .hosting-carousel .carousel-wrapper:hover .price .package {
    color: #fff
}

.hosting-price-section .hosting-carousel .owl-dots {
    margin-top: 55px!important
}

@media only screen and (max-width: 479px) {
    .hosting-price-section .hosting-carousel .owl-dots {
        margin-top:40px!important
    }
}

.hosting-price-section .hosting-carousel .owl-dots .owl-dot.active span {
    background-color: #3575d3
}

.hosting-price-section .hosting-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background-color: #d4d8e0
}

.optimized-section {
    min-height: 500px;
    background-color: #1b232f!important
}

@media only screen and (max-width: 991px) {
    .optimized-section {
        min-height:auto
    }
}

.optimized-section .content-wrapper {
    padding: 80px 80px 0 40%
}

@media(min-width: 1300px) and (max-width:1500px) {
    .optimized-section .content-wrapper {
        padding-left:20%
    }
}

@media(min-width: 992px) and (max-width:1299px) {
    .optimized-section .content-wrapper {
        padding-left:10%
    }
}

@media only screen and (max-width: 991px) {
    .optimized-section .content-wrapper {
        padding:80px 15px 60px;
        text-align: center
    }
}

@media only screen and (max-width: 479px) {
    .optimized-section .content-wrapper {
        padding-top:70px
    }
}

.optimized-section .content-wrapper h3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    margin-bottom: 32px
}

@media only screen and (max-width: 991px) {
    .optimized-section .content-wrapper h3 {
        font-size:35px;
        line-height: 40px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .optimized-section .content-wrapper h3 {
        font-size:30px;
        line-height: 35px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .optimized-section .content-wrapper h3 {
        font-size:25px
    }
}

.optimized-section .content-wrapper p {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .optimized-section .content-wrapper p {
        font-size:14px;
        line-height: 24px
    }
}

.optimized-section .content-wrapper .btn {
    background-color: #f5800d;
    box-shadow: none;
    margin-top: 32px;
    padding: 10px 28px;
    box-shadow: 0 5px #c76708
}

.optimized-section .content-wrapper .btn:hover {
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

@media only screen and (max-width: 991px) {
    .optimized-section .content-wrapper .btn {
        font-size:18px;
        padding: 8px 25px;
        margin-top: 18px
    }
}

@media only screen and (max-width: 767px) {
    .optimized-section .content-wrapper .btn {
        font-size:15px;
        padding: 5px 22px;
        margin-top: 18px
    }
}

@media only screen and (max-width: 479px) {
    .optimized-section .content-wrapper .btn {
        font-size:12px;
        padding: 5px 22px;
        margin-top: 12px
    }
}

.optimized-section .caption {
    background-color: #30aebf;
    padding: 35px 0 27px 140px
}

@media(min-width: 1300px) and (max-width:1500px) {
    .optimized-section .caption {
        padding-left:50px
    }
}

@media(min-width: 992px) and (max-width:1350px) {
    .optimized-section .caption {
        height:500px;
        padding-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .optimized-section .caption {
        text-align:center;
        padding-left: 0
    }
}

.optimized-section .caption img {
    max-width: 100%
}

.support-section .nav-tabs {
    border: 0;
    background-color: #3575d3
}

.support-section .nav-tabs li {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    float: none;
    display: inline-block;
    border-right: 1px solid #2860b2;
    margin: 0 0 0 -4px
}

@media only screen and (max-width: 991px) {
    .support-section .nav-tabs li {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    .support-section .nav-tabs li {
        font-size:18px
    }
}

@media only screen and (max-width: 479px) {
    .support-section .nav-tabs li {
        display:block;
        border-bottom: 1px solid #2860b2;
        border-right: 0
    }
}

.support-section .nav-tabs li.active a {
    color: #fff;
    border: 0;
    background-color: #265eaf
}

.support-section .nav-tabs li.active a:hover {
    background-color: #265eaf
}

.support-section .nav-tabs li a {
    border: 0;
    border-radius: 0;
    color: #fff;
    margin: 0;
    padding: 20px 50px
}

.support-section .nav-tabs li a:hover {
    background-color: transparent
}

@media only screen and (max-width: 991px) {
    .support-section .nav-tabs li a {
        padding:20px 30px
    }
}

@media(min-width: 600px) and (max-width:767px) {
    .support-section .nav-tabs li a {
        padding:20px
    }
}

@media(min-width: 480px) and (max-width:599px) {
    .support-section .nav-tabs li a {
        padding:15px 10px
    }
}

@media only screen and (max-width: 479px) {
    .support-section .nav-tabs li a {
        padding:10px 30px
    }
}

.support-section .nav-tabs li .caption {
    display: block
}

.support-section .tab-content {
    margin-bottom: 120px
}

@media only screen and (max-width: 991px) {
    .support-section .tab-content {
        margin-bottom:100px
    }
}

@media only screen and (max-width: 991px) {
    .support-section .tab-content {
        margin-bottom:70px
    }
}

.support-section .tab-content .faq-wrapper .small-text {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #f5800d;
    letter-spacing: .8px
}

.support-section .tab-content .faq-wrapper h3 {
    font-size: 42px;
    font-weight: 800;
    line-height: 48px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 11px;
    letter-spacing: .8px
}

@media(min-width: 992px) and (max-width:1199px) {
    .support-section .tab-content .faq-wrapper h3 {
        font-size:38px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .support-section .tab-content .faq-wrapper h3 {
        font-size:30px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 767px) {
    .support-section .tab-content .faq-wrapper h3 {
        font-size:25px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 479px) {
    .support-section .tab-content .faq-wrapper h3 {
        font-size:23px;
        line-height: 30px
    }
}

.support-section .tab-content .faq-wrapper #promote-accordion {
    margin: 70px 0 0
}

@media only screen and (max-width: 767px) {
    .support-section .tab-content .faq-wrapper #promote-accordion {
        margin:30px 0 0
    }
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default {
    border: 0;
    margin-top: 3px
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading {
    position: relative;
    font-size: 18px;
    background-color: #2b5899;
    border: 0;
    border-radius: 8px;
    padding: 0
}

@media only screen and (max-width: 479px) {
    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading {
        line-height:25px
    }
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {
    font-size: 20px;
    font-weight: 600;
    display: block;
    color: #fefefe;
    background-color: #3575d3;
    border-radius: 8px;
    padding: 15px 20px
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {
    color: #3575d3;
    background-color: #fff;
    box-shadow: 0 0 10px #d0d0d0;
    margin-bottom: 12px
}

@media only screen and (max-width: 479px) {
    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {
        font-size:16px
    }
}

@media only screen and (max-width: 350px) {
    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {
        padding-right:60px
    }
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {
    border: 0;
    padding: 24px 40px 30px
}

@media only screen and (max-width: 479px) {
    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {
        padding:15px
    }
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0
}

@media only screen and (max-width: 479px) {
    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {
        font-size:14px
    }
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li {
    font-size: 16px;
    color: #666
}

.support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li i {
    font-size: 16px;
    color: #2b5899
}

.support-section .tab-content .account-section {
    padding: 50px 0 0
}

.support-section .tab-content .account-section .account-wrapper {
    background: 0 0;
    box-shadow: none;
    padding-bottom: 0
}

.support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group label,.support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group .text {
    color: #565656
}

.support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group .btn {
    margin-bottom: 0
}

.support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group {
    margin-bottom: 20px
}

.support-section .tab-content .domain-list-section {
    padding: 50px 0 0
}

.support-section .tab-content .support-content {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    color: #000;
    margin-top: 70px
}

.support-section .tab-content .support-content hr {
    width: 72%;
    border-bottom: 10px solid #f5800d;
    margin: 21px 0 45px
}

.support-section .tab-content .support-content .number {
    letter-spacing: -.9px
}

@media only screen and (max-width: 767px) {
    .support-section .tab-content .support-content {
        font-size:30px;
        line-height: 35px;
        display: block;
        text-align: center
    }

    .support-section .tab-content .support-content hr {
        width: 100%
    }
}

.support-section .tab-content .support-caption {
    margin-top: 65px
}

@media only screen and (max-width: 767px) {
    .support-section .tab-content .support-caption {
        float:none!important;
        text-align: center
    }
}

.support-section .tab-content .chat-content .left-bar {
    margin: 70px 0 45px
}

.support-section .tab-content .chat-content .left-bar p {
    margin-left: 15px
}

@media only screen and (max-width: 550px) {
    .support-section .tab-content .chat-content .left-bar img {
        float:none!important;
        display: block;
        padding-bottom: 20px;
        margin: 0 auto
    }

    .support-section .tab-content .chat-content .left-bar p {
        text-align: center;
        display: block;
        margin-left: 0
    }
}

.support-section .tab-content .chat-content .right-bar {
    margin-bottom: 58px
}

.support-section .tab-content .chat-content .right-bar p {
    margin-right: 15px;
    background-color: #f3f3f3;
    border: 0
}

@media only screen and (max-width: 550px) {
    .support-section .tab-content .chat-content .right-bar img {
        float:none!important;
        display: block;
        padding-bottom: 20px;
        margin: 0 auto
    }

    .support-section .tab-content .chat-content .right-bar p {
        text-align: center;
        display: block;
        margin-right: 0
    }
}

.support-section .tab-content .chat-content p {
    font-size: 16px;
    line-height: 24px;
    color: #626a6f;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    display: inline-block;
    padding: 22px
}

.support-section .tab-content .chat-content .form-control {
    color: #313131;
    border-color: #e6e6e6;
    padding: 57px 15px
}

.support-section .tab-content .chat-content .form-control:focus {
    border-color: #e6e6e6
}

.find-support-section h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    color: #1b232f;
    margin-bottom: 32px
}

@media only screen and (max-width: 991px) {
    .find-support-section h2 {
        font-size:35px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 991px) {
    .find-support-section h2 {
        font-size:30px;
        margin-bottom: 10px
    }
}

.find-support-section p {
    font-size: 18px;
    line-height: 30px;
    color: #616d80
}

@media only screen and (max-width: 767px) {
    .find-support-section p {
        font-size:16px;
        line-height: 27px
    }
}

.find-support-section .search-bar .subscribeForm .subscribeSearchBar {
    padding: 8px 15px 12px;
    width: 50%;
    border: 2px solid #3575d3;
    border-radius: 5px;
    margin-top: 45px
}

@media only screen and (max-width: 991px) {
    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {
        margin-top:30px
    }
}

@media only screen and (max-width: 767px) {
    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {
        margin-top:20px
    }
}

@media only screen and (max-width: 479px) {
    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {
        width:100%;
        padding: 6px 15px 10px;
        display: block;
        margin-bottom: 5px
    }
}

.find-support-section .search-bar .subscribeForm .subscribeBtn {
    font-weight: 500;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.find-support-section .search-bar .subscribeForm .subscribeBtn:hover {
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

@media only screen and (max-width: 479px) {
    .find-support-section .search-bar .subscribeForm .subscribeBtn {
        padding:4px 22px
    }
}

.map-section {
    padding-bottom: 120px
}

@media only screen and (max-width: 767px) {
    .map-section {
        padding-bottom:100px
    }
}

@media only screen and (max-width: 479px) {
    .map-section {
        padding-bottom:70px
    }
}

.map-section #googleMap {
    width: 100%;
    height: 760px;
    box-shadow: 0 5px 15px rgba(0,0,0,.4)
}

@media only screen and (max-width: 991px) {
    .map-section #googleMap {
        height:550px
    }
}

@media only screen and (max-width: 767px) {
    .map-section #googleMap {
        height:480px
    }
}

@media only screen and (max-width: 479px) {
    .map-section #googleMap {
        height:400px
    }
}

.map-section #googleMap-Two {
    width: 100%;
    height: 760px;
    box-shadow: 0 5px 15px rgba(0,0,0,.4);
    margin-top: 50px
}

@media only screen and (max-width: 991px) {
    .map-section #googleMap-Two {
        height:550px
    }
}

@media only screen and (max-width: 767px) {
    .map-section #googleMap-Two {
        height:480px
    }
}

@media only screen and (max-width: 479px) {
    .map-section #googleMap-Two {
        height:400px
    }
}

.map-section .form-section {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.21);
    margin-top: -30%;
    padding-top: 75px
}

.map-section .form-section .support-form {
    margin-top: 55px
}

@media only screen and (max-width: 991px) {
    .map-section .form-section .support-form {
        padding:0 50px;
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .map-section .form-section .support-form {
        padding:0 30px
    }
}

@media only screen and (max-width: 479px) {
    .map-section .form-section .support-form {
        padding:0 20px
    }
}

.map-section .form-section .support-form .form-group {
    margin-bottom: 38px
}

@media only screen and (max-width: 991px) {
    .map-section .form-section .support-form .form-group {
        margin-bottom:15px
    }
}

.map-section .form-section .support-form .form-group label {
    font-size: 20px;
    line-height: 45px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .map-section .form-section .support-form .form-group label {
        font-size:16px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 0
    }
}

.map-section .form-section .support-form .form-group input.form-control {
    padding: 25px 12px
}

@media only screen and (max-width: 767px) {
    .map-section .form-section .support-form .form-group input.form-control {
        padding:18px 12px;
        font-size: 15px
    }
}

.map-section .form-section .support-form .form-group .text {
    font-size: 16px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .map-section .form-section .support-form .form-group .text {
        font-size:14px
    }
}

.map-section .form-section .support-form .form-group .form-control {
    font-size: 16px;
    font-weight: 300;
    color: #a6aaad;
    border: 0;
    border-radius: 0;
    background-color: #e3e6eb;
    box-shadow: none
}

.map-section .form-section .support-form .form-group .form-control:focus {
    border-color: #c3c3c3
}

.map-section .form-section .support-form .form-group .btn {
    font-weight: 700;
    padding: 12px 65px;
    margin: 18px 0 60px;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.map-section .form-section .support-form .form-group .btn:hover {
    box-shadow: 0 3px #c76708
}

@media only screen and (max-width: 991px) {
    .map-section .form-section .support-form .form-group .btn {
        font-size:18px;
        padding: 10px 30px
    }
}

@media only screen and (max-width: 767px) {
    .map-section .form-section .support-form .form-group .btn {
        font-size:16px;
        font-weight: 400;
        padding: 8px 25px;
        margin: 30px 0 40px
    }
}

@media only screen and (max-width: 479px) {
    .map-section .form-section .support-form .form-group .btn {
        font-size:14px;
        padding: 6px 20px;
        margin: 20px 0 10px
    }
}

.data-center-section .data-center-carousel {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .data-center-section .data-center-carousel {
        margin-top:25px
    }
}

.data-center-section .data-center-carousel .center-wrapper {
    border: 3px solid #3575d3;
    border-radius: 8px;
    display: inline-block;
    padding: 50px 25px 60px
}

@media only screen and (max-width: 767px) {
    .data-center-section .data-center-carousel .center-wrapper {
        padding:40px 25px
    }
}

.data-center-section .data-center-carousel .center-wrapper .caption img {
    width: auto;
    margin: 0 auto
}

.data-center-section .data-center-carousel .center-wrapper h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    color: #3575d3;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .data-center-section .data-center-carousel .center-wrapper h3 {
        font-size:25px;
        line-height: 35px;
        margin: 20px 0 10px
    }
}

.data-center-section .data-center-carousel .center-wrapper p {
    color: #616d80;
    margin-bottom: 25px
}

.data-center-section .data-center-carousel .center-wrapper .link {
    font-size: 18px;
    font-weight: 500;
    color: #3575d3
}

.data-center-section .data-center-carousel .center-wrapper .link:hover {
    color: #f5800d
}

.data-center-section .data-center-carousel .owl-dots {
    margin-top: 60px!important
}

@media only screen and (max-width: 767px) {
    .data-center-section .data-center-carousel .owl-dots {
        margin-top:40px!important
    }
}

.data-center-section .data-center-carousel .owl-dots .owl-dot.active span {
    width: 50px;
    height: 10px;
    background-color: #f5800d;
    margin-bottom: 7px
}

.data-center-section .data-center-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background-color: #3575d3
}

.contact-section .section-title {
    margin-bottom: 75px
}

@media only screen and (max-width: 991px) {
    .contact-section .section-title {
        margin-bottom:50px
    }
}

@media only screen and (max-width: 479px) {
    .contact-section .section-title {
        margin-bottom:40px
    }
}

@media only screen and (max-width: 767px) {
    .contact-section .contact-wrapper {
        margin-bottom:30px
    }
}

.contact-section .contact-wrapper h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    color: #1b232f;
    margin: 20px 0 25px
}

@media only screen and (max-width: 991px) {
    .contact-section .contact-wrapper h4 {
        font-size:25px;
        line-height: 35px;
        margin: 15px 0 10px
    }
}

.contact-section .contact-wrapper .contact {
    font-size: 18px;
    line-height: 30px;
    color: #5a6778
}

@media only screen and (max-width: 991px) {
    .contact-section .contact-wrapper .contact {
        font-size:16px;
        line-height: 27px
    }
}

.offer-section {
    margin-top: -85px
}

.offer-section .offer-carousel .carousel-wrapper {
    display: inline-block;
    background-color: #fff;
    border: 3px solid #3575d3;
    border-radius: 15px;
    padding: 45px 25px
}

.offer-section .offer-carousel .carousel-wrapper .caption img {
    width: auto;
    margin: 0 auto
}

.offer-section .offer-carousel .carousel-wrapper p {
    color: #616d80;
    margin-bottom: 30px
}

.offer-section .offer-carousel .carousel-wrapper .price {
    font-family: dosis,sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 27px;
    color: #f5800d
}

.offer-section .offer-carousel .carousel-wrapper .price small {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    color: #616d80
}

.offer-section .offer-carousel .owl-dots {
    margin-top: 40px!important
}

@media only screen and (max-width: 767px) {
    .offer-section .offer-carousel .owl-dots {
        margin-top:20px
    }
}

.offer-section .offer-carousel .owl-dots .owl-dot.active span {
    background-color: #3575d3
}

.offer-section .offer-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background-color: #d4d8e0
}

.domain-list-section .section-title {
    margin-bottom: 50px
}

.domain-list-section .list-container .table-bordered {
    margin-bottom: 0;
    border: 0
}

.domain-list-section .list-container .table-bordered thead tr {
    background-color: #3575d3
}

.domain-list-section .list-container .table-bordered thead tr th {
    font-family: dosis,sans-serif;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border: 0;
    border-right: 1px solid #fff;
    padding: 12px 0
}

.domain-list-section .list-container .table-bordered thead tr th:last-child {
    border-right: 0
}

@media only screen and (max-width: 767px) {
    .domain-list-section .list-container .table-bordered thead tr th {
        font-size:14px;
        font-weight: 400;
        padding: 8px 5px
    }
}

.domain-list-section .list-container .table-bordered tbody tr:nth-child(1),.domain-list-section .list-container .table-bordered tbody tr:nth-child(3),.domain-list-section .list-container .table-bordered tbody tr:nth-child(5),.domain-list-section .list-container .table-bordered tbody tr:nth-child(7),.domain-list-section .list-container .table-bordered tbody tr:nth-child(9),.domain-list-section .list-container .table-bordered tbody tr:nth-child(11),.domain-list-section .list-container .table-bordered tbody tr:nth-child(13) {
    background-color: #f9f9f9
}

.domain-list-section .list-container .table-bordered tbody tr td {
    font-weight: 500;
    color: #251017;
    border: 0;
    padding: 12px 0
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #251017;
    padding-left: 25px
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature {
    position: relative;
    font-size: 13px;
    color: #fff;
    padding: 2px 5px;
    margin-left: 10px
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    width: 5px;
    height: 10px;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.red {
    background-color: #f6744d
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.red:before {
    border-right: 5px solid #f6744d
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.green {
    background-color: #65b84d
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.green:before {
    border-right: 5px solid #65b84d
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.yellow {
    background-color: #edae37
}

.domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.yellow:before {
    border-right: 5px solid #edae37
}

.domain-list-section .list-container .table-bordered tbody tr td .link-color {
    color: #f6744d
}

.news-section .news-left-bar {
    margin-right: 25px
}

@media only screen and (max-width: 991px) {
    .news-section .news-left-bar {
        margin-right:0;
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 767px) {
    .news-section .news-left-bar {
        margin-bottom:50px
    }
}

.news-section .news-left-bar .news-wrapper {
    background-color: #fff;
    margin-bottom: 50px
}

@media only screen and (max-width: 991px) {
    .news-section .news-left-bar .news-wrapper {
        margin-bottom:30px
    }
}

@media only screen and (max-width: 767px) {
    .news-section .news-left-bar .news-wrapper {
        margin-bottom:10px
    }
}

.news-section .news-left-bar .news-wrapper img {
    width: 100%
}

.news-section .news-left-bar .news-wrapper .wrapper-content {
    padding: 32px 32px 26px
}

@media only screen and (max-width: 767px) {
    .news-section .news-left-bar .news-wrapper .wrapper-content {
        padding:32px 0 26px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .news-left-bar .news-wrapper .wrapper-content {
        padding:25px 0
    }
}

.news-section .news-left-bar .news-wrapper .wrapper-content .title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #f5800d;
    padding: 4px 8px
}

@media only screen and (max-width: 767px) {
    .news-section .news-left-bar .news-wrapper .wrapper-content .title {
        font-size:12px
    }
}

.news-section .news-left-bar .news-wrapper .wrapper-content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    color: #111;
    margin: 10px 0 7px
}

@media only screen and (max-width: 767px) {
    .news-section .news-left-bar .news-wrapper .wrapper-content h3 {
        font-size:20px;
        line-height: 25px
    }
}

.news-section .news-left-bar .news-wrapper .wrapper-content .post {
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;
    color: #999
}

.news-section .news-left-bar .news-wrapper .wrapper-content p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    padding-top: 10px
}

@media only screen and (max-width: 479px) {
    .news-section .news-left-bar .news-wrapper .wrapper-content p {
        font-size:14px
    }
}

.news-section .news-left-bar .news-wrapper .wrapper-content .link {
    font-size: 16px
}

.news-section .news-left-bar .news-wrapper .wrapper-content .link a {
    color: #666
}

.news-section .news-left-bar .news-wrapper .wrapper-content .link a:hover {
    color: #f5800d
}

.news-section .news-left-bar .news-wrapper .wrapper-content .link a i {
    margin-left: 5px;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .news-section .news-left-bar .pagination {
        margin:0
    }
}

@media(max-width: 991px) {
    .news-section .news-right-bar {
        margin:0!important
    }
}

.news-section .news-right-bar .widget-search .form-control {
    color: #999;
    height: 40px;
    border: 1px solid #c8c8c8;
    background: 0 0
}

.news-section .news-right-bar .widget-category,.news-section .news-right-bar .widget-archive {
    margin: 50px 0
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-category,.news-section .news-right-bar .widget-archive {
        margin:30px 0
    }
}

.news-section .news-right-bar .widget-category h4,.news-section .news-right-bar .widget-archive h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-category h4,.news-section .news-right-bar .widget-archive h4 {
        font-size:20px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .news-right-bar .widget-category h4,.news-section .news-right-bar .widget-archive h4 {
        margin:0 0 10px
    }
}

.news-section .news-right-bar .widget-category ul li,.news-section .news-right-bar .widget-archive ul li {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    border-bottom: 1px solid rgba(199,197,197,.38);
    padding: 5px 0
}

@media only screen and (max-width: 479px) {
    .news-section .news-right-bar .widget-category ul li,.news-section .news-right-bar .widget-archive ul li {
        font-size:14px;
        line-height: 30px
    }
}

.news-section .news-right-bar .widget-category ul li:last-child,.news-section .news-right-bar .widget-archive ul li:last-child {
    border-bottom: 0
}

.news-section .news-right-bar .widget-category ul li a,.news-section .news-right-bar .widget-archive ul li a {
    color: #31363b
}

.news-section .news-right-bar .widget-category ul li a:hover,.news-section .news-right-bar .widget-archive ul li a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-post {
    margin-bottom: 75px
}

@media only screen and (max-width: 991px) {
    .news-section .news-right-bar .widget-post {
        margin-bottom:80px
    }
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-post {
        margin-bottom:55px
    }
}

.news-section .news-right-bar .widget-post h4 {
    font-family: dosis,sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 35px
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-post h4 {
        font-size:20px;
        margin-bottom: 20px
    }
}

.news-section .news-right-bar .widget-post ul li {
    margin-bottom: 25px
}

@media only screen and (max-width: 991px) {
    .news-section .news-right-bar .widget-post ul li {
        margin-bottom:50px
    }
}

.news-section .news-right-bar .widget-post ul li .thumb {
    margin-right: 20px
}

.news-section .news-right-bar .widget-post ul li .thumb img {
    width: 70px;
    height: 100px
}

.news-section .news-right-bar .widget-post ul li .post-desk {
    padding: 8px 0
}

.news-section .news-right-bar .widget-post ul li .post-desk h5 {
    font-family: dosis,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.news-section .news-right-bar .widget-post ul li .post-desk h5 a {
    color: #000
}

.news-section .news-right-bar .widget-post ul li .post-desk h5 a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-post ul li .post-desk .date {
    font-size: 12px;
    font-weight: 700;
    color: #999
}

.news-section .news-right-bar .widget-tag h4 {
    font-family: dosis,sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 35px
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-tag h4 {
        font-size:20px;
        margin-bottom: 20px
    }
}

.news-section .news-right-bar .widget-tag ul li {
    font-family: dosis,sans-serif;
    display: inline-block;
    font-weight: 700;
    line-height: 26px;
    margin-right: 7px
}

.news-section .news-right-bar .widget-tag ul li a {
    color: #555
}

.news-section .news-right-bar .widget-tag ul li a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-tag ul li:nth-child(1) a,.news-section .news-right-bar .widget-tag ul li:nth-child(3) a,.news-section .news-right-bar .widget-tag ul li:nth-child(5) a,.news-section .news-right-bar .widget-tag ul li:nth-child(7) a,.news-section .news-right-bar .widget-tag ul li:nth-child(8) a,.news-section .news-right-bar .widget-tag ul li:nth-child(9) a,.news-section .news-right-bar .widget-tag ul li:nth-child(11) a {
    font-size: 14px;
    color: #555
}

.news-section .news-right-bar .widget-tag ul li:nth-child(1) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(3) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(5) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(7) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(8) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(9) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(11) a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-tag ul li:nth-child(2) a {
    color: #212121;
    font-size: 24px
}

.news-section .news-right-bar .widget-tag ul li:nth-child(2) a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-tag ul li:nth-child(4) a {
    color: #888;
    font-size: 20px
}

.news-section .news-right-bar .widget-tag ul li:nth-child(4) a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-tag ul li:nth-child(6) a,.news-section .news-right-bar .widget-tag ul li:nth-child(13) a {
    color: #555;
    font-size: 18px
}

.news-section .news-right-bar .widget-tag ul li:nth-child(6) a:hover,.news-section .news-right-bar .widget-tag ul li:nth-child(13) a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-tag ul li:nth-child(10) a {
    color: #888;
    font-size: 22px
}

.news-section .news-right-bar .widget-tag ul li:nth-child(10) a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-tag ul li:nth-child(12) a {
    color: #212121;
    font-size: 24px
}

.news-section .news-right-bar .widget-tag ul li:nth-child(12) a:hover {
    color: #f5800d
}

.news-section .news-right-bar .widget-photo-gram {
    margin-top: 75px
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-photo-gram {
        margin-top:50px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .news-right-bar .widget-photo-gram {
        margin-top:30px
    }
}

.news-section .news-right-bar .widget-photo-gram h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 35px
}

@media only screen and (max-width: 767px) {
    .news-section .news-right-bar .widget-photo-gram h4 {
        font-size:20px;
        margin-bottom: 20px
    }
}

.news-section .news-right-bar .widget-photo-gram .instagram {
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
    margin: 0 auto
}

.news-section .news-right-bar .widget-photo-gram .instagram .image {
    background-image: 100%;
    background-position: center center;
    width: 73px;
    height: 73px;
    margin: 2px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: 1s
}

.news-section .news-right-bar .widget-photo-gram .instagram .image:hover {
    background-image: 110%
}

.news-section .news-right-bar .widget-photo-gram .instagram .image .caption {
    display: none
}

.news-section .single-news {
    background-color: #f6f6f6
}

@media only screen and (max-width: 991px) {
    .news-section .single-news {
        margin-bottom:100px
    }
}

@media only screen and (max-width: 767px) {
    .news-section .single-news {
        margin-bottom:70px
    }
}

.news-section .single-news .news-wrapper img {
    width: 100%
}

.news-section .single-news .news-wrapper .wrapper-content {
    padding: 32px 32px 50px
}

@media only screen and (max-width: 991px) {
    .news-section .single-news .news-wrapper .wrapper-content {
        padding:32px 32px 20px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .news-wrapper .wrapper-content {
        padding:32px 15px 10px
    }
}

.news-section .single-news .news-wrapper .wrapper-content .title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #f5800d;
    padding: 4px 8px
}

.news-section .single-news .news-wrapper .wrapper-content h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    color: #111;
    margin: 10px 0 7px
}

@media only screen and (max-width: 767px) {
    .news-section .single-news .news-wrapper .wrapper-content h3 {
        font-size:25px;
        line-height: 30px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .news-wrapper .wrapper-content h3 {
        font-size:20px;
        line-height: 25px
    }
}

.news-section .single-news .news-wrapper .wrapper-content .post {
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;
    color: #999
}

.news-section .single-news .news-wrapper .wrapper-content p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    padding-top: 10px
}

.news-section .single-news .news-wrapper .wrapper-content img {
    margin-top: 10px
}

.news-section .single-news .news-wrapper .wrapper-content h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #212121;
    margin: 30px 0 0
}

.news-section .single-news .news-wrapper .wrapper-content .link {
    font-size: 16px
}

.news-section .single-news .news-wrapper .wrapper-content .link a {
    color: #666
}

.news-section .single-news .news-wrapper .wrapper-content .link a:hover {
    color: #f5800d
}

.news-section .single-news .news-wrapper .wrapper-content .link a i {
    margin-left: 5px;
    vertical-align: middle
}

.news-section .single-news .widget {
    margin: 25px 32px 17px 40px
}

.news-section .single-news .widget .widget-tag {
    display: inline-block
}

.news-section .single-news .widget .widget-tag h5 {
    font-family: dosis,sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 25px;
    letter-spacing: 1px;
    color: #000;
    display: inline-block;
    margin-right: 32px;
    vertical-align: top
}

.news-section .single-news .widget .widget-tag ul {
    display: inline-block
}

.news-section .single-news .widget .widget-tag ul li {
    font-family: dosis,sans-serif;
    padding: 0;
    margin-right: 6px;
    margin-bottom: 13px
}

@media(max-width: 767px) {
    .news-section .single-news .widget .widget-tag ul li {
        margin-bottom:10px
    }
}

.news-section .single-news .widget .widget-tag ul li:last-child {
    margin-right: 0
}

.news-section .single-news .widget .widget-tag ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    background: #fff;
    padding: 6px 15px
}

.news-section .single-news .widget .widget-tag ul li a:hover {
    color: #fff;
    background: #f5800d
}

@media(max-width: 1199px) {
    .news-section .single-news .widget .widget-social {
        float:none!important
    }
}

.news-section .single-news .widget .widget-social ul li {
    font-family: dosis,sans-serif;
    padding: 0;
    margin-right: 6px
}

@media(max-width: 767px) {
    .news-section .single-news .widget .widget-social ul li {
        margin-bottom:15px
    }
}

.news-section .single-news .widget .widget-social ul li:last-child {
    margin-right: 0
}

.news-section .single-news .widget .widget-social ul li a {
    font-size: 16.5px;
    font-weight: 500;
    color: #fff;
    padding: 8px 20px
}

.news-section .single-news .widget .widget-social ul li a:hover {
    color: #f5800d
}

.news-section .single-news .widget .widget-social ul li a i {
    font-size: 14px;
    padding-right: 5px
}

@media(max-width: 767px) {
    .news-section .single-news .widget .widget-social ul li a {
        font-size:12px
    }
}

.news-section .single-news .section-bottom {
    background-color: #f6f6f6
}

@media(max-width: 767px) {
    .news-section .single-news .section-bottom .comments-wrapper {
        margin-left:0!important;
        margin-right: 0!important
    }
}

.news-section .single-news .section-bottom .comments-wrapper h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 65px
}

@media only screen and (max-width: 767px) {
    .news-section .single-news .section-bottom .comments-wrapper h3 {
        padding-top:20px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .section-bottom .comments-wrapper h3 {
        margin-bottom:40px
    }
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {
    margin: 0 40px 0 45px
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {
        margin:0 15px
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment .pull-left {
        float: none!important
    }
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
    background: #e9e8e8;
    padding: 30px;
    margin: 25px 0 80px 102px
}

@media(max-width: 767px) {
    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
        margin-left:0;
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
        padding:30px 15px
    }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment .pull-left {
        float: none!important
    }
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .comment-avater {
    width: 43px;
    height: 43px;
    margin-right: 2px
}

@media(max-width: 767px) {
    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body {
        display:block;
        padding-top: 15px;
        width: auto
    }
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body h5 a {
    color: #000
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .time {
    font-size: 14px;
    line-height: 10px;
    color: #a9a9a9;
    letter-spacing: -1px;
    vertical-align: text-top
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body p {
    font-size: 14.5px;
    line-height: 23.5px;
    color: #666;
    margin-bottom: 11px;
    margin-top: -3px
}

.news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .comment-replay {
    font-family: dosis,sans-serif;
    font-size: 16.5px;
    font-weight: 500;
    line-height: 25px
}

.news-section .single-news .section-bottom .reserve-blog-form {
    padding: 10px 0 5px
}

.news-section .single-news .section-bottom .reserve-blog-form h3 {
    font-size: 21.5px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    text-align: center;
    margin-bottom: 40px
}

.news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {
    padding: 0 25px
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {
        padding:0
    }
}

.news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {
    margin: 0 0 50px
}

@media only screen and (max-width: 479px) {
    .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {
        margin:0 0 30px
    }
}

.news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group .form-control {
    font-size: 15px;
    color: #a7a7a7;
    border: 0;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent
}

.news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
    margin-top: 30px;
    padding: 10px 55px;
    background-color: #f5800d;
    box-shadow: 0 5px #c76708
}

.news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn:hover {
    background-color: #f5800d;
    box-shadow: 0 3px #c76708
}

@media only screen and (max-width: 767px) {
    .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
        padding:8px 50px;
        margin-top: 0;
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
        padding:5px 40px;
        font-size: 16px
    }
}

.host-app-footer-section {
    position: relative;
    background: #1b232f;
    color: #fff
}

.host-app-footer-section .footer-container {
    padding: 130px 0 100px
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-footer-section .footer-container {
        padding:100px 0 30px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container {
        padding:70px 0 30px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .footer-container .footer-wrapper {
        margin-bottom:50px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .host-app-footer-section .footer-container .footer-wrapper {
        min-height:390px
    }

    .host-app-footer-section .footer-container .footer-wrapper.last-wrapper {
        min-height: 235px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper {
        margin:0 0 40px
    }
}

.host-app-footer-section .footer-container .footer-wrapper .footer-logo {
    margin-left: -5px
}

@media(min-width: 992px) and (max-width:1199px) {
    .host-app-footer-section .footer-container .footer-wrapper .footer-logo img {
        width:100%
    }
}

@media only screen and (max-width: 550px) {
    .host-app-footer-section .footer-container .footer-wrapper .footer-logo img {
        max-width:100%
    }
}

.host-app-footer-section .footer-container .footer-wrapper p {
    font-size: 18px;
    line-height: 30px;
    word-break: break-all;
    margin: 40px 0
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper p {
        font-size:16px;
        line-height: 30px;
        margin: 20px 0 30px
    }
}

.host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 27px
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li {
        font-size:16px;
        line-height: 22px;
        margin-bottom: 10px
    }
}

.host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li a {
    color: #fff
}

.host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li a:hover {
    color: #f5800d
}

.host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li span {
    margin-left: 40px;
    display: block
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li span {
        margin-left:30px
    }
}

.host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li i {
    font-size: 25px;
    float: left;
    margin-top: 5px
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper .contact-wrapper li i {
        font-size:20px
    }
}

.host-app-footer-section .footer-container .footer-wrapper h3 {
    font-family: dosis,sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .footer-container .footer-wrapper h3 {
        margin-bottom:35px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper h3 {
        font-size:25px;
        margin-bottom: 15px
    }
}

.host-app-footer-section .footer-container .footer-wrapper .menu li a {
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    letter-spacing: .5px
}

.host-app-footer-section .footer-container .footer-wrapper .menu li a:hover {
    color: #f5800d
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .footer-container .footer-wrapper .menu li a {
        font-size:16px;
        line-height: 25px
    }
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .footer-container .footer-wrapper .menu li a {
        line-height:35px
    }
}

.host-app-footer-section .copy-right {
    border-top: 1px solid #0b0f14;
    padding: 46px 0
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .copy-right {
        padding:25px 0
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .copy-right {
        text-align:center
    }
}

.host-app-footer-section .copy-right p {
    font-size: 18px;
    float: left;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .copy-right p {
        font-size:16px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .copy-right p {
        font-size:14px;
        float: none
    }
}

.host-app-footer-section .copy-right .social-icon li {
    display: inline-block;
    margin: 0 15px
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .copy-right .social-icon li {
        margin:0 8px
    }
}

.host-app-footer-section .copy-right .social-icon li:last-child {
    margin-right: 0
}

.host-app-footer-section .copy-right .social-icon li a {
    color: #fff;
    font-size: 24px
}

.host-app-footer-section .copy-right .social-icon li a:hover {
    color: #f5800d
}

.host-app-footer-section .copy-right .social-icon li a i {
    font-size: 28px
}

@media only screen and (max-width: 991px) {
    .host-app-footer-section .copy-right .social-icon li a i {
        font-size:20px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .copy-right .social-icon li a i {
        font-size:15px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-footer-section .copy-right .social-icon {
        text-align:center
    }
}

.homePageTwo .host-app-header-section {
    position: relative
}

.homePageTwo .host-app-header-section .navbar {
    background-color: #1b232f
}

.homePageTwo .host-app-header-section .navbar:before {
    display: none
}

.homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav li {
    margin-right: 0;
    padding: 0 18px;
    z-index: 2
}

.homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav li.active {
    background-color: #141b24
}

.homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav li a {
    color: #fff
}

.homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li {
    background-color: transparent
}

@media(max-width: 1199px) and (min-width:992px) {
    .homePageTwo .host-app-header-section .navbar .navbar-collapse .navbar-nav {
        margin-right:10px
    }
}

.homePageTwo .host-app-header-section .feature {
    position: absolute;
    width: 100%;
    top: 148px;
    z-index: 99
}

.homePageTwo .host-app-header-section .feature .feature-wrapper {
    background: #3575d3;
    display: flex;
    padding: 9px 0
}

.homePageTwo .host-app-header-section .feature .feature-wrapper li {
    font-size: 17px;
    flex: 1
}

.homePageTwo .host-app-header-section .feature .feature-wrapper li a {
    color: #fff
}

.homePageTwo .host-app-header-section .feature .feature-wrapper li a:hover {
    color: #f5800d
}

.homePageTwo .host-app-header-section .feature .feature-wrapper li .update {
    position: absolute;
    line-height: 10px;
    padding: 3px 10px;
    border-radius: 0 5px;
    top: 0;
    margin-left: -10px;
    font-size: 12px;
    color: #fff;
    background-color: #f02525
}

.homePageTwo .host-app-slider-section .large-text {
    font-size: 48px;
    line-height: 55px;
    color: #fff
}

.homePageTwo .host-app-slider-section .small-text {
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    border-bottom: 3px solid #3575d3
}

.homePageTwo .host-app-slider-section .medium-text {
    color: #fff
}

.homePageTwo .host-app-slider-section .medium-text .theme-color {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .homePageTwo .host-app-slider-section .medium-text .big-text {
        font-size:20px
    }
}

.homePageTwo .host-app-slider-section .ex-small-text {
    font-size: 18px;
    color: #fff
}

@media(min-width: 992px) and (max-width:1199px) {
    .homePageTwo .host-app-slider-section .link-button .btn-primary {
        font-size:16px;
        padding: 8px 20px
    }
}

@media only screen and (max-width: 991px) {
    .homePageTwo .host-app-slider-section .link-button .btn-primary {
        font-size:14px;
        padding: 6px 15px
    }
}

.homePageThree .mobile-logo {
    display: none
}

.homePageThree .host-app-header-section {
    position: relative
}

.homePageThree .host-app-header-section .navbar {
    position: relative;
    background-color: #3575d3
}

.homePageThree .host-app-header-section .navbar.sticky {
    position: fixed
}

.homePageThree .host-app-header-section .navbar:before {
    display: none
}

.homePageThree .host-app-header-section .navbar .navbar-collapse .navbar-nav li.active a {
    color: #f5800d
}

.homePageThree .host-app-header-section .navbar .navbar-collapse .navbar-nav li a {
    color: #fff
}

.homePageThree .host-app-slider-section {
    margin-top: 0;
    overflow: hidden
}

.homePageThree .host-app-slider-section .content-box {
    background-color: rgba(255,255,255,.9);
    border: 3px solid #3575d3;
    border-radius: 8px;
    padding: 30px 50px 50px;
    width: 550px
}

@media only screen and (max-width: 380px) {
    .homePageThree .host-app-slider-section .content-box {
        display:none
    }
}

.homePageThree .host-app-slider-section .content-box p {
    margin-bottom: 50px
}

.homePageThree .host-app-slider-section .content-box .ex-small-text {
    font-size: 16px;
    color: #3575d3
}

.homePageThree .host-app-slider-section .content-box .price {
    display: inline-block
}

@media(min-width: 600px) and (max-width:899px) {
    .homePageThree .host-app-slider-section .content-box {
        width:450px;
        padding: 20px 30px 30px
    }

    .homePageThree .host-app-slider-section .content-box .large-text {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .homePageThree .host-app-slider-section .content-box .medium-text {
        font-size: 14px;
        line-height: 20px
    }

    .homePageThree .host-app-slider-section .content-box .medium-text .big-text {
        font-size: 20px
    }

    .homePageThree .host-app-slider-section .content-box p {
        line-height: 20px;
        margin-bottom: 20px
    }

    .homePageThree .host-app-slider-section .content-box .btn-primary {
        font-size: 15px;
        padding: 6px 20px
    }
}

@media only screen and (max-width: 599px) {
    .homePageThree .host-app-slider-section .content-box {
        width:250px;
        padding: 20px 15px 15px;
        margin-left: 20px
    }

    .homePageThree .host-app-slider-section .content-box .large-text {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 5px
    }

    .homePageThree .host-app-slider-section .content-box .medium-text {
        font-size: 12px;
        line-height: 8px
    }

    .homePageThree .host-app-slider-section .content-box .medium-text .big-text {
        font-size: 15px
    }

    .homePageThree .host-app-slider-section .content-box p {
        line-height: 10px;
        margin-bottom: 15px
    }

    .homePageThree .host-app-slider-section .content-box .btn-primary {
        display: none
    }
}

.homePageThree .host-app-domain-section {
    background: #fff
}

.homePageThree .host-app-domain-section .domain-wrapper {
    margin: 0
}

.homePageThree .host-app-domain-section .domain-wrapper .package {
    margin-bottom: 0
}

.homePageThree .host-app-domain-section .domain-wrapper .package li {
    flex: inherit;
    margin-right: 40px
}

@media(min-width: 500px) and (max-width:767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .package li {
        margin-right:20px
    }
}

@media only screen and (max-width: 499px) {
    .homePageThree .host-app-domain-section .domain-wrapper .package li {
        margin-right:10px
    }
}

.homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
    width: 100%;
    background-color: transparent;
    border: 2px solid #3575d3;
    padding: 19px 40px
}

@media(min-width: 992px) and (max-width:1199px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        padding:13px 40px
    }
}

@media(min-width: 767px) and (max-width:991px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        width:65%;
        padding: 13px 40px
    }
}

@media only screen and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        width:55%;
        padding: 8px 15px
    }
}

.homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .option .btn {
    background-color: transparent;
    border: 2px solid #3575d3;
    padding: 19.5px 25px 19px;
    border-left: 0
}

@media(min-width: 767px) and (max-width:1199px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .option .btn {
        padding:13.5px 25px 13px
    }
}

@media only screen and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .option .btn {
        padding:6.5px 25px 10px
    }
}

.homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
    width: 100%;
    font-size: 18px;
    border: 0;
    padding: 21px 40px;
    color: #67707e;
    background-color: #fff;
    border-radius: 5px 0 0 5px
}

@media(min-width: 1200px) and (max-width:1399px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width:55%
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width:50%;
        padding: 15px 20px
    }
}

@media only screen and (max-width: 991px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        padding:15px 30px
    }
}

@media only screen and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width:50%;
        font-size: 16px;
        padding: 10px 15px
    }
}

@media only screen and (max-width: 479px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width:auto;
        padding: 8px 15px
    }
}

@media only screen and (max-width: 360px) {
    .homePageThree .host-app-domain-section .domain-wrapper .domainSearchBar {
        width:50%
    }
}

.homePageThree .host-app-domain-section .domain-wrapper .option {
    display: inline-block;
    background-color: #bfcadb
}

.homePageThree .host-app-domain-section .domain-wrapper .option .btn {
    font-size: 18px;
    font-weight: 500;
    color: #596777;
    border: 0;
    padding: 21.5px 25px 21px;
    margin: -3px 0 0 -3px;
    border-radius: 0
}

@media(min-width: 991px) and (max-width:1199px) {
    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        padding:15px 20px 16px;
        margin: -3px 0 0 -5px
    }
}

@media only screen and (max-width: 991px) {
    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        padding:14.5px 25px 16px;
        margin: -3px 0 0 -5px
    }
}

@media only screen and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        font-size:16px;
        padding: 8.5px 25px 12px
    }
}

@media only screen and (max-width: 479px) {
    .homePageThree .host-app-domain-section .domain-wrapper .option .btn {
        padding:5.5px 25px 11px;
        border-radius: 0 5px 5px 0
    }
}

.homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #3575d3;
    border-radius: 0 5px 5px 0;
    border: 0;
    padding: 21px 56px;
    margin: 0 0 0 -4px
}

@media(min-width: 991px) and (max-width:1199px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        padding:15px 35px
    }
}

@media only screen and (max-width: 991px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        padding:15px 56px
    }
}

@media only screen and (max-width: 767px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        font-size:16px;
        padding: 10px 30px
    }
}

@media only screen and (max-width: 479px) {
    .homePageThree .host-app-domain-section .domain-wrapper .subscribeBtn {
        font-size:14px;
        padding: 7px 22px;
        display: block;
        margin-top: 5px;
        border-radius: 5px
    }
}

.host-app-service-section .service-wrapper .nav-tabs {
    display: inline-block;
    margin: 22px 0
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .nav-tabs {
        display:flex
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .nav-tabs {
        display:inherit
    }
}

.host-app-service-section .service-wrapper .nav-tabs li {
    overflow: visible;
    margin: 0 0 20px
}

.host-app-service-section .service-wrapper .nav-tabs li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .nav-tabs li:last-child {
        margin:0 0 20px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .nav-tabs li:last-child {
        margin:0 0 5px
    }
}

.host-app-service-section .service-wrapper .nav-tabs li i {
    margin-right: 5px
}

.host-app-service-section .service-wrapper .nav-tabs li .feature {
    position: absolute;
    top: -8px;
    right: 15px;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    background-color: #f6461d;
    padding: 2px 8px;
    border-radius: 5px 0
}

@media only screen and (max-width: 767px) {
    .host-app-service-section .service-wrapper .nav-tabs li .feature {
        font-size:10px;
        top: -14px
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .nav-tabs li .feature {
        display:none
    }
}

@media only screen and (max-width: 991px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        font-size:17px;
        flex: 1;
        padding: 8px 15px;
        margin-right: 8px
    }
}

@media only screen and (max-width: 767px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        font-size:14px;
        padding: 6px 10px;
        margin-right: 5px;
        text-align: center
    }

    .host-app-service-section .service-wrapper .nav-tabs li i {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .nav-tabs li {
        display:inline-block;
        margin-bottom: 5px
    }
}

.host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
    margin-top: 0;
    padding: 50px 50px 40px
}

@media only screen and (max-width: 479px) {
    .host-app-service-section .service-wrapper .tab-content .tab-pane .service-content {
        padding:15px
    }
}

.share-host-page .host-app-priceing-section {
    padding-top: 120px
}

@media only screen and (max-width: 991px) {
    .share-host-page .host-app-priceing-section {
        padding-top:100px
    }
}

@media only screen and (max-width: 767px) {
    .share-host-page .host-app-priceing-section {
        padding-top:70px
    }
}

.testimonial-page .testimonial-section {
    padding-top: 0
}

@media only screen and (max-width: 991px) {
    .single-news-page .news-section .single-news {
        margin-bottom:0
    }
}

.support-box #open-box-two {
    position: fixed;
    right: 20px;
    bottom: 10px;
    background: #3575d3;
    padding: 6px 22px 0;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    z-index: 99
}

@media only screen and (max-width: 767px) {
    .support-box #open-box-two {
        font-size:11px;
        padding: 4px 18px 0
    }
}

.support-box #open-box-two.btn {
    box-shadow: 0 5px #3575d3
}

.support-box #open-box-two.btn:hover,.support-box #open-box-two.btn:focus {
    top: auto
}

.support-box .mail-box {
    position: fixed;
    right: 20px;
    bottom: 10px;
    width: 300px;
    height: 400px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: .8s;
    transform: scale(.1)
}

@media only screen and (max-width: 350px) {
    .support-box .mail-box {
        width:200px
    }
}

.support-box .mail-box.active {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
    transform: scale(1)
}

.support-box .mail-box h4 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #3575d3;
    border-radius: 8px 8px 0 0;
    padding: 8px 0;
    margin: -1px -1px 0;
    cursor: pointer
}

.support-box .mail-box h4 i {
    margin-right: 15px
}

.support-box .mail-box .chat-form {
    padding: 15px
}

.support-box .mail-box .chat-form .form-group {
    margin: 0 0 5px
}

.support-box .mail-box .chat-form .form-group label {
    color: #0d1d36
}

.support-box .mail-box .chat-form .form-group .chatSearchBar {
    width: 100%;
    padding: 0 10px
}

.support-box .mail-box .chat-form .form-group .subscribeBtn {
    font-size: 14px;
    margin-top: 15px;
    border-radius: 8px;
    padding: 4px 12px;
    color: #fff
}

#app-host-preloader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000
}

#app-host-preloader .app-host-preloader-inner {
    width: 40px;
    height: 46px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px
}

#app-host-preloader .app-host-preloader-inner span {
    background-color: #3575d3;
    width: 12px;
    height: 12px;
    float: left;
    margin: 2px 2px 2px 0;
    border-radius: 50%
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(3n+3) {
    margin-right: 0
}

#app-host-preloader .app-host-preloader-inner span {
    animation: perloader-pulse .4s infinite alternate
}

#app-host-preloader .app-host-preloader-inner>span:first-child {
    animation-delay: .1s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(2) {
    background-color: #3575d3;
    animation-delay: .2s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(3) {
    animation-delay: .3s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(4) {
    background-color: #3575d3;
    animation-delay: .4s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(5) {
    animation-delay: .5s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(6) {
    background-color: #3575d3;
    animation-delay: .6s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(7) {
    animation-delay: .1s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(8) {
    background-color: #3575d3;
    animation-delay: .2s
}

#app-host-preloader .app-host-preloader-inner>span:nth-child(9) {
    animation-delay: .3s
}

@media only screen and (max-width: 1024px) {
    .host-app-subscribe-section .caption {
        left:-145px
    }

    .host-app-process-section {
        overflow: hidden
    }

    .homePageThree .host-app-service-section .service-wrapper .nav-tabs {
        margin: 0
    }

    .homePageThree .host-app-service-section .service-wrapper .nav-tabs li {
        margin: 10px 0;
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .app-host .host-app-header-section .navbar .navbar-collapse,.app-host .host-app-header-section .top-bar {
        display:none
    }

    .menu-toggle {
        top: 20px;
        display: block!important
    }

    .menu-toggle.sticky {
        top: 11px
    }

    .host-app-header-section .navbar {
        top: 0;
        position: fixed
    }

    .host-app-header-section .navbar:before {
        width: 250px
    }

    .homePageTwo .host-app-header-section .feature {
        display: none
    }

    .host-app-header-section {
        width: 100%
    }

    .host-app-searching-section .caption .caption-two,.host-app-searching-section .caption .caption-one,.host-app-subscribe-section .caption {
        display: none
    }

    .host-app-footer-section .copy-right .social-icon {
        text-align: center!important
    }

    .service-wrapper {
        overflow: hidden
    }
}

@media only screen and (max-width: 480px) {
    .host-app-header-section .navbar .navbar-header .navbar-brand img {
        width:150px
    }

    .host-app-header-section .navbar:before {
        width: 180px;
        height: 75px
    }

    .host-app-slider-section {
        margin-top: 50px
    }

    .host-app-slider-section .link-button .btn-primary {
        font-size: 15px;
        padding: 5px 15px;
        margin-top: 20px
    }

    .host-app-subscribe-section .subscribe-wrapper .subscribeSearchBar {
        width: 100%
    }

    .host-app-subscribe-section .subscribe-wrapper {
        margin-right: 0
    }

    .homePageTwo .host-app-slider-section {
        margin-top: 35px
    }

    .homePageTwo .host-app-slider-section .link-button .btn-primary {
        display: none
    }

    .host-app-searching-section .searching-wrapper .search-bar .subscribeForm .dropdown-option select,.host-app-domain-section .domain-wrapper .domain-bar .subscribeForm .domain-search-area .dropdown-option select {
        height: 43px
    }

    .homePageThree .host-app-domain-section .domain-wrapper .subscribeForm .domainSearchBar {
        width: 100%
    }
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-icon i {
    display: block;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pm-footer-section .pm-footer-widget .pm-footer-support,.header-type-one .pm-header-support {
    font-size: 14px;
    padding-left: 60px
}

.pm-footer-section .pm-footer-widget .pm-footer-support span,.header-type-one .pm-header-support span {
    color: #5c8ed0;
    display: block
}

.pm-footer-section .pm-footer-widget .pm-footer-support a,.header-type-one .pm-header-support a {
    color: #fff;
    font-weight: 700
}

.pm-footer-section .pm-footer-widget .pm-footer-support:before,.header-type-one .pm-header-support:before {
    top: 10px;
    left: 25px;
    width: 2px;
    content: "";
    height: 40px;
    position: absolute;
    background-color: #5c8ed0
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.pm-home {
    margin: 0;
    padding: 0;
    color: #6480a7;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.overflow-visible {
    overflow: visible!important
}

.pm-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.pm-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.pm-home .container {
    max-width: 1200px
}

.pm-home .ul-li ul {
    margin: 0;
    padding: 0
}

.pm-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.pm-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.pm-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#pm-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/hrm/pre.svg) no-repeat center center
}

.pm-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.pm-home a {
    color: inherit;
    text-decoration: none
}

.pm-home a:hover,.pm-home a:focus {
    text-decoration: none
}

.pm-home img {
    max-width: 100%;
    height: auto
}

.pm-home section {
    overflow: hidden
}

.pm-home button {
    cursor: pointer
}

.pm-home .form-control:focus,.pm-home button:visited,.pm-home button.active,.pm-home button:hover,.pm-home button:focus,.pm-home input:visited,.pm-home input.active,.pm-home input:hover,.pm-home input:focus,.pm-home textarea:hover,.pm-home textarea:focus,.pm-home a:hover,.pm-home a:focus,.pm-home a:visited,.pm-home a.active,.pm-home select,.pm-home select:hover,.pm-home select:focus,.pm-home select:visited {
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.pm-home .form-control {
    box-shadow: none
}

.relative-position {
    position: relative
}

.pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.pm-headline h1,.pm-headline h2,.pm-headline h3,.pm-headline h4,.pm-headline h5,.pm-headline h6 {
    margin: 0;
    font-family: poppins
}

.pm-title-tag {
    color: #0e65d9;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px 5px;
    display: inline-flex;
    background-color: #f3f7ff
}

.pm-section-title h2 {
    color: #003378;
    font-size: 36px;
    font-weight: 600;
    padding-top: 15px
}

.pm-scrollup {
    right: 0;
    z-index: 5;
    width: 60px;
    height: 60px;
    bottom: -17px;
    line-height: 60px;
    position: absolute;
    background-color: #fff
}

.pm-scrollup i {
    color: #003378
}

.hrm-default-header.pm-main-header {
    background: #0d64d9
}

.pm-main-header {
    z-index: 5;
    width: 100%;
    padding-top: 15px;
    position: absolute
}

.pm-main-header .pm-logo {
    margin-top: 15px
}

.pm-main-header .dropdown {
    position: relative
}

.pm-main-header .dropdown:after {
    top: -2px;
    color: #fff;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.pm-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #003378;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.pm-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.pm-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.pm-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.pm-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.pm-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #003378;
    color: #fff
}

.pm-main-header .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.pm-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.pm-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.pm-main-header .navbar-nav {
    display: inherit
}

.pm-main-header .pm-main-navigation {
    padding: 20px 40px
}

.pm-main-header .pm-main-navigation li {
    margin: 0 32px
}

.pm-main-header .pm-main-navigation li a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

.pm-main-header .pm-main-navigation li a:before {
    left: 0;
    right: 0;
    width: 0;
    content: "";
    bottom: 5px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    background-color: #fff;
    transition: .5s all ease-in-out
}

.pm-main-header .pm-main-navigation li:hover a:before {
    width: 100%
}

.pm-main-header .pm-header-btn {
    height: 60px;
    width: 115px;
    line-height: 60px;
    border: 2px solid #3c87eb;
    transition: .3s all ease-in-out
}

.pm-main-header .pm-header-btn a {
    width: 100%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.pm-main-header .pm-header-btn:hover {
    background-color: #000;
    border: 2px solid #000
}

.header-type-one .container {
    max-width: 1450px
}

.pm-sticky-menu {
    top: 20px;
    position: fixed;
    background-color: #000;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out
}

.pm-main-header.pm-sticky-menu {
    top: 0;
    z-index: 9;
    padding: 10px 0;
    box-shadow: 0 0 20px -10px rgba(0,0,0,.8)
}

.pm-main-header.pm-sticky-menu .dropdown:hover .dropdown-menu {
    top: 45px
}

.pm-main-header.pm-sticky-menu .pm-header-support {
    display: none!important
}

.pm-banner-section-1 {
    padding: 275px 0;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-banner-section-1 .pm-banner-shape1 {
    top: 105px;
    right: 115px
}

.pm-banner-section-1 .pm-banner-shape2 {
    top: 175px;
    right: 200px
}

.pm-banner-section-1 .pm-banner-shape3 {
    left: 115px;
    bottom: 40px
}

.pm-banner-section-1 .pm-banner-shape4 {
    left: 195px;
    bottom: 115px
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text {
    color: #fff;
    max-width: 570px;
    padding-top: 40px
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text .pm-title-tag {
    color: #fff;
    background-color: rgba(255,255,255,.102)
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    padding: 20px 0
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text p {
    font-size: 18px;
    padding-bottom: 40px
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text p span {
    font-weight: 700
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text a {
    height: 60px;
    width: 200px;
    display: block;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    background-color: #003378;
    transition: .3s all ease-in-out
}

.pm-banner-section-1 .pm-banner-content .pm-banner-text a:hover {
    background-color: #000
}

.pm-banner-section-1 .pm-banner-content .pm-banenr-img {
    top: 0;
    right: -125px;
    animation: zoomIn 1.7s both .3s
}

.pm-partner-section .pm-partner-wrapper {
    top: -90px;
    padding: 60px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
}

.pm-partner-section .pm-partner-slide-area .owl-nav {
    display: none
}

.pm-partner-section .pm-partner-slide-area .pm-partner-img img {
    transition: .3s all ease-in-out;
    filter: grayscale(1)
}

.pm-partner-section .pm-partner-slide-area .pm-partner-img:hover img {
    filter: grayscale(0)
}

.pm-feature-section {
    padding-bottom: 100px
}

.pm-feature-section .pm-section-title {
    margin: 0 auto;
    max-width: 515px
}

.pm-feature-section .pm-feature-cpntent {
    padding-top: 50px
}

.pm-feature-innerbox {
    padding: 50px 40px;
    border: 2px solid #eff3f7;
    transition: .3s all ease-in-out
}

.pm-feature-innerbox:hover {
    border: 2px solid #fff;
    box-shadow: 0 30px 60px 0 rgba(0,51,120,.04)
}

.pm-feature-innerbox .pm-feature-top {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 2px solid #eff3f7
}

.pm-feature-innerbox .pm-feature-top .pm-feature-icon {
    margin-right: 20px
}

.pm-feature-innerbox .pm-feature-top .pm-feature-icon i {
    font-size: 60px;
    color: #003378
}

.pm-feature-innerbox .pm-feature-top .pm-feature-text h3 {
    font-size: 18px;
    font-weight: 600;
    color: #003378;
    padding-bottom: 5px;
    text-transform: capitalize
}

.pm-feature-innerbox .pm-feature-list li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px
}

.pm-feature-innerbox .pm-feature-list li:after {
    top: 0;
    left: 0;
    color: #3186f8;
    content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-family: "font awesome 5 free"
}

.pm-feature-innerbox .pm-feature-list li:last-child {
    margin-bottom: 0
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process {
    z-index: 1;
    margin-bottom: 100px;
    background-color: #fff;
    padding: 80px 80px 65px;
    box-shadow: 0 30px 60px 0 rgba(0,51,120,.04)
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2 {
    max-width: 480px;
    float: left
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
    right: -85px;
    box-shadow: 0 30px 60px 0 rgba(0,51,120,.04)
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process:after {
    z-index: -1;
    content: "";
    left: -140px;
    width: 1450px;
    height: 685px;
    bottom: -400px;
    position: absolute;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/hrm/shape/dot-s.png)
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-details {
    padding: 15px 0 40px
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content {
    width: 100%;
    margin-bottom: 16px;
    display: inline-block
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
    border-radius: 100%;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-icon i {
    color: #fff
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-text {
    font-size: 18px;
    font-weight: 500;
    padding-top: 12px
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2 {
    float: right
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
    right: auto;
    left: -85px
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2.pm-content-left {
    float: left
}

.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img.pm-content-left {
    left: auto;
    right: -85px
}

.pm-intregation-section {
    padding: 100px 0;
    background-color: #f8f8f8
}

.pm-intregation-section .pm-intregation-img .intr-circle-shape {
    top: 35px;
    right: 30px
}

.pm-intregation-section .pm-intregation-img .intr-img-item {
    display: inline-block;
    margin-right: 30px
}

.pm-intregation-section .pm-intregation-img .intr-img-top {
    margin-bottom: 30px
}

.pm-intregation-section .pm-intregation-img .intr-img-top .intr-img-item:nth-child(2) {
    transform: translateY(60px)
}

.pm-intregation-section .pm-intregation-img .intr-img-bottom .intr-img-item:nth-child(1) {
    transform: translateY(-60px)
}

.pm-intregation-section .pm-intregation-text {
    padding-top: 45px
}

.pm-intregation-section .pm-intregation-text .pm-title-tag {
    background-color: #fff
}

.pm-intregation-section .pm-intregation-text .pm-intregation-details {
    padding: 25px 0 45px
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner {
    margin-bottom: 20px
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a {
    z-index: 1;
    width: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    padding: 18px 40px 13px;
    transition: all .5s ease
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:before {
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    position: absolute;
    transition: all .5s ease;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:after {
    top: 12px;
    right: 40px;
    color: #cfd8e4;
    font-size: 24px;
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "font awesome 5 free"
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-icon {
    font-size: 22px;
    margin-top: 3px;
    margin-right: 30px
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-icon i {
    transition: .3s all ease-in-out
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-text {
    color: #003378;
    font-size: 18px;
    font-weight: 700;
    transition: .3s all ease-in-out
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:hover:before {
    width: 100%
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:hover .pm-inft-icon i {
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:hover .pm-inft-text {
    color: #fff
}

.pm-process-section {
    padding: 100px 0
}

.pm-process-section .pm-process-wrapper {
    padding-top: 50px
}

.pm-process-section .pm-process-line {
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%)
}

.pm-process-icon-text {
    margin: 0 35px;
    display: inline-block
}

.pm-process-icon-text:nth-child(even) {
    transform: translateY(40px)
}

.pm-process-icon-text .pm-process-icon {
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 100%;
    margin-bottom: 35px;
    background-color: #fff;
    box-shadow: 0 30px 60px 0 rgba(0,51,120,.04)
}

.pm-process-icon-text .pm-process-icon span {
    right: 0;
    bottom: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    font-family: poppins;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-process-icon-text .pm-process-icon i {
    font-size: 65px;
    color: #0960d3;
    line-height: 172px
}

.pm-process-icon-text .pm-process-text h3 {
    color: #003378;
    font-size: 18px;
    font-weight: 700;
    font-weight: 600
}

.pm-counter-section .pm-counter-wrapper {
    padding: 75px 0 40px;
    background-color: #fff;
    box-shadow: 0 30px 60px 0 rgba(0,51,120,.04)
}

.pm-counter-section .pm-counter-text-icon .odometer,.pm-counter-section .pm-counter-text-icon strong {
    line-height: 1;
    color: #003378;
    font-weight: 600;
    font-size: 50px;
    font-family: poppins
}

.pm-counter-section .pm-counter-text-icon .odometer {
    line-height: .8;
    font-weight: 600
}

.pm-counter-section .pm-counter-text-icon strong {
    top: 10px;
    position: relative
}

.pm-counter-section .pm-counter-text-icon p {
    color: #003378;
    font-weight: 700;
    padding-top: 5px
}

.pm-testimonial-section {
    padding: 100px 0 60px;
    background-color: #f7f7f7
}

.pm-testimonial-section .pm-testimonial-bg {
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.pm-testimonial-inner {
    padding: 30px;
    margin-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,51,120,.03)
}

.pm-testimonial-inner .pm-testimonial-author {
    margin-top: 18px
}

.pm-testimonial-inner .pm-testimonial-author .pm-author-text h3 {
    color: #003378;
    font-size: 18px;
    font-weight: 600
}

.pm-testimonial-inner .pm-testimonial-author .pm-author-text ul {
    line-height: 1
}

.pm-testimonial-inner .pm-testimonial-author .pm-author-text li {
    line-height: .5
}

.pm-testimonial-inner .pm-testimonial-author .pm-author-text li {
    color: #fbb040;
    font-size: 10px
}

.pm-testimonial-inner .pm-testimonial-img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 100%
}

.pm-testimonial-content .pm-testimonial-text-item {
    padding-top: 150px
}

.pm-testimonial-content .col-md-4:nth-child(1) .pm-testimonial-inner:nth-child(2) {
    transform: translateX(-40px)
}

.pm-testimonial-content .col-md-4:nth-child(3) .pm-testimonial-inner:nth-child(2) {
    transform: translateX(40px)
}

.pm-blog-section {
    padding: 100px 0
}

.pm-blog-section .pm-blog-wrapper {
    padding-top: 40px;
    margin: 0 -15px
}

.pm-blog-img-text {
    float: left;
    display: flex;
    cursor: pointer;
    max-width: 610px;
    padding: 0 15px
}

.pm-blog-img-text .pm-blog-text {
    display: none;
    max-width: 330px;
    padding: 50px 0 0 40px;
    box-shadow: 0 8px 16px 0 rgba(0,51,120,.03);
    transition: opacity 1s ease-out;
    opacity: 0
}

.pm-blog-img-text .pm-blog-text .pm-blog-meta {
    padding-bottom: 15px
}

.pm-blog-img-text .pm-blog-text .pm-date-meta {
    color: #9db0cb;
    font-size: 14px;
    font-weight: 700;
    margin-left: 15px
}

.pm-blog-img-text .pm-blog-text .pm-date-meta i {
    margin-right: 5px;
    color: #003378
}

.pm-blog-img-text .pm-blog-text .pm-blog-title h3 {
    font-size: 18px;
    font-weight: 600;
    color: #003378;
    padding-bottom: 20px
}

.pm-blog-img-text.active .pm-blog-text {
    opacity: 1;
    display: inline-block
}

.pm-footer-section {
    background-color: #f7f7f7
}

.pm-footer-section .pm-footer-wrapper {
    padding: 100px 0
}

.pm-footer-section .pm-footer-menu-widget {
    float: left;
    width: 33.33%
}

.pm-footer-section .pm-footer-menu-widget .pm-footer-store a {
    display: block;
    margin-bottom: 5px
}

.pm-footer-section .pm-footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #003378;
    padding-bottom: 35px
}

.pm-footer-section .pm-footer-widget .pm-footer-support {
    color: #6480a7
}

.pm-footer-section .pm-footer-widget .pm-footer-support:before {
    top: -2px;
    width: 1px;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-footer-section .pm-footer-widget .pm-footer-support a {
    color: #003378
}

.pm-footer-section .pm-footer-widget p {
    max-width: 280px;
    padding-top: 38px
}

.pm-footer-section .pm-footer-widget p a {
    font-weight: 700;
    color: #003378
}

.pm-footer-section .pm-footer-widget .pm-footer-social {
    margin-top: 38px
}

.pm-footer-section .pm-footer-widget .pm-footer-social a {
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    display: inline-block;
    background-color: #fff;
    transition: .3s all ease-in-out;
    color: #0f67dc
}

.pm-footer-section .pm-footer-widget .pm-footer-social a:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    transition: .3s all ease-in-out;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-footer-section .pm-footer-widget .pm-footer-social a:hover {
    color: #fff
}

.pm-footer-section .pm-footer-widget .pm-footer-social a:hover:after {
    height: 100%
}

.pm-footer-section .pm-footer-widget .pm-footer-menu-widget a {
    display: block;
    margin-bottom: 18px;
    transition: .3s all ease-in-out
}

.pm-footer-section .pm-footer-widget .pm-footer-menu-widget a:hover {
    color: #000
}

.pm-footer-copyright {
    padding: 35px 0 32px;
    background-color: #efefef
}

.pm-footer-copyright .pm-footer-copyright-menu ul li {
    display: inline-block
}

.pm-footer-copyright .pm-footer-copyright-menu a {
    font-size: 16px;
    font-weight: 700;
    color: #003378;
    margin-right: 70px;
    transition: .3s all ease-in-out
}

.pm-footer-copyright .pm-footer-copyright-menu a:hover {
    color: #000
}

.pm-call-to-action-section .call-to-action-wrapper {
    z-index: 1;
    padding: 100px 0;
    background: linear-gradient(-90deg,#227df8 0,#0054c4 100%)
}

.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape1 {
    left: 85px;
    bottom: 45px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape2 {
    left: 170px;
    bottom: 75px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape3 {
    top: 65px;
    right: 65px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape4 {
    top: 100px;
    right: 145px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content {
    z-index: 1;
    margin: 0 auto;
    max-width: 800px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content p {
    color: #adcdf9;
    font-size: 18px;
    padding-top: 25px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-section-title .pm-title-tag {
    color: #fff;
    background-color: rgba(255,255,255,.15)
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-section-title h2 {
    color: #fff
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn {
    margin-top: 35px
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a {
    color: #fff;
    height: 60px;
    font-weight: 700;
    margin: 0 10px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    transition: .3s all ease-in-out
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1) {
    width: 200px;
    border: 2px solid #003378;
    background-color: #003378
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1):hover {
    background-color: #000;
    border: 2px solid #000
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(2) {
    width: 160px;
    border: 2px solid #6f9fe0
}

.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(2):hover {
    background-color: #000;
    border: 2px solid #000
}

.pm-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.pm-mobile_menu_content .pm-mobile-main-navigation {
    width: 100%
}

.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav {
    width: 100%
}

.pm-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px;
    text-transform: uppercase
}

.pm-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.pm-mobile_menu_wrap.mobile_menu_on .pm-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.pm-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.pm-mobile_menu_button {
    right: 0;
    top: -35px;
    z-index: 5;
    color: #fff;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.pm-mobile_menu .pm-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.pm-mobile_menu .pm-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.pm-mobile_menu .pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.pm-mobile_menu .pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1
}

.pm-mobile_menu .dropdown {
    position: relative
}

.pm-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.pm-mobile_menu .dropdown .dropdown-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

.pm-mobile_menu .pm-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

@media screen and (max-width: 1440px) {
    .pm-banner-section-1 .pm-banner-content .pm-banenr-img {
        right:-100px
    }
}

@media screen and (max-width: 1300px) {
    .pm-banner-section-1 .pm-banner-content .pm-banenr-img {
        width:50%;
        right: 0
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
        right: -40px
    }

    .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
        left: -50px
    }
}

@media screen and (max-width: 1199px) {
    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
        right:0;
        width: 50%
    }

    .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
        left: 0;
        width: 50%
    }

    .pm-testimonial-content .col-md-4:nth-child(1) .pm-testimonial-inner:nth-child(2),.pm-testimonial-content .col-md-4:nth-child(3) .pm-testimonial-inner:nth-child(2) {
        transform: translateX(0)
    }
}

@media screen and (max-width: 1024px) {
    .pm-main-header .pm-main-navigation li {
        margin:0 15px
    }

    .pm-banner-section-1 .pm-banner-content .pm-banner-text h1 {
        font-size: 40px
    }

    .pm-banner-section-1 .pm-banner-content .pm-banner-text {
        max-width: 470px
    }

    .pm-intregation-section .pm-intregation-img .intr-img-item {
        margin-right: 0
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process {
        padding: 60px 30px
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2 {
        max-width: 450px
    }

    .pm-blog-img-text {
        width: 100%;
        display: flex;
        margin-bottom: 30px
    }

    .pm-blog-img-text .pm-blog-text {
        opacity: 1;
        display: block
    }
}

@media screen and (max-width: 991px) {
    .pm-main-menu-item {
        display:none
    }

    .pm-banner-section-1 {
        padding: 150px 0
    }

    .pm-banner-section-1 .pm-banner-content .pm-banenr-img {
        width: 100%;
        margin-top: 40px;
        position: static!important
    }

    .pm-feature-innerbox {
        margin-bottom: 30px
    }

    .pm-intregation-img {
        max-width: 570px
    }

    .pm-intregation-section .pm-intregation-img .intr-img-item {
        margin-right: 30px
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
        width: 100%;
        margin-top: 30px;
        position: static!important
    }

    .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-feature-item2 {
        float: left
    }

    .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
        width: 100%
    }

    .pm-process-icon-text:nth-child(even) {
        transform: translateY(0)
    }

    .pm-process-section .pm-process-line {
        display: none
    }

    .pm-process-icon-text {
        margin-bottom: 30px
    }

    .pm-testimonial-inner .pm-author-text {
        overflow: hidden
    }

    .footer-widget-area {
        margin-top: 40px
    }

    .pm-main-header .pm-logo {
        margin-top: 0
    }

    .header-type-one .pm-header-support {
        display: none!important
    }

    .pm-main-header.pm-sticky-menu {
        padding: 15px 0
    }

    .pm-mobile_menu_button {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .pm-counter-text-icon {
        margin-bottom:30px
    }

    .pm-testimonial-content .pm-testimonial-text-item {
        padding: 10px 0 40px
    }
}

@media screen and (max-width: 480px) {
    .pm-banner-section-1 {
        padding:100px 0
    }

    .pm-banner-section-1 .pm-banner-content .pm-banner-text h1 {
        font-size: 32px
    }

    .pm-banner-section-1 .pm-banner-content .pm-banner-text p {
        font-size: 16px;
        padding-bottom: 20px
    }

    .pm-section-title h2 {
        font-size: 26px
    }

    .pm-banner-section-1 .pm-banner-content .pm-banner-text a {
        width: 50px;
        height: 50px;
        width: 160px;
        line-height: 50px
    }

    .pm-partner-section .pm-partner-wrapper {
        top: 0;
        margin-bottom: 50px
    }

    .pm-feature-section {
        padding-bottom: 50px
    }

    .pm-intregation-section .pm-intregation-img .intr-circle-shape {
        display: none
    }

    .pm-intregation-section .pm-intregation-img .intr-img-top {
        margin-bottom: 0
    }

    .pm-intregation-section .pm-intregation-img .intr-img-top .intr-img-item:nth-child(2),.pm-intregation-section .pm-intregation-img .intr-img-bottom .intr-img-item:nth-child(1) {
        transform: translateY(0)
    }

    .pm-intregation-section .pm-intregation-img .intr-img-item {
        margin-bottom: 30px
    }

    .pm-intregation-section {
        padding: 50px 0 20px
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process {
        margin-bottom: 50px
    }

    .pm-process-icon-text .pm-process-icon {
        margin: 0 auto;
        margin-bottom: 20px
    }

    .pm-process-icon-text {
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        margin-bottom: 30px
    }

    .pm-process-section {
        padding: 50px 0 20px
    }

    .pm-counter-section .pm-counter-wrapper {
        padding: 20px 0
    }

    .pm-testimonial-section {
        padding: 50px 0 20px
    }

    .pm-blog-img-text {
        display: block
    }

    .pm-blog-img {
        width: 100%;
        float: none;
        display: block
    }

    .pm-blog-img-text .pm-blog-text {
        max-width: 100%;
        padding-left: 0;
        padding-top: 25px;
        display: inline-block
    }

    .pm-blog-section {
        padding: 80px 0 40px
    }

    .pm-call-to-action-section .call-to-action-wrapper {
        padding: 40px 15px
    }

    .pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1) {
        margin-bottom: 20px
    }

    .pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1),.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(2) {
        height: 50px;
        width: 130px;
        font-size: 14px;
        line-height: 50px
    }

    .pm-footer-section .pm-footer-menu-widget {
        width: 100%;
        margin-top: 30px
    }

    .pm-footer-section .pm-footer-wrapper {
        padding: 50px 0 20px
    }

    .pm-footer-copyright .pm-footer-copyright-menu a {
        font-size: 14px;
        margin-right: 5px
    }

    .pm-scrollup {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .pm-counter-section .pm-counter-text-icon .odometer,.pm-counter-section .pm-counter-text-icon strong {
        font-size: 30px
    }

    .pm-counter-section .pm-counter-text-icon strong {
        top: 5px
    }
}

@media screen and (max-width: 380px) {
    .pm-section-title h2 {
        font-size:24px
    }

    .pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-text {
        font-size: 16px
    }
}

.pm-home.dark-version {
    color: #afafaf
}

.pm-home.dark-version .pm-banner-section-1,.pm-home.dark-version .pm-call-to-action-section .call-to-action-wrapper {
    background: linear-gradient(-90deg,#151516 0,#1f1f21 100%)
}

.pm-home.dark-version .pm-title-tag,.pm-home.dark-version .pm-testimonial-inner {
    background-color: #424242
}

.pm-home.dark-version .pm-partner-section,.pm-home.dark-version .pm-feature-section,.pm-home.dark-version .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process,.pm-home.dark-version .pm-process-section,.pm-home.dark-version .pm-counter-section,.pm-home.dark-version .pm-blog-section,.pm-home.dark-version .pm-call-to-action-section,.pm-home.dark-version .pm-footer-section,.pm-home.dark-version .pm-scrollup {
    background-color: #252222
}

.pm-home.dark-version .pm-counter-section .pm-counter-wrapper,.pm-home.dark-version .pm-testimonial-section,.pm-home.dark-version .pm-counter-section:after {
    background-color: #000
}

.pm-home.dark-version .pm-section-title h2,.pm-home.dark-version .pm-feature-innerbox .pm-feature-top .pm-feature-text h3,.pm-home.dark-version .pm-process-icon-text .pm-process-text h3,.pm-home.dark-version .pm-testimonial-inner .pm-testimonial-author .pm-author-text h3,.pm-home.dark-version .pm-counter-section .pm-counter-text-icon .odometer,.pm-home.dark-version .pm-counter-section .pm-counter-text-icon strong,.pm-home.dark-version .pm-counter-section .pm-counter-text-icon p,.pm-home.dark-version .pm-blog-img-text .pm-blog-text .pm-blog-title h3,.pm-home.dark-version .pm-footer-section .pm-footer-widget .widget-title,.pm-home.dark-version .pm-footer-section .pm-footer-widget p a,.pm-home.dark-version .pm-footer-section .pm-footer-widget .pm-footer-support a,.pm-home.dark-version .pm-footer-copyright .pm-footer-copyright-menu a,.pm-home.dark-version .pm-scrollup i {
    color: #fff
}

.pm-home.dark-version .pm-feature-innerbox {
    border: 2px solid #404244
}

.pm-home.dark-version .pm-feature-innerbox .pm-feature-top {
    border-bottom: 2px solid #404244
}

.pm-home.dark-version .pm-intregation-section,.pm-home.dark-version .pm-process-icon-text .pm-process-icon,.pm-home.dark-version .pm-footer-section .pm-footer-widget .pm-footer-social a,.pm-home.dark-version .pm-partner-section .pm-partner-wrapper,.pm-home.dark-version .pm-footer-copyright {
    background-color: #000
}

.pm-home.dark-version .pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a {
    background-color: #1a1a1a
}

.pm-home.dark-version .pm-feature-section-2 {
    background-color: #000
}

.pm-home.dark-version .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process:after {
    display: none
}

.pm-home.dark-version .pm-process-section .pm-process-line {
    opacity: .2
}

.pm-home.dark-version .pm-testimonial-section .pm-testimonial-bg {
    opacity: .1
}

.pm-home.dark-version .pm-blog-img-text .pm-blog-text {
    background-color: #1d1919
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-next,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-prev {
    top: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next:hover,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-next:hover,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev:hover,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-prev:hover {
    color: #fff;
    background-color: #2647c8
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-next {
    right: 10px
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-prev {
    left: 10px
}

.crm-faq-img:before,.crm-about-section .crm-about-img:after {
    left: 0;
    right: 0;
    top: 50px;
    z-index: -1;
    content: "";
    width: 470px;
    height: 470px;
    margin: 0 auto;
    position: absolute;
    border-radius: 100%;
    background-color: #fff9f1;
    animation: zoomIn .9s both .5s
}

.crm-footer-section .crm-footer-widget .crm-footer-support {
    font-size: 14px;
    padding-left: 60px
}

.crm-footer-section .crm-footer-widget .crm-footer-support span {
    color: #fff;
    display: block
}

.crm-footer-section .crm-footer-widget .crm-footer-support a {
    color: #fff;
    font-weight: 700
}

.crm-footer-section .crm-footer-widget .crm-footer-support:before {
    top: 10px;
    left: 25px;
    width: 2px;
    content: "";
    height: 40px;
    position: absolute;
    background-color: #fff
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.crm-home {
    margin: 0;
    padding: 0;
    color: #2647c8;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.crm-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.crm-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.crm-home .container {
    max-width: 1200px
}

.crm-home .ul-li ul {
    margin: 0;
    padding: 0
}

.crm-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.crm-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.ul-li-block ul li {
    list-style: none;
    display: block
}

div#crm-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/crm/pre.svg) no-repeat center center
}

.crm-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.crm-home a {
    color: inherit;
    text-decoration: none
}

.crm-home a:hover,.crm-home a:focus {
    text-decoration: none
}

.crm-home img {
    max-width: 100%;
    height: auto
}

.crm-home section {
    overflow: hidden
}

.crm-home button {
    cursor: pointer
}

.crm-home .form-control:focus,.crm-home button:visited,.crm-home button.active,.crm-home button:hover,.crm-home button:focus,.crm-home input:visited,.crm-home input.active,.crm-home input:hover,.crm-home input:focus,.crm-home textarea:hover,.crm-home textarea:focus,.crm-home a:hover,.crm-home a:focus,.crm-home a:visited,.crm-home a.active,.crm-home select,.crm-home select:hover,.crm-home select:focus,.crm-home select:visited {
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.crm-home .form-control {
    box-shadow: none
}

.relative-position {
    position: relative
}

.pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.crm-headline h1,.crm-headline h2,.crm-headline h3,.crm-headline h4,.crm-headline h5,.crm-headline h6 {
    margin: 0;
    font-family: poppins
}

.crm-section-title span {
    display: block;
    font-weight: 500;
    color: #ff7f00;
    padding-bottom: 15px
}

.crm-section-title h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.278;
    padding-bottom: 12px
}

.crm-main-header {
    z-index: 99;
    width: 100%;
    padding-top: 40px;
    position: absolute
}

.crm-main-header .crm-logo {
    margin-top: 5px;
    padding-right: 50px
}

.crm-main-header .dropdown {
    position: relative
}

.crm-main-header .dropdown:after {
    top: -2px;
    color: #2647c8;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.crm-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #003378;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.crm-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.crm-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.crm-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.crm-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.crm-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #003378;
    color: #fff
}

.crm-main-header .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.crm-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.crm-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.crm-main-header .navbar-nav {
    display: inherit
}

.crm-main-header .crm-main-navigation {
    margin-top: 10px
}

.crm-main-header .crm-main-navigation li {
    margin: 0 32px
}

.crm-main-header .crm-main-navigation li a {
    color: #2647c8;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

.crm-main-header .crm-main-navigation li a:before {
    left: 0;
    right: 0;
    width: 0;
    content: "";
    bottom: 5px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    background-color: #2647c8;
    transition: .5s all ease-in-out
}

.crm-main-header .crm-main-navigation li:hover a:before {
    width: 100%
}

.crm-main-header .crm-header-btn {
    height: 60px;
    width: 195px;
    line-height: 60px;
    border: 2px solid #e7d7c3;
    transition: .3s all ease-in-out
}

.crm-main-header .crm-header-btn a {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.crm-main-header .crm-header-btn:hover {
    color: #fff;
    background-color: #000;
    border: 2px solid #000
}

.header-type-two .container {
    max-width: 1450px
}

.crm-logo-2 {
    display: none
}

.crm-sticky-menu {
    top: 0;
    position: fixed;
    padding: 10px 0;
    animation-duration: .7s;
    background-color: #ff7f00;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out
}

.crm-sticky-menu .crm-logo {
    margin-top: 15px
}

.crm-sticky-menu .crm-main-navigation {
    margin-top: 20px
}

.crm-sticky-menu .crm-main-navigation li a {
    color: #fff
}

.crm-sticky-menu .dropdown:after {
    color: #fff
}

.crm-sticky-menu .crm-header-btn a {
    color: #fff
}

@keyframes UpdownMoving {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes UpdownMoving {
    0% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(-1px)
    }
}

@keyframes UpdownMoving {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(10px)
    }
}

.crm-banner-section {
    margin: 0 auto;
    max-width: 1920px;
    padding: 295px 0 265px
}

.crm-banner-section .crm-b-shape1 {
    z-index: 1
}

.crm-banner-section .crm-b-shape2 {
    z-index: 0
}

.crm-banner-section .crm-b-shape1,.crm-banner-section .crm-b-shape2,.crm-banner-section .crm-b-shape4 {
    top: 0;
    left: 0
}

.crm-banner-section .crm-b-shape3 {
    top: -70px;
    z-index: -1;
    right: -40px
}

.crm-banner-section .crm-banner-vector {
    top: 250px;
    left: 120px;
    animation: UpdownMoving 2s infinite alternate
}

.crm-banner-section .crm-banner-content {
    z-index: 4;
    float: right;
    max-width: 570px
}

.crm-banner-section .crm-banner-content span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #ff7f00;
    padding-bottom: 15px
}

.crm-banner-section .crm-banner-content h1 {
    font-size: 48px;
    font-weight: 600;
    color: #2647c8;
    line-height: 1.208;
    padding-bottom: 20px
}

.crm-banner-section .crm-banner-content p {
    font-size: 18px;
    padding-bottom: 40px
}

.crm-banner-section .crm-banner-content p a {
    font-weight: 700
}

.crm-banner-section .crm-banner-content .crm-banner-subscribe input {
    width: 100%;
    height: 80px;
    border: 0;
    padding-left: 20px;
    background-color: #fff
}

.crm-banner-section .crm-banner-content .crm-banner-subscribe input::placeholder {
    color: #91a6c3
}

.crm-banner-section .crm-banner-content .crm-banner-subscribe button {
    top: 10px;
    right: 10px;
    color: #fff;
    border: 0;
    height: 60px;
    width: 200px;
    font-weight: 600;
    position: absolute;
    background-color: #2647c8
}

.crm-brand-logo-wrap {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 100px
}

.crm-brand-logo-wrap li {
    margin: 0 70px;
    border-radius: 100%;
    box-shadow: 0 30px 60px 0 rgba(2,18,106,.04)
}

.crm-brand-logo-wrap li:nth-child(2) {
    transform: translateY(40px)
}

.crm-brand-logo-wrap li:nth-child(3) {
    transform: translate(50px,-80px)
}

.crm-brand-logo-wrap li:nth-child(4) {
    transform: translate(120px,-120px)
}

.crm-brand-logo-wrap li:nth-child(5) {
    transform: translate(40px,-390px)
}

.crm-about-section {
    padding: 55px 0 70px
}

.crm-about-section .crm-about-text-wrap {
    max-width: 500px
}

.crm-about-section .crm-about-text-wrap .crm-about-subtext {
    font-size: 18px;
    margin-bottom: 40px
}

.crm-about-section .crm-about-text-wrap .mCSB_inside>.mCSB_container,.crm-about-section .crm-about-text-wrap .mCustomScrollBox {
    padding-left: 30px;
    margin-left: -30px;
    margin-right: 0
}

.crm-about-section .crm-about-text-wrap .mCSB_scrollTools {
    right: -30px
}

.crm-about-section .crm-about-item-list {
    height: 330px;
    position: relative
}

.crm-about-section .crm-about-item-list:after {
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 95px;
    position: absolute;
    background: linear-gradient(0,#fff 0,rgba(255,255,255,0) 100%)
}

.crm-about-section .crm-about-list-wrapper .crm-about-serial {
    width: 60px;
    height: 60px;
    font-weight: 600;
    line-height: 60px;
    margin-right: 25px;
    border-radius: 100%;
    font-family: poppins;
    box-shadow: 0 30px 60px 0 rgba(2,18,106,.1)
}

.crm-about-section .crm-about-list-wrapper .crm-about-text {
    overflow: hidden;
    margin-bottom: 35px
}

.crm-about-section .crm-about-list-wrapper .crm-about-text h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px
}

.crm-about-section .crm-about-img {
    animation: UpdownMoving 2s infinite alternate
}

.crm-about-section .crm-about-img img {
    animation: fadeFromRight 1s both 1s
}

.crm-server-section .crm-section-title {
    margin: 0 auto;
    max-width: 530px
}

.crm-server-list-item {
    padding-top: 25px
}

.crm-server-list-item {
    margin: 0 -35px
}

.crm-server-list-item li {
    width: 50%;
    float: left;
    padding: 5px 35px
}

.crm-server-list-item li a {
    z-index: 1;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 20px 30px 18px;
    transition: .3s all ease-in-out
}

.crm-server-list-item li a .crm-server-code {
    color: #ff7f00;
    margin-right: 40px
}

.crm-server-list-item li a .crm-server-text {
    margin-top: 5px;
    font-size: 14px
}

.crm-server-list-item li a:after {
    top: auto;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 0;
    position: absolute;
    transition: .4s all ease-in-out;
    background: linear-gradient(90deg,#ff7300 0,#ffc300 100%)
}

.crm-server-list-item li a:hover {
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(255,120,0,.2)
}

.crm-server-list-item li a:hover .crm-server-code {
    color: #fff
}

.crm-server-list-item li a:hover .crm-server-text {
    color: #fff
}

.crm-server-list-item li a:hover:after {
    top: 0;
    bottom: 0;
    height: 100%
}

.crm-core-feature-section {
    padding: 100px 0 130px
}

.crm-core-feature-box .col-md-6:nth-child(even) {
    transform: translateY(30px)
}

.crm-feature-innerbox {
    padding: 45px 0;
    margin-bottom: 30px;
    transition: .4s all ease-in-out;
    box-shadow: 0 16px 32px 0 rgba(38,71,200,.04)
}

.crm-feature-innerbox .crm-feature-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    line-height: 120px;
    border-radius: 100%;
    margin-bottom: 25px;
    background-color: #2647c8;
    transition: .3s all ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center
}

.crm-feature-innerbox .crm-feature-icon i {
    color: #fff;
    line-height: 1;
    font-size: 45px
}

.crm-feature-innerbox .crm-feature-icon svg {
    width: 45px;
    height: 54px;
    fill: #fff
}

.crm-feature-innerbox:hover .crm-feature-icon svg {
    fill: #2647c8
}

.crm-feature-innerbox .crm-feature-text h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    transition: .3s all ease-in-out
}

.crm-feature-innerbox .crm-feature-text p {
    font-size: 14px;
    transition: .3s all ease-in-out
}

.crm-feature-innerbox:hover {
    background-color: #2647c8
}

.crm-feature-innerbox:hover .crm-feature-icon {
    background-color: #fff
}

.crm-feature-innerbox:hover .crm-feature-icon i {
    color: #2647c8
}

.crm-feature-innerbox:hover .crm-feature-text h3,.crm-feature-innerbox:hover .crm-feature-text p {
    color: #fff
}

.crm-core-feature-text {
    padding: 60px 0 0 40px
}

.crm-core-feature-text .crm-feature-subtext {
    font-size: 18px;
    padding: 15px 0 45px
}

.crm-core-feature-text .crm-feature-subtext a {
    font-weight: 700
}

.crm-core-feature-text .crm-core-feature-list li {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.crm-core-feature-text .crm-core-feature-list i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-right: 18px;
    border-radius: 100%;
    background-color: #f5f7ff
}

.crm-screen-section .crm-section-title {
    margin: 0 auto;
    max-width: 500px
}

.crm-screen-section .crm-screen-slider-wrap {
    margin: 0 auto;
    max-width: 970px;
    margin-top: 45px;
    padding-bottom: 15px
}

.crm-screen-section .crm-screen-slider-wrap .crm-screen-img {
    padding-bottom: 50px
}

.crm-screen-section .crm-screen-slider-wrap .owl-item img {
    width: inherit;
    margin: 0 auto;
    max-width: 100%;
    box-shadow: 0 16px 32px 0 rgba(186,120,33,.1)
}

.crm-screen-section .crm-screen-text {
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    max-width: 600px
}

.crm-call-to-action {
    padding: 25px 0;
    background-color: #2647c8
}

.crm-call-to-action .crm-call-action-text p {
    color: #fff;
    float: left;
    font-size: 14px;
    padding-top: 8px
}

.crm-call-to-action .crm-call-action-text p span {
    font-size: 24px;
    font-weight: 700
}

.crm-call-to-action .crm-call-action-text a {
    color: #fff;
    height: 50px;
    float: right;
    width: 170px;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    background-color: #102fa5
}

.crm-faq-section {
    padding: 100px 0
}

.crm-faq-ques-ans {
    max-width: 500px;
    padding-top: 20px
}

.crm-faq-ques-ans .crm-faq {
    margin-bottom: 15px
}

.crm-faq-ques-ans .crm-faq-body {
    padding: 35px;
    background-color: #f6f8ff
}

.crm-faq-ques-ans .crm-faq-header button {
    width: 100%;
    color: #fff;
    border: 0;
    text-align: left;
    font-weight: 700;
    position: relative;
    padding: 20px 40px;
    background-color: #2647c8;
    transition: .3s all ease-in-out
}

.crm-faq-ques-ans .crm-faq-header button:after {
    top: 28px;
    right: 30px;
    font-size: 18px;
    content: "\f068";
    position: absolute;
    font-family: Font Awesome\ 5 Free
}

.crm-faq-ques-ans .crm-faq-header button.collapsed {
    color: #2647c8;
    background-color: #f6f8ff
}

.crm-faq-ques-ans .crm-faq-header button.collapsed:after {
    top: 20px;
    content: "\f067"
}

.crm-faq-ques-ans .crm-faq-wrapper {
    margin-top: 30px
}

.crm-faq-img {
    z-index: 1;
    animation: UpdownMoving 2s infinite alternate
}

.crm-faq-img img {
    animation: fadeFromRight 1s both 1s
}

.crm-counter-section {
    z-index: 5;
    position: relative;
    padding-bottom: 30px
}

.crm-counter-text-icon:after {
    left: 0;
    top: 15px;
    width: 2px;
    content: "";
    height: 60px;
    position: absolute;
    background-color: #f4f5f6
}

.crm-counter-text-icon .odometer,.crm-counter-text-icon strong {
    line-height: 1;
    font-weight: 600;
    font-size: 50px;
    font-family: poppins
}

.crm-counter-text-icon .odometer {
    line-height: .8;
    font-weight: 600
}

.crm-counter-text-icon strong {
    top: 10px;
    position: relative
}

.crm-counter-text-icon p {
    font-weight: 700;
    padding-top: 5px
}

.crm-counter-wrapper {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 30px 60px 0 rgba(0,51,120,.04)
}

.crm-counter-wrapper .col-lg-3:last-child .crm-counter-text-icon:after {
    display: none
}

.crm-testimonial-section {
    z-index: 1;
    top: -50px;
    padding: 120px 0 45px
}

.crm-testimonial-section .crm-testimonial-bg {
    left: 0;
    right: 0;
    top: 0;
    z-index: -1
}

.crm-testimonial-section .crm-testimonial-area {
    margin: 0 auto;
    max-width: 790px
}

.crm-testimonial-section .crm-testimonial-area .crm-testimonial-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%;
    border: 5px solid #fff;
    box-shadow: 0 16px 32px 0 rgba(0,51,120,.1)
}

.crm-testimonial-section .crm-testimonial-area .crm-testimonial-text {
    margin-top: 30px
}

.crm-testimonial-section .crm-testimonial-area .crm-testimonial-text p {
    font-size: 20px
}

.crm-testimonial-section .crm-testimonial-area .crm-testimonial-text .crm-testi-author {
    margin-top: 20px
}

.crm-testimonial-section .crm-testimonial-area .crm-testimonial-text .crm-testi-author h3 {
    font-size: 24px;
    font-weight: 600
}

.crm-testimonial-section .crm-testimonial-area .crm-testimonial-text .crm-testi-author span {
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(90deg,#ff7300 0,#ffc300 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next {
    top: 52%;
    z-index: 1;
    color: #fff;
    background-color: #2647c8
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev:after,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    transition: .4s all ease-in-out;
    transform: scale(0);
    background: linear-gradient(90deg,#ff7300 0,#ffc300 100%)
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev:hover:after,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next:hover:after {
    transform: scale(1)
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev {
    left: -120px
}

.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next {
    right: -120px
}

.crm-partner-section:after {
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 75px;
    position: absolute;
    background-color: #1332ad
}

.crm-partner-section .crm-partner-wrapper {
    z-index: 5;
    padding: 60px;
    background-color: #fff;
    border-top: 2px solid #2647c8;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
}

.crm-partner-section .crm-partner-slide-area .owl-nav {
    display: none
}

.crm-partner-section .crm-partner-slide-area .crm-partner-img img {
    transition: .3s all ease-in-out;
    filter: grayscale(1)
}

.crm-partner-section .crm-partner-slide-area .crm-partner-img:hover img {
    filter: grayscale(0)
}

.crm-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.crm-mobile_menu_content .crm-mobile-main-navigation {
    width: 100%
}

.crm-mobile_menu_content .crm-mobile-main-navigation .navbar-nav {
    width: 100%
}

.crm-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.crm-mobile_menu_content .crm-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.crm-mobile_menu_content .crm-mobile-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.crm-mobile_menu_content .crm-mobile-main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px;
    text-transform: uppercase
}

.crm-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.crm-mobile_menu_wrap.mobile_menu_on .crm-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.crm-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.crm-mobile_menu_button {
    right: 0;
    top: -36px;
    z-index: 5;
    color: #2647c8;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.crm-mobile_menu .crm-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.crm-mobile_menu .crm-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.crm-mobile_menu .crm-mobile_menu_content .crm-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.crm-mobile_menu .crm-mobile_menu_content .crm-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1
}

.crm-mobile_menu .dropdown {
    position: relative
}

.crm-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.crm-mobile_menu .dropdown .dropdown-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

.crm-mobile_menu .crm-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.crm-footer-section {
    background-color: #1332ad
}

.crm-footer-section .crm-footer-wrapper {
    padding: 100px 0
}

.crm-footer-section .crm-footer-menu-widget {
    float: left;
    width: 33.33%
}

.crm-footer-section .crm-footer-menu-widget .crm-footer-store a {
    display: block;
    margin-bottom: 5px
}

.crm-footer-section .crm-footer-widget {
    color: #bdc4df
}

.crm-footer-section .crm-footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 35px
}

.crm-footer-section .crm-footer-widget .crm-footer-support {
    color: #fff
}

.crm-footer-section .crm-footer-widget .crm-footer-support:before {
    top: -2px;
    width: 1px;
    background-color: #425bbd
}

.crm-footer-section .crm-footer-widget .crm-footer-support a {
    color: #fff
}

.crm-footer-section .crm-footer-widget p {
    max-width: 280px;
    padding-top: 38px
}

.crm-footer-section .crm-footer-widget p a {
    font-weight: 700;
    color: #fff
}

.crm-footer-section .crm-footer-widget .crm-footer-social {
    margin-top: 38px
}

.crm-footer-section .crm-footer-widget .crm-footer-social a {
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    display: inline-block;
    border: 2px solid #2b47b5;
    transition: .3s all ease-in-out
}

.crm-footer-section .crm-footer-widget .crm-footer-social a:hover {
    color: #fff;
    border: 2px solid #fff
}

.crm-footer-section .crm-footer-widget .crm-footer-menu-widget a {
    display: block;
    margin-bottom: 18px;
    transition: .3s all ease-in-out
}

.crm-footer-section .crm-footer-widget .crm-footer-menu-widget a:hover {
    color: #fff
}

.crm-footer-copyright {
    padding: 35px 0 32px;
    background-color: #2647c8
}

@media screen and (min-width: 768px) {
    .crm-footer-copyright .crm-footer-copyright-menu ul {
        display:flex
    }
}

.crm-footer-copyright .crm-footer-copyright-menu a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-right: 70px;
    transition: .3s all ease-in-out
}

.crm-footer-copyright .crm-footer-copyright-menu a:hover {
    color: #000
}

.crm-scrollup {
    right: 0;
    z-index: 5;
    width: 60px;
    height: 60px;
    bottom: -17px;
    line-height: 60px;
    position: absolute;
    background-color: #1332ad
}

.crm-scrollup i {
    color: #fff
}

@media screen and (max-width: 1440px) {
    .crm-banner-section .crm-banner-vector {
        left:-130px
    }

    .crm-brand-logo-wrap li {
        margin: 0 30px
    }

    .crm-brand-logo-wrap {
        padding: 0 15px
    }

    .crm-brand-logo-wrap li:nth-child(4) {
        transform: translate(120px,-150px)
    }

    .crm-brand-logo-wrap li:nth-child(5) {
        transform: translate(70px,-320px)
    }

    .crm-banner-section .crm-banner-content .crm-banner-subscribe input {
        background-color: #f1f1f1
    }
}

@media screen and (max-width: 1300px) {
    .crm-brand-logo-wrap {
        text-align:center
    }

    .crm-brand-logo-wrap li {
        width: 120px;
        height: 120px;
        border-radius: 100%;
        transform: translate(0)!important
    }

    .crm-banner-section {
        padding: 295px 0 200px
    }
}

@media screen and (max-width: 1199px) {
    .crm-banner-section .crm-banner-vector {
        left:-190px
    }
}

@media screen and (max-width: 1024px) {
    .crm-banner-section .crm-banner-vector {
        left:-280px
    }

    .crm-banner-section .crm-banner-content h1 {
        font-size: 40px
    }

    .crm-banner-section .crm-banner-content {
        max-width: 460px
    }

    .crm-banner-section .crm-b-shape3 {
        display: none
    }

    .crm-banner-section .crm-banner-content .crm-banner-subscribe button {
        width: 160px
    }

    .crm-main-header .crm-main-navigation li {
        margin: 0 15px
    }

    .crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev {
        left: -80px
    }

    .crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next {
        right: -80px
    }
}

@media screen and (max-width: 991px) {
    .crm-banner-shape {
        display:none
    }

    .crm-main-menu-item {
        display: none
    }

    .crm-mobile_menu_button {
        display: block
    }

    .crm-banner-section .crm-banner-vector {
        margin-top: 40px;
        text-align: center;
        position: static!important
    }

    .crm-banner-section .crm-banner-content {
        float: none;
        margin: 0 auto;
        max-width: 600px;
        padding: 0 15px;
        text-align: center
    }

    .crm-brand-logo-wrap li {
        margin: 0 5px
    }

    .crm-banner-section {
        background-color: #ffeed8;
        padding: 150px 0 70px
    }

    .crm-brand-logo-section {
        padding: 40px 0
    }

    .crm-main-header {
        padding-top: 20px
    }

    .crm-main-header .crm-logo {
        margin-top: 0
    }

    .crm-main-header.crm-sticky-menu {
        padding-top: 15px
    }

    .crm-logo-1 {
        display: none
    }

    .crm-logo-2 {
        display: block
    }

    .crm-main-header.crm-sticky-menu .crm-logo-2 {
        display: none
    }

    .crm-main-header.crm-sticky-menu .crm-logo-1 {
        display: block
    }

    .crm-main-header.crm-sticky-menu .crm-mobile_menu_button {
        color: #fff
    }

    .crm-about-section .crm-about-text-wrap {
        max-width: 100%;
        margin-bottom: 50px
    }

    .crm-about-img {
        max-width: 570px;
        margin: 0 auto
    }

    .crm-server-list-item li {
        width: 100%
    }

    .crm-faq-ques-ans {
        max-width: 100%;
        margin-bottom: 40px
    }

    .crm-faq-img {
        margin: 0 auto;
        max-width: 570px
    }

    .crm-footer-section .crm-footer-widget {
        margin-bottom: 40px
    }

    .crm-section-title h2 {
        font-size: 30px
    }

    .crm-call-to-action .crm-call-action-text a {
        float: none;
        margin-top: 20px;
        display: inline-block
    }
}

@media screen and (max-width: 780px) {
    .crm-testimonial-section .crm-testimonial-area .owl-nav {
        margin-top:30px;
        text-align: center
    }

    .crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next {
        position: static;
        margin: 0 5px;
        transform: translate(0)
    }
}

@media screen and (max-width: 767px) {
    .crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-prev,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-next {
        position:static;
        margin: 0 5px
    }

    .crm-counter-text-icon {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 570px) {
    .crm-banner-section .crm-banner-content h1 {
        font-size:40px
    }

    .crm-brand-logo-wrap li {
        width: 80px;
        height: 80px
    }

    .crm-brand-logo-section {
        padding: 20px 0
    }

    .crm-about-section {
        padding: 30px 0 40px
    }

    .crm-server-section {
        padding: 50px 0
    }

    .crm-core-feature-text {
        padding: 30px 0 0
    }

    .crm-core-feature-section {
        padding: 50px 0 40px
    }

    .crm-screen-section {
        padding: 50px 0
    }

    .crm-call-to-action .crm-call-action-text a {
        width: 140px
    }

    .crm-faq-section {
        padding: 50px 0
    }

    .crm-counter-text-icon:after {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .crm-banner-section .crm-banner-content h1 {
        font-size:36px
    }

    .crm-banner-section .crm-banner-content .crm-banner-subscribe input {
        height: 60px
    }

    .crm-banner-section .crm-banner-content .crm-banner-subscribe button {
        height: 40px
    }

    .crm-brand-logo-wrap li {
        margin-bottom: 20px
    }

    .crm-footer-section .crm-footer-menu-widget {
        width: 100%;
        margin-bottom: 30px
    }

    .crm-footer-section .crm-footer-wrapper {
        padding: 50px 0
    }

    .crm-footer-copyright .crm-footer-copyright-menu a {
        font-size: 14px;
        margin-right: 5px
    }

    .crm-footer-section .crm-footer-wrapper {
        padding: 50px 0 20px
    }

    .crm-scrollup {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .crm-scrollup i {
        font-size: 14px
    }

    .crm-testimonial-section .crm-testimonial-area .owl-nav .owl-next,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-next,.crm-testimonial-section .crm-testimonial-area .owl-nav .owl-prev,.crm-screen-section .crm-screen-slider-wrap .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .crm-counter-text-icon .odometer,.crm-counter-text-icon strong {
        font-size: 36px
    }
}

@media screen and (max-width: 420px) {
    .crm-banner-section .crm-banner-content h1 {
        font-size:30px
    }

    .crm-section-title h2 {
        font-size: 28px
    }

    .crm-about-section .crm-about-text-wrap .crm-about-subtext {
        font-size: 16px
    }

    .crm-server-list-item li a .crm-server-code {
        margin-right: 10px
    }

    .crm-server-list-item li a .crm-server-text {
        width: 100%;
        display: block;
        float: none!important
    }

    .crm-faq-ques-ans .crm-faq-header button {
        padding: 20px 15px
    }

    .crm-faq-ques-ans .crm-faq-header button:after {
        top: 24px;
        right: 15px;
        font-size: 12px
    }

    .crm-counter-text-icon .odometer,.crm-counter-text-icon strong {
        font-size: 30px
    }

    .crm-counter-text-icon strong {
        top: 5px
    }

    .crm-banner-section .crm-banner-content .crm-banner-subscribe input::placeholder {
        font-size: 12px
    }

    .crm-banner-section .crm-banner-content .crm-banner-subscribe button {
        width: 120px;
        font-size: 12px
    }
}

@media screen and (max-width: 375px) {
    .crm-banner-section .crm-banner-content h1 {
        font-size:28px
    }

    .crm-banner-section .crm-banner-content p {
        font-size: 16px
    }

    .crm-section-title h2 {
        font-size: 26px
    }

    .crm-about-section .crm-about-list-wrapper .crm-about-text h3 {
        font-size: 18px
    }

    .crm-faq-ques-ans .crm-faq-header button {
        font-size: 14px
    }

    .crm-testimonial-section .crm-testimonial-area .crm-testimonial-text p {
        font-size: 16px
    }

    .crm-footer-copyright .crm-footer-copyright-menu a {
        font-weight: 400;
        margin-right: 2px
    }
}

.crm-home.dark-version .crm-banner-section {
    background-color: #050017
}

.smm-footer-section .smm-footer-widget .smm-footer-support {
    font-size: 14px;
    padding-left: 60px
}

.smm-footer-section .smm-footer-widget .smm-footer-support span {
    color: #fff;
    display: block
}

.smm-footer-section .smm-footer-widget .smm-footer-support a {
    color: #fff;
    font-weight: 700
}

.smm-footer-section .smm-footer-widget .smm-footer-support:before {
    top: 10px;
    left: 25px;
    width: 2px;
    content: "";
    height: 40px;
    position: absolute;
    background-color: #fff
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.smm-home {
    margin: 0;
    padding: 0;
    color: #102fa5;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.smm-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.smm-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.smm-home .container {
    max-width: 1200px
}

.smm-home .ul-li ul {
    margin: 0;
    padding: 0
}

.smm-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.smm-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.smm-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#smm-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/pre.svg) no-repeat center center
}

.smm-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.smm-home a {
    color: inherit;
    text-decoration: none
}

.smm-home a:hover,.smm-home a:focus {
    text-decoration: none
}

.smm-home img {
    max-width: 100%;
    height: auto
}

.smm-home section {
    overflow: hidden
}

.smm-home button {
    cursor: pointer
}

.smm-home .form-control:focus,.smm-home button:visited,.smm-home button.active,.smm-home button:hover,.smm-home button:focus,.smm-home input:visited,.smm-home input.active,.smm-home input:hover,.smm-home input:focus,.smm-home textarea:hover,.smm-home textarea:focus,.smm-home a:hover,.smm-home a:focus,.smm-home a:visited,.smm-home a.active,.smm-home select,.smm-home select:hover,.smm-home select:focus,.smm-home select:visited {
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.smm-home .form-control {
    box-shadow: none
}

.smm-home .relative-position {
    position: relative
}

.smm-home .pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.smm-headline h1,.smm-headline h2,.smm-headline h3,.smm-headline h4,.smm-headline h5,.smm-headline h6 {
    margin: 0;
    font-family: poppins
}

.smm-section-title span {
    font-weight: 500;
    color: #ff5722;
    padding: 6px 20px;
    display: inline-block;
    margin-bottom: 15px;
    background-color: #fff4f1
}

.smm-section-title h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.25;
    padding-bottom: 12px
}

.smm-title-subtext {
    font-size: 18px
}

.smm-title-subtext a {
    font-weight: 700
}

.smm-main-header {
    z-index: 99;
    width: 100%;
    padding: 30px 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(29,33,34,.04)
}

.smm-main-header .smm-logo {
    margin-top: 7px;
    padding-right: 50px
}

.smm-main-header .dropdown {
    position: relative
}

.smm-main-header .dropdown:after {
    top: -2px;
    color: #102fa5;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.smm-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #003378;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.smm-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.smm-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.smm-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.smm-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.smm-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #003378;
    color: #fff
}

.smm-main-header .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.smm-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.smm-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.smm-main-header .navbar-nav {
    display: inherit
}

.smm-main-header .smm-main-navigation {
    margin-top: 12px
}

.smm-main-header .smm-main-navigation li {
    margin: 0 32px
}

.smm-main-header .smm-main-navigation li a {
    color: #102fa5;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

.smm-main-header .smm-main-navigation li a:before {
    left: 0;
    right: 0;
    width: 0;
    content: "";
    bottom: 5px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    background-color: #102fa5;
    transition: .5s all ease-in-out
}

.smm-main-header .smm-main-navigation li:hover a:before {
    width: 100%
}

.smm-main-header .smm-header-btn {
    color: #fff;
    height: 50px;
    width: 170px;
    line-height: 50px;
    border-radius: 7px;
    background-color: #102fa5;
    transition: .3s all ease-in-out
}

.smm-main-header .smm-header-btn a {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.smm-main-header .smm-header-btn:hover {
    color: #fff;
    background-color: #000
}

.smm-side-bar-toggle svg {
    width: 24px;
    fill: #fff
}

.smm-side-bar-toggle {
    z-index: 1;
    width: 70px;
    height: 70px;
    right: 240px;
    bottom: -60px;
    cursor: pointer;
    line-height: 75px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #102fa5
}

.smm-side-bar-toggle:before {
    top: 8px;
    left: 8px;
    content: "";
    width: 50px;
    height: 50px;
    z-index: -1;
    position: absolute;
    border-radius: 10px;
    background-color: #ff5722
}

.smm-sticky-menu {
    top: 0;
    position: fixed;
    padding: 10px 0;
    animation-duration: .7s;
    background-color: #fff;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out
}

.smm-sticky-menu .smm-side-bar-toggle {
    display: none
}

.sm-side_inner_content {
    top: 0;
    bottom: 0;
    right: -420px;
    height: 110vh;
    z-index: 101;
    position: fixed;
    width: 400px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s
}

.sm-side_inner_content p {
    text-align: left
}

.sm-side_inner_content .side_inner_logo {
    margin: 30px 0
}

.sm-side_inner_content .side_contact {
    margin-bottom: 30px
}

.sm-side_inner_content .side_contact .social_widget {
    margin-bottom: 40px
}

.sm-side_inner_content .side_contact .social_widget h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .social_widget li {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background-color: #102fa5
}

.sm-side_inner_content .side_contact .social_widget li i {
    font-size: 14px
}

.sm-side_inner_content .side_contact .smm-sidebar-gallary {
    margin-bottom: 25px
}

.sm-side_inner_content .side_contact .smm-sidebar-gallary h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .smm-sidebar-gallary li {
    float: left;
    margin: 5px 3px
}

.sm-side_inner_content .side_copywright {
    font-size: 14px
}

.sm-side_inner_content .close_btn {
    top: 30px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background-color: #f5f5f5;
    transition: .3s all ease-in-out
}

.sm-side_inner_content .close_btn svg {
    width: 14px
}

.sm-side_inner_content .close_btn:hover {
    background-color: #ff5722
}

.sm-side_inner_content .close_btn:hover i {
    color: #fff
}

.smm-sidebar-inner.wide_side_on .sm-side_inner_content {
    right: -15px;
    z-index: 99;
    transition: all .7s
}

.smm-sidebar-inner {
    display: inline-block
}

.smm-sidebar-inner .side_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    z-index: 9;
    height: 110vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,.8);
    transition: all .3s ease-in-out
}

.body_overlay_on {
    overflow: hidden
}

.smm-sidebar-inner.wide_side_on .side_overlay {
    opacity: 1;
    visibility: visible
}

.smm-banner-section {
    background-color: #f7faff
}

.smm-banner-section .smm-banner-wrapper .smm-banner-img {
    top: 200px;
    right: -110px;
    position: absolute;
    animation: zoomIn 1.7s both .3s
}

.smm-banner-section .smm-banner-text-content {
    max-width: 560px;
    padding: 260px 0 215px
}

.smm-banner-section .smm-banner-text-content span {
    font-size: 14px;
    font-weight: 500;
    color: #ff5722;
    padding: 10px 20px;
    background-color: #fff
}

.smm-banner-section .smm-banner-text-content h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    position: relative;
    padding: 20px 0 50px
}

.smm-banner-section .smm-banner-text-content h1 span {
    color: #ff5722
}

.smm-banner-section .smm-banner-text-content a {
    color: #fff;
    width: 100%;
    height: 60px;
    width: 200px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    border-radius: 8px;
    display: inline-block;
    transition: .3s all ease-in-out;
    background-color: #ff5722
}

.smm-banner-section .smm-banner-text-content a:hover {
    background-color: #102fa5
}

.smm-social-section .smm-social-wrapper .smm-social-icon-text {
    padding: 30px 40px 32px;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(125,130,131,.08)
}

.smm-social-section .smm-social-wrapper .smm-social-icon-text .smm-social-icon {
    margin-right: 25px
}

.smm-social-section .smm-social-wrapper .smm-social-icon-text .smm-social-text p {
    font-size: 18px;
    font-weight: 700
}

.smm-social-section .smm-social-wrapper .smm-social-icon-text .smm-social-text span {
    font-size: 18px
}

.smm-about-section {
    padding: 40px 0 100px
}

.smm-about-text-wrap {
    float: right;
    padding-top: 40px;
    max-width: 520px
}

.smm-about-text-wrap .smm-title-subtext {
    padding: 12px 0 35px
}

.smm-about-text-wrap .smm-about-service-list li {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.smm-about-text-wrap .smm-about-service-list li i {
    width: 40px!important;
    height: 40px;
    font-size: 18px;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    color: #ff5722;
    margin-right: 20px;
    background-color: #fff4f1
}

.smm-about-img {
    left: -165px;
    position: absolute
}

.smm-counter-section {
    z-index: 5;
    position: relative
}

.smm-counter-text-icon:after {
    right: 0;
    top: 15px;
    width: 2px;
    content: "";
    height: 60px;
    position: absolute;
    background-color: #7b92d0
}

.smm-counter-text-icon .odometer,.smm-counter-text-icon strong {
    line-height: 1;
    font-weight: 600;
    font-size: 50px;
    color: #fff;
    font-family: poppins
}

.smm-counter-text-icon .odometer {
    line-height: .8;
    font-weight: 600
}

.smm-counter-text-icon strong {
    top: 10px;
    position: relative
}

.smm-counter-text-icon p {
    color: #7b92d0;
    font-weight: 700;
    padding-top: 5px
}

.smm-counter-wrapper {
    padding: 40px;
    border-radius: 10px;
    background-color: #002daa
}

.smm-counter-wrapper .col-lg-3:last-child .smm-counter-text-icon:after {
    display: none
}

.smm-feature-section {
    padding: 100px 0 70px;
    background-color: #f7faff
}

.smm-feature-section .smm-feature-wrapper {
    margin-top: 35px
}

.smm-feature-innerbox {
    padding: 40px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.smm-feature-innerbox:after {
    left: 0;
    right: 0;
    width: 0;
    bottom: 0;
    height: 4px;
    content: "";
    margin: 0 auto;
    position: absolute;
    background-color: #ff5722;
    transition: .4s all ease-in-out
}

.smm-feature-innerbox .smm-feature-icon {
    margin-right: 25px
}

.smm-feature-innerbox .smm-feature-icon i {
    font-size: 60px;
    line-height: 1
}

.smm-feature-innerbox h3 {
    font-size: 20px;
    margin-top: 5px;
    max-width: 160px;
    font-weight: 600;
    display: inline-block
}

.smm-feature-innerbox .smm-feature-text {
    width: 100%;
    margin-top: 15px;
    display: inline-block
}

.smm-feature-innerbox:hover {
    box-shadow: 0 16px 32px 0 rgba(0,45,170,.04)
}

.smm-feature-innerbox:hover:after {
    width: 100%
}

.smm-team-section {
    padding: 100px 0
}

.smm-team-member-wrapper {
    margin-top: 40px
}

.smm-team-innerbox {
    border-radius: 10px;
    padding: 40px 0 38px;
    background-color: #f7faff;
    transition: .4s all ease-in-out
}

.smm-team-innerbox .smm-team-img {
    margin-bottom: 22px
}

.smm-team-innerbox .smm-team-img:before {
    bottom: 0;
    width: 40px;
    right: 65px;
    content: "+";
    height: 40px;
    font-size: 24px;
    position: absolute;
    border-radius: 100%;
    background-color: #fff
}

.smm-team-innerbox .smm-team-img img {
    width: 180px;
    height: 180px;
    border-radius: 100%
}

.smm-team-innerbox .smm-team-img .smm-member-social {
    top: -50px;
    right: 5px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: .4s all ease-in-out
}

.smm-team-innerbox .smm-team-img .smm-member-social a {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 8px;
    border-radius: 100%;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.smm-team-innerbox .smm-team-img .smm-member-social a:hover {
    color: #fff;
    background-color: #ff5722
}

.smm-team-innerbox .smm-team-img .smm-member-social a i {
    line-height: 40px
}

.smm-team-innerbox .smm-team-img .smm-member-social a:nth-child(3) {
    transform: translate(5px,-5px)
}

.smm-team-innerbox .smm-team-img .smm-member-social a:nth-child(2) {
    transform: translate(-25px,0)
}

.smm-team-innerbox .smm-team-img .smm-member-social a:nth-child(1) {
    transform: translate(-70px,25px)
}

.smm-team-innerbox .smm-team-img.social-show:before {
    content: "-"
}

.smm-team-innerbox .smm-team-img.social-show .smm-member-social {
    opacity: 1;
    right: 35px;
    visibility: visible
}

.smm-team-innerbox .smm-team-text span {
    font-size: 14px;
    font-weight: 700;
    color: #ff5722
}

.smm-team-innerbox .smm-team-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-top: 10px;
    transition: .3s all ease-in-out
}

.smm-team-innerbox:hover {
    background-color: #102fa5
}

.smm-team-innerbox:hover .smm-team-text h3 {
    color: #fff
}

.smm-skill-section {
    padding: 0 0 80px;
    background-color: #102fa5
}

.smm-skill-section .smm-skill-section-wrapper {
    margin: 0 auto;
    max-width: 1920px;
    padding-top: 100px
}

.smm-skill-section .smm-skill-img {
    top: 0;
    left: 0;
    width: 50%;
    position: absolute
}

.smm-skill-section .smm-skill-img img {
    height: 100%
}

.smm-skill-section .smm-skill-img .smm-skill-play {
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translateY(-50%)
}

.smm-skill-section .smm-skill-img .smm-skill-play a {
    font-size: 100px;
    color: #fff
}

.smm-skill-section .smm-skill-img .smm-skill-play a svg {
    width: 100px;
    fill: #fff
}

.smm-skill-wrapper {
    float: right;
    max-width: 500px
}

.smm-skill-wrapper .skill-progress-bar {
    margin-top: 55px
}

.smm-skill-wrapper .smm-section-title span {
    background-color: #ffffff1a
}

.smm-skill-wrapper .smm-section-title h2 {
    color: #fff
}

.smm-skill-wrapper .skill-set-percent {
    margin-top: 25px
}

.smm-skill-wrapper .skill-set-percent h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 8px
}

.smm-skill-wrapper .skill-set-percent .progress {
    height: 4px;
    border-radius: 0;
    position: relative;
    overflow: visible;
    background-color: #203fb3
}

.smm-skill-wrapper .skill-set-percent .progress span {
    top: -40px;
    right: 40px;
    color: #fff;
    height: 20px;
    width: 40px;
    text-align: center;
    font-weight: 700;
    position: relative;
    background-color: #021e8b
}

.smm-skill-wrapper .skill-set-percent .progress span:before {
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 0;
    bottom: -7px;
    border-top: 7px solid #021e8b;
    border-left: 5px solid transparent
}

.smm-skill-wrapper .skill-set-percent .progress-bar {
    width: 0;
    top: 0;
    float: left;
    height: 100%;
    position: relative;
    background-color: #fff;
    transition: 1s all ease-in-out
}

.smm-case-study-section {
    padding: 100px 0
}

.smm-case-study-wrapper {
    margin-top: 20px
}

.smm-case-tab {
    padding: 35px 0;
    margin-bottom: 40px;
    box-shadow: 0 16px 32px 0 rgba(0,45,170,.04)
}

.smm-case-tab .nav-gallery li {
    padding: 0;
    border: 0;
    font-weight: 700;
    margin: 0 28px;
    cursor: pointer;
    position: relative
}

.smm-case-tab .nav-gallery li:after {
    left: 0;
    right: 0;
    content: "";
    width: 5px;
    opacity: 0;
    height: 5px;
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    border-radius: 100%;
    background-color: #ff5722;
    transition: .3s all ease-in-out
}

.smm-case-tab .nav-gallery li.active {
    color: #ff5722
}

.smm-case-tab .nav-gallery li.active:after {
    opacity: 1;
    bottom: -10px
}

.smm-case-innerbox {
    overflow: hidden;
    border-radius: 10px
}

.smm-case-innerbox:before {
    content: "";
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    transition: .3s all ease-in-out;
    background-color: rgba(16,45,162,.85)
}

.smm-case-innerbox .smm-case-text {
    top: 0;
    left: 40px;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    position: absolute;
    transition: .4s all ease-in-out
}

.smm-case-innerbox .smm-case-text h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 18px
}

.smm-case-innerbox .smm-case-text p {
    color: #b1bbe1;
    max-width: 285px
}

.smm-case-innerbox .smm-case-popup {
    z-index: 1;
    left: 40px;
    width: 60px;
    bottom: 40px;
    opacity: 0;
    height: 60px;
    border-radius: 8px;
    position: absolute;
    text-align: center;
    transform: scale(0);
    background-color: #ff5722;
    transition: .4s all ease-in-out
}

.smm-case-innerbox .smm-case-popup a svg {
    fill: #fff;
    width: 22px;
    padding-top: 18px
}

.smm-case-innerbox.smm-filter-overlay-control:before {
    content: none
}

.smm-case-innerbox.smm-filter-overlay-control .smm-case-popup,.smm-case-innerbox.smm-filter-overlay-control .smm-case-text {
    display: none
}

.smm-case-innerbox .smm-case-popup a {
    color: #fff;
    width: 100%;
    display: block
}

.smm-case-innerbox .smm-case-popup a i {
    line-height: 60px
}

.smm-case-innerbox:hover:before {
    opacity: 1
}

.smm-case-innerbox:hover .smm-case-text {
    top: 40px;
    opacity: 1;
    visibility: visible
}

.smm-case-innerbox:hover .smm-case-popup {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.smm-testimonial-section {
    padding: 100px 0
}

.smm-testimonial-wrap {
    margin: 0 auto;
    max-width: 1045px
}

.smm-testimonial-wrap .smm-testimonial-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 35px;
    border-radius: 100%;
    border: 5px solid #ff5722;
    box-shadow: 0 16px 32px 0 rgba(0,51,120,.1)
}

.smm-testimonial-wrap .smm-testimonial-text p {
    color: #b9c3e9;
    margin: 0 auto;
    font-size: 20px;
    max-width: 780px;
    padding-bottom: 20px
}

.smm-testimonial-wrap .smm-testimonial-text .smm-testi-author h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600
}

.smm-testimonial-wrap .smm-testimonial-text .smm-testi-author span {
    font-size: 14px;
    font-weight: 700;
    color: #ff5722
}

.smm-testimonial-wrapper .owl-nav .owl-next,.smm-testimonial-wrapper .owl-nav .owl-prev {
    top: 50%;
    color: #fff;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    display: inline-block;
    background-color: #0c2895;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.smm-testimonial-wrapper .owl-nav .owl-next i,.smm-testimonial-wrapper .owl-nav .owl-prev i {
    line-height: 60px
}

.smm-testimonial-wrapper .owl-nav .owl-next:hover,.smm-testimonial-wrapper .owl-nav .owl-prev:hover {
    color: #fff;
    background-color: #ff5722
}

.smm-testimonial-wrapper .owl-nav .owl-next {
    right: 0
}

.smm-testimonial-wrapper .owl-dots {
    margin-top: 20px;
    text-align: center
}

.smm-testimonial-wrapper .owl-dots .owl-dot {
    height: 4px;
    width: 20px;
    margin: 0 4px;
    cursor: pointer;
    display: inline-block;
    background-color: #001565;
    transition: .3s all ease-in-out
}

.smm-testimonial-wrapper .owl-dots .owl-dot.active {
    background-color: #ff5722
}

.smm-blog-section {
    padding: 100px 0 0
}

.smm-blog-section .smm-blog-wrapper {
    margin-top: 28px
}

.smm-blog-img-text {
    transition: .3s all ease-in-out
}

.smm-blog-img-text .smm-blog-img {
    overflow: hidden;
    position: relative
}

.smm-blog-img-text .smm-blog-img img {
    transition: .5s all ease-in-out
}

.smm-blog-img-text .smm-blog-img:before {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    content: "";
    opacity: 0;
    height: 100%;
    position: absolute;
    background-color: #102fa5;
    transition: .3s all ease-in-out
}

.smm-blog-img-text .smm-blog-text {
    padding: 38px 40px;
    border: 2px solid #f8f8f8
}

.smm-blog-img-text .smm-blog-text .smm-blog-tag {
    font-size: 14px;
    font-weight: 700;
    color: #ff5722
}

.smm-blog-img-text .smm-blog-text h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 10px 0 25px;
    border-bottom: 2px solid #f8f8f8
}

.smm-blog-img-text .smm-blog-text .smm-date-meta {
    font-size: 14px;
    font-weight: 500
}

.smm-blog-img-text .smm-blog-text .smm-date-meta i {
    margin-right: 5px;
    color: #ff5722
}

.smm-blog-img-text .smm-blog-text .smm-blog-more {
    font-size: 14px;
    font-weight: 700;
    color: #ff5722;
    transition: .3s all ease-in-out
}

.smm-blog-img-text .smm-blog-text .smm-blog-more:hover {
    color: #102fa5
}

.smm-blog-img-text:hover {
    box-shadow: 0 8px 16px 0 rgba(16,47,165,.04)
}

.smm-blog-img-text:hover .smm-blog-img:before {
    opacity: .8
}

.smm-blog-img-text:hover .smm-blog-img img {
    transform: scale(1.1)
}

.smm-partner-section {
    bottom: -100px
}

.smm-partner-section .smm-partner-wrapper {
    z-index: 5;
    padding: 60px;
    background-color: #fff;
    border-top: 2px solid #102fa5;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
}

.smm-partner-section .smm-partner-slider .owl-nav {
    display: none
}

.smm-partner-section .smm-partner-slider .smm-partner-img img {
    transition: .3s all ease-in-out;
    filter: grayscale(1)
}

.smm-partner-section .smm-partner-slider .smm-partner-img:hover img {
    filter: grayscale(0)
}

.smm-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 310px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 20px 35px 35px;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.smm-mobile_menu_content .smm-mobile-main-navigation {
    width: 100%
}

.smm-mobile_menu_content .smm-mobile-main-navigation .navbar-nav {
    width: 100%
}

.smm-mobile_menu_content .dropdown:after {
    display: none
}

.smm-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.smm-mobile_menu_content .smm-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out
}

.smm-mobile_menu_content .smm-mobile-main-navigation .navbar-nav li a {
    padding: 0;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 30px 10px 0;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.smm-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.smm-mobile_menu_wrap.mobile_menu_on .smm-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.smm-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.smm-mobile_menu_button {
    right: 0;
    top: -36px;
    z-index: 5;
    color: #102fa5;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.smm-mobile_menu .smm-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.smm-mobile_menu .smm-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.smm-mobile_menu .smm-mobile_menu_content .smm-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%
}

.smm-mobile_menu .smm-mobile_menu_content .smm-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1
}

.smm-mobile_menu .smm-mobile_menu_content .smm-mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
    color: #ff5722;
    background-color: transparent
}

.smm-mobile_menu .dropdown {
    position: relative
}

.smm-mobile_menu .dropdown .dropdown-btn {
    color: #9397a7;
    position: absolute;
    top: 3px;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.smm-mobile_menu .dropdown .dropdown-btn.toggle-open {
    transform: rotate(90deg)
}

.smm-mobile_menu .smm-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.smm-footer-section .smm-footer-wrapper {
    padding: 200px 0 100px
}

.smm-footer-section .smm-footer-menu-widget {
    float: left;
    width: 33.33%
}

.smm-footer-section .smm-footer-menu-widget .smm-footer-store a {
    display: block;
    margin-bottom: 5px
}

.smm-footer-section .smm-footer-widget {
    color: #bdc4df
}

.smm-footer-section .smm-footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 35px
}

.smm-footer-section .smm-footer-widget .smm-footer-support {
    color: #fff
}

.smm-footer-section .smm-footer-widget .smm-footer-support:before {
    top: -2px;
    width: 1px;
    background-color: #425bbd
}

.smm-footer-section .smm-footer-widget .smm-footer-support a {
    color: #fff
}

.smm-footer-section .smm-footer-widget p {
    max-width: 280px;
    padding-top: 38px
}

.smm-footer-section .smm-footer-widget p a {
    font-weight: 700;
    color: #fff
}

.smm-footer-section .smm-footer-widget .smm-footer-social {
    margin-top: 38px
}

.smm-footer-section .smm-footer-widget .smm-footer-social a {
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    display: inline-block;
    border: 2px solid #2b47b5;
    transition: .3s all ease-in-out
}

.smm-footer-section .smm-footer-widget .smm-footer-social a:hover {
    color: #fff;
    border: 2px solid #fff
}

.smm-footer-section .smm-footer-widget .smm-footer-menu-widget a {
    display: block;
    margin-bottom: 18px;
    transition: .3s all ease-in-out
}

.smm-footer-section .smm-footer-widget .smm-footer-menu-widget a:hover {
    color: #fff
}

.smm-footer-section .smm-footer-widget .footer-blog-img-text {
    margin-bottom: 20px;
    display: inline-block
}

.smm-footer-section .smm-footer-widget .footer-blog-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 10px
}

.smm-footer-section .smm-footer-widget .footer-blog-text .smm-date-meta,.smm-home .rpwwt-post-date {
    color: #bdc4df;
    font-size: 12px;
    font-weight: 500;
    padding-left: 80px
}

.smm-footer-section .smm-footer-widget .footer-blog-text .smm-date-meta i {
    color: #ff5722;
    margin-right: 5px
}

.smm-footer-section .smm-footer-widget .footer-blog-text h3,.smm-home .rpwwt-post-title {
    color: #fff;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600
}

.smm-home .rpwwt-post-date:before {
    content: "\f073";
    font-family: 'font awesome 5 free';
    color: #ff5722;
    margin-right: 5px
}

.smm-home .rpwwt-widget li a {
    margin-bottom: 5px!important
}

.smm-home .rpwwt-widget ul li {
    margin-bottom: 5px
}

.smm-footer-copyright {
    padding: 35px 0 32px;
    background-color: #0a2697
}

.smm-footer-copyright ul {
    display: flex
}

.smm-footer-copyright .smm-footer-copyright-menu a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-right: 70px;
    transition: .3s all ease-in-out
}

.smm-footer-copyright .smm-footer-copyright-menu a:hover {
    color: #000
}

.smm-scrollup {
    right: 0;
    z-index: 5;
    width: 60px;
    height: 60px;
    bottom: -17px;
    line-height: 60px;
    position: absolute;
    background-color: #1332ad
}

.smm-scrollup i {
    color: #fff
}

.smm-home.dark-version {
    color: #d8d8d8
}

.smm-home.dark-version .smm-banner-section,.smm-home.dark-version .smm-team-section,.smm-home.dark-version .smm-case-study-section,.smm-home.dark-version .smm-blog-section,.smm-home.dark-version .smm-partner-section,.smm-home.dark-version .smm-sidebar-inner.wide_side_on .sm-side_inner_content,.smm-home.dark-version .smm-footer-section {
    background-color: #000
}

.smm-home.dark-version .smm-main-header,.smm-home.dark-version .smm-counter-section,.smm-home.dark-version .smm-feature-section {
    background-color: #121212
}

.smm-home.dark-version .smm-team-innerbox {
    background-color: #212121
}

.smm-home.dark-version .smm-social-section {
    position: relative
}

.smm-home.dark-version .smm-social-section:after {
    width: 100%;
    bottom: -60px;
    content: "";
    position: absolute;
    height: 120px;
    z-index: -1;
    background-color: #121212
}

.smm-home.dark-version .smm-main-header .smm-main-navigation li a,.smm-home.dark-version .smm-main-header .dropdown:after,.smm-home.dark-version .smm-social-section .smm-social-wrapper .smm-social-icon-text .smm-social-text span,.smm-home.dark-version .smm-social-section .smm-social-wrapper .smm-social-icon-text .smm-social-text p {
    color: #d8d8d8
}

.smm-home.dark-version .smm-banner-section .smm-banner-text-content span {
    background-color: #232323
}

.smm-home.dark-version .smm-social-section .smm-social-wrapper .smm-social-icon-text,.smm-home.dark-version .smm-about-section {
    background-color: #121212
}

.smm-home.dark-version .smm-section-title span,.smm-home.dark-version .smm-about-text-wrap .smm-about-service-list li i {
    background-color: #232323
}

.smm-home.dark-version .smm-main-header .dropdown .dropdown-menu {
    background-color: #121212
}

.smm-home.dark-version .smm-main-header .dropdown .dropdown-menu li {
    border-bottom: 1px solid #404040
}

.smm-home.dark-version .smm-counter-section:after {
    background-color: #121212;
    position: relative
}

.smm-home.dark-version .smm-counter-section:after:after {
    width: 100%;
    bottom: -80px;
    content: "";
    z-index: -1;
    height: 120px;
    position: absolute;
    background-color: #121212
}

.smm-home.dark-version .smm-counter-wrapper {
    background-color: #272727
}

.smm-home.dark-version .smm-blog-section {
    padding-bottom: 100px
}

.smm-home.dark-version .smm-feature-innerbox {
    background-color: #000
}

.smm-home.dark-version .smm-team-innerbox .smm-team-img:before,.smm-home.dark-version .smm-team-innerbox .smm-team-img .smm-member-social a {
    background-color: #4e4e4e
}

.smm-home.dark-version .smm-skill-section {
    background-color: #272727
}

.smm-home.dark-version .nav-tabs .nav-item.show .nav-link,.smm-home.dark-version .nav-tabs .nav-link.active {
    background-color: transparent
}

.smm-home.dark-version .smm-blog-img-text .smm-blog-text {
    border: 2px solid #232323
}

.smm-home.dark-version .smm-partner-section {
    bottom: 0
}

@media screen and (max-width: 1024px) {
    .smm-main-header .smm-main-navigation li {
        margin:0 15px
    }

    .smm-banner-section .smm-banner-wrapper .smm-banner-img {
        right: -275px
    }

    .smm-about-img {
        left: -330px
    }

    .smm-team-innerbox .smm-team-img.social-show .smm-member-social {
        right: 10px
    }

    .smm-team-innerbox .smm-team-img:before {
        right: 40px
    }

    .smm-skill-section .smm-skill-img {
        left: -40px
    }

    .smm-footer-section .smm-footer-menu-widget {
        width: 29.33%
    }
}

@media screen and (max-width: 1024px) {
    .smm-main-header {
        padding:20px 0
    }

    .smm-side-bar-toggle {
        height: 50px;
        width: 50px;
        line-height: 45px;
        bottom: -45px
    }

    .smm-side-bar-toggle:before {
        top: 6px;
        left: 6px;
        width: 35px;
        height: 35px
    }

    .smm-side-bar-toggle i {
        font-size: 18px
    }

    .smm-side-bar-toggle svg {
        width: 18px
    }
}

@media screen and (max-width: 991px) {
    .smm-main-menu-item {
        display:none
    }

    .smm-side-bar-toggle {
        display: none
    }

    .smm-mobile_menu_button {
        display: block
    }

    .smm-banner-section .smm-banner-wrapper .smm-banner-img {
        position: static
    }

    .smm-banner-section {
        padding-bottom: 100px
    }

    .smm-banner-section .smm-banner-text-content {
        max-width: 560px;
        padding: 260px 0 50px
    }

    .smm-about-img {
        position: static
    }

    .smm-about-text-wrap {
        float: none
    }

    .smm-counter-text-icon {
        margin-bottom: 20px
    }

    .smm-counter-text-icon:after {
        display: none
    }

    .smm-team-innerbox {
        max-width: 270px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .smm-skill-section .smm-skill-img {
        left: 0;
        right: 0;
        width: 100%;
        position: relative;
        text-align: center
    }

    .smm-skill-section .smm-skill-img img {
        height: auto
    }

    .smm-skill-wrapper {
        float: none;
        margin-top: 40px
    }

    .smm-footer-section .smm-footer-widget {
        margin-top: 30px
    }

    .smm-team-innerbox .smm-team-img.social-show .smm-member-social {
        right: 35px
    }

    .smm-team-innerbox .smm-team-img:before {
        right: 65px
    }
}

@media screen and (max-width: 767px) {
    .smm-case-innerbox {
        margin:0 auto;
        max-width: 370px;
        margin-bottom: 30px
    }

    .smm-case-tab .nav-tabs .nav-link {
        margin: 0 5px
    }

    .smm-testimonial-wrapper .owl-nav {
        text-align: center;
        margin-top: 50px
    }

    .smm-testimonial-wrapper .owl-dots {
        display: none
    }

    .smm-testimonial-wrapper .owl-nav .owl-next,.smm-testimonial-wrapper .owl-nav .owl-prev {
        position: static;
        height: 40px;
        width: 40px;
        transform: translate(0)
    }

    .smm-testimonial-wrapper .owl-nav .owl-next i,.smm-testimonial-wrapper .owl-nav .owl-prev i {
        line-height: 40px
    }

    .smm-blog-img-text {
        margin: 0 auto;
        max-width: 370px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 680px) {
    .smm-footer-section .smm-footer-menu-widget {
        width:100%;
        margin-bottom: 30px
    }

    .smm-footer-section .smm-footer-widget .footer-blog-img-text {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .smm-banner-section .smm-banner-text-content h1 {
        font-size:30px;
        padding: 20px 0
    }

    .smm-banner-section .smm-banner-text-content {
        padding: 170px 0 50px
    }

    .smm-banner-section .smm-banner-text-content a {
        height: 50px;
        width: 145px;
        line-height: 50px
    }

    .smm-section-title h2 {
        font-size: 26px
    }

    .smm-about-text-wrap .smm-about-service-list li {
        font-size: 16px
    }

    .smm-social-section {
        top: 0;
        padding-top: 40px
    }

    .smm-counter-text-icon .odometer,.smm-counter-text-icon strong {
        font-size: 30px
    }

    .smm-counter-text-icon strong {
        top: 5px
    }

    .smm-case-tab .nav-tabs .nav-link:after {
        display: none
    }

    .smm-testimonial-wrap .smm-testimonial-text p {
        font-size: 18px
    }

    .smm-testimonial-wrap .smm-testimonial-text .smm-testi-author h3 {
        font-size: 20px
    }

    .smm-about-section {
        padding: 40px 0
    }

    .smm-feature-section {
        padding: 50px 0 20px
    }

    .smm-feature-section .smm-feature-wrapper {
        margin-top: 20px
    }

    .smm-case-study-section {
        padding: 50px 0
    }

    .smm-case-tab {
        padding: 15px 0;
        margin-bottom: 20px
    }

    .smm-testimonial-section {
        padding: 50px 0
    }

    .smm-blog-section {
        padding: 50px 0 0
    }

    .smm-footer-section .smm-footer-wrapper {
        padding: 135px 0 50px
    }

    .smm-footer-copyright .smm-footer-copyright-menu a {
        margin-right: 5px;
        font-size: 12px;
        font-weight: 400
    }

    .smm-scrollup {
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    .smm-team-section {
        padding: 50px 0 30px
    }
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support {
    font-size: 14px;
    padding-left: 60px
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support span {
    color: #6c8493;
    display: block
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support a {
    color: #fff;
    font-weight: 700
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support:before {
    top: 10px;
    left: 25px;
    width: 2px;
    content: "";
    height: 40px;
    position: absolute;
    background-color: #fff
}

.soft-m-footer-contact a:after,.soft-c-btn:after,.soft-footer-btn:after {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 0;
    position: absolute;
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%)
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.soft-m-home {
    margin: 0;
    padding: 0;
    color: #6c8493;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.soft-m-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.soft-m-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.soft-m-home .container {
    max-width: 1200px
}

.soft-m-home .ul-li ul {
    margin: 0;
    padding: 0
}

.soft-m-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.ul-li-block ul {
    margin: 0;
    padding: 0
}

.soft-m-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#soft-m-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/software/pre.svg) no-repeat center center
}

.soft-m-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.soft-m-home a {
    color: inherit;
    text-decoration: none
}

.soft-m-home a:hover,.soft-m-home a:focus {
    text-decoration: none
}

.soft-m-home img {
    max-width: 100%;
    height: auto
}

.soft-m-home section {
    overflow: hidden
}

.soft-m-home button {
    cursor: pointer
}

.soft-m-home .form-control:focus,.soft-m-home button:visited,.soft-m-home button.active,.soft-m-home button:hover,.soft-m-home button:focus,.soft-m-home input:visited,.soft-m-home input.active,.soft-m-home input:hover,.soft-m-home input:focus,.soft-m-home textarea:hover,.soft-m-home textarea:focus,.soft-m-home a:hover,.soft-m-home a:focus,.soft-m-home a:visited,.soft-m-home a.active,.soft-m-home select,.soft-m-home select:hover,.soft-m-home select:focus,.soft-m-home select:visited {
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.soft-m-home .form-control {
    box-shadow: none
}

.soft-m-home .pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.soft-m-headline h1,.soft-m-headline h2,.soft-m-headline h3,.soft-m-headline h4,.soft-m-headline h5,.soft-m-headline h6 {
    margin: 0;
    font-family: poppins
}

.soft-m-section-title span {
    color: #1970cc;
    font-size: 18px;
    font-weight: 500
}

.soft-m-section-title h2 {
    color: #102465;
    font-size: 60px;
    font-weight: 600
}

.soft-m-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background: linear-gradient(-90deg,#102465 0,#00acf0 100%)
}

.soft-m-scrollup i {
    color: #fff;
    font-size: 20px
}

.soft-m-main-header {
    z-index: 99;
    width: 100%;
    padding: 35px 0;
    position: absolute
}

.soft-m-main-header .container {
    max-width: 1390px
}

.soft-m-main-header .soft-m-logo {
    padding-right: 50px
}

.soft-m-main-header .dropdown {
    position: relative
}

.soft-m-main-header .dropdown:after {
    top: -2px;
    color: #fff;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.soft-m-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #003378;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.soft-m-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.soft-m-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.soft-m-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.soft-m-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.soft-m-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #003378;
    color: #fff
}

.soft-m-main-header .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.soft-m-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.soft-m-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.soft-m-main-header .navbar-nav {
    display: inherit
}

.soft-m-main-header .soft-m-main-navigation {
    margin-top: 12px
}

.soft-m-main-header .soft-m-main-navigation li {
    margin: 0 32px
}

.soft-m-main-header .soft-m-main-navigation li a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

.soft-m-main-header .soft-m-main-navigation li a:before {
    left: 0;
    right: 0;
    width: 0;
    content: "";
    bottom: 5px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    background-color: #fff;
    transition: .5s all ease-in-out
}

.soft-m-main-header .soft-m-main-navigation li:hover a:before {
    width: 100%
}

.soft-m-main-header .soft-m-header-btn {
    color: #fff;
    height: 50px;
    width: 175px;
    line-height: 50px;
    margin-left: 30px;
    border-radius: 40px;
    border: 2px solid #33c1f6;
    transition: .3s all ease-in-out
}

.soft-m-main-header .soft-m-header-btn a {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.soft-m-main-header .soft-m-header-btn:hover {
    color: #fff;
    border: 2px solid #000;
    background-color: #000
}

.soft-m-main-header .soft-m-side-bar-toggle {
    z-index: 1;
    width: 50px;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    margin-left: 15px;
    background-color: #102465
}

.soft-m-main-header .soft-m-side-bar-toggle i {
    color: #fff;
    font-size: 25px
}

.soft-m-sticky-menu {
    top: 0;
    position: fixed;
    padding: 10px 0;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out;
    background: linear-gradient(-90deg,#102465 0,#00acf0 100%)
}

.soft-m-sticky-menu .soft-m-side-bar-toggle {
    display: none
}

.soft-m-sticky-menu .soft-m-logo,.soft-m-sticky-menu .soft-m-language {
    margin-top: 5px
}

.sm-side_inner_content {
    top: 0;
    bottom: 0;
    right: -420px;
    height: 110vh;
    z-index: 101;
    position: fixed;
    width: 400px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s
}

.sm-side_inner_content p {
    text-align: left
}

.sm-side_inner_content .side_inner_logo {
    margin: 30px 0
}

.sm-side_inner_content .side_contact {
    margin-bottom: 30px
}

.sm-side_inner_content .side_contact .social_widget {
    margin-bottom: 40px
}

.sm-side_inner_content .side_contact .social_widget h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .social_widget li {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background-color: #6c8493
}

.sm-side_inner_content .side_contact .social_widget li i {
    font-size: 14px
}

.sm-side_inner_content .side_contact .soft-m-sidebar-gallary {
    margin-bottom: 25px
}

.sm-side_inner_content .side_contact .soft-m-sidebar-gallary h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .soft-m-sidebar-gallary li {
    float: left;
    margin: 5px 3px
}

.sm-side_inner_content .side_copywright {
    font-size: 14px
}

.sm-side_inner_content .close_btn {
    top: 30px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background-color: #f5f5f5;
    transition: .3s all ease-in-out
}

.sm-side_inner_content .close_btn i {
    font-size: 14px
}

.sm-side_inner_content .close_btn:hover {
    background-color: #0257c8
}

.sm-side_inner_content .close_btn:hover i {
    color: #fff
}

.soft-m-sidebar-inner.wide_side_on .sm-side_inner_content {
    right: -15px;
    z-index: 99;
    transition: all .7s
}

.soft-m-sidebar-inner {
    display: inline-block
}

.soft-m-sidebar-inner .side_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    z-index: 9;
    height: 110vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,.8);
    transition: all .3s ease-in-out
}

.body_overlay_on {
    overflow: hidden
}

.soft-m-sidebar-inner.wide_side_on .side_overlay {
    opacity: 1;
    visibility: visible
}

.soft-m-language {
    float: left;
    position: relative
}

.soft-m-language:after {
    top: 9px;
    right: 15px;
    color: #fff;
    font-size: 12px;
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "font awesome 5 free"
}

.soft-m-language select {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 28px 7px 20px;
    border-radius: 30px;
    border: 1px solid #33a5e4;
    background-color: transparent;
    -webkit-appearance: none
}

.soft-m-language select:hover {
    color: #fff
}

.soft-m-language option {
    background-color: #102465
}

.soft-m-banner-section {
    z-index: 1;
    padding: 270px 0 200px
}

.soft-m-banner-section .container {
    max-width: 1390px
}

.soft-m-banner-content {
    z-index: 2;
    max-width: 680px;
    position: relative
}

.soft-m-banner-content span {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.soft-m-banner-content h1 {
    color: #fff;
    line-height: 1;
    font-size: 100px;
    font-weight: 600;
    padding-top: 20px
}

.soft-m-banner-subscribe-form {
    margin-top: 18px
}

.soft-m-banner-subscribe-form button {
    color: #fff;
    float: left;
    height: 60px;
    width: 200px;
    border: 0;
    font-weight: 700;
    margin-right: 20px;
    border-radius: 30px;
    background-color: #102465;
    transition: .3s all ease-in-out
}

.soft-m-banner-subscribe-form button:hover {
    background-color: #000
}

.soft-m-banner-subscribe-form .soft-m-moto {
    padding-top: 10px
}

.soft-m-moto span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.soft-m-subs {
    margin-bottom: 15px
}

.soft-m-subs input {
    width: 100%;
    height: 60px;
    border: 0;
    max-width: 550px;
    padding-left: 75px;
    border-radius: 40px;
    background-color: #fff
}

.soft-m-subs input::placeholder {
    color: #b9bfd5
}

.soft-m-subs:after {
    top: 18px;
    left: 40px;
    color: #009fe7;
    content: "ïƒ ";
    font-weight: 900;
    position: absolute;
    font-family: "font awesome 5 free"
}

.soft-m-feature-section {
    padding: 80px 0 60px
}

.soft-m-feature-section .soft-m-feature-content {
    padding-top: 60px
}

.soft-m-feature-inner {
    padding-left: 40px;
    margin-bottom: 40px;
    transition: .3s all ease-in-out
}

.soft-m-feature-inner .soft-m-inner-icon {
    left: 0;
    top: 30px;
    z-index: 1;
    position: absolute;
    transition: .3s all ease-in-out;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.1))
}

.soft-m-feature-inner .soft-m-feature-icon {
    width: 85px;
    height: 95px;
    line-height: 100px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    -webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)
}

.soft-m-feature-inner .soft-m-feature-icon:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    opacity: 0;
    height: 100%;
    position: absolute;
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%)
}

strong.soft-f-process {
    background-color: #0257c8;
    padding: 3px 5px;
    border-radius: 100%
}

.elementor-icon.elementor-divider__element {
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04)
}

.soft-m-feature-inner .soft-m-feature-icon i {
    font-size: 26px;
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.soft-m-feature-inner .soft-m-feature-box {
    position: relative;
    border: 2px solid #f1f1f1;
    padding: 35px 40px 35px 70px;
    transition: .3s all ease-in-out
}

.soft-m-feature-inner .soft-m-feature-box:after {
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    width: 3px;
    height: 0;
    position: absolute;
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%)
}

.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text h3 {
    color: #102465;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px
}

.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text h3 span {
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    background-color: #00a8ff
}

.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text p {
    color: #6c8493;
    padding-bottom: 10px
}

.soft-m-feature-inner .soft-m-feature-box .soft-m-feature-text .soft-f-more {
    bottom: 35px;
    font-size: 14px;
    opacity: 0;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.soft-m-feature-inner:hover {
    margin-bottom: 10px
}

.soft-m-feature-inner:hover .soft-m-inner-icon {
    top: 50%;
    transform: translateY(-50%)
}

.soft-m-feature-inner:hover .soft-m-feature-box {
    padding: 35px 40px 60px 70px;
    box-shadow: 0 8px 16px 0 rgba(15,42,107,.06)
}

.soft-m-feature-inner:hover .soft-m-feature-box:after {
    height: 100%
}

.soft-m-feature-inner:hover .soft-m-feature-text .soft-f-more {
    opacity: 1
}

.soft-m-feature-inner:hover .soft-m-feature-icon i {
    background: linear-gradient(90deg,#fff 0,#fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.soft-m-feature-inner:hover .soft-m-feature-icon:after {
    opacity: 1
}

.soft-m-feature-process-section {
    padding: 100px 0
}

.soft-ft-process-right-text {
    padding-left: 50px
}

.soft-ft-process-left-text {
    padding-right: 50px
}

.soft-m-ft-process-text .soft-m-section-title {
    padding-bottom: 25px
}

.soft-m-ft-process-text .soft-m-section-title h2 {
    font-size: 46px;
    padding-top: 8px
}

.soft-m-ft-process-text .soft-m-section-title .soft-ft-tag {
    color: #1970cc;
    font-size: 18px;
    font-weight: 500;
    display: inline-block
}

.soft-m-ft-process-text .soft-m-section-title .soft-ft-process-serial {
    top: 0;
    right: -95px;
    width: 25px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    background-color: #0257c8
}

.soft-m-ft-process-text .soft-m-section-title .soft-ft-process-serial:after {
    top: 14px;
    left: -58px;
    content: "";
    width: 60px;
    height: 2px;
    position: absolute;
    background-color: #0257c8
}

.soft-m-ft-process-text .soft-m-feature-details {
    line-height: 1.75
}

.soft-m-ft-devider {
    margin: 40px 0 100px;
    border-bottom: 2px solid #f3f3f3
}

.soft-m-ft-devider i {
    top: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04)
}

.soft-m-partner-section {
    padding: 100px 0;
    background-color: #f1f9fc
}

.soft-m-partner-content {
    margin-top: 20px
}

.soft-m-partner-content li {
    margin: 32px 35px
}

.soft-m-partner-content li img {
    filter: grayscale(1);
    transition: .3s all ease-in-out
}

.soft-m-partner-content li img:hover {
    filter: grayscale(0)
}

.soft-m-partner-btn {
    height: 60px;
    width: 230px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 60px;
    border-radius: 40px;
    transition: all .2s linear 0ms;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%);
    background-size: 300%,1px
}

.soft-m-partner-btn:hover {
    background-position: 100%
}

.soft-m-partner-btn a {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 500;
    transition: .3s all ease-in-out
}

.soft-m-newslatter-section {
    z-index: 1
}

.soft-m-newslatter-section:after {
    left: -60px;
    bottom: -79px;
    z-index: -1;
    content: "";
    width: 120%;
    height: 170px;
    position: absolute;
    transform: rotate(3deg);
    background: linear-gradient(90deg,#0054c4 0,#227df8 100%)
}

.soft-m-newslatter-content {
    background: #fff;
    padding: 55px 65px;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04)
}

.soft-m-newslatter-content:after {
    top: 0;
    right: 0;
    content: "";
    z-index: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/software/screen/np1.png)
}

.soft-m-newslatter-content .soft-m-newslatter-text h3 {
    color: #102465;
    font-size: 36px;
    font-weight: 600
}

.soft-m-subs {
    z-index: 1
}

.soft-m-subs input {
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04)
}

.soft-m-subs button {
    top: 0;
    right: 0;
    color: #fff;
    height: 60px;
    width: 180px;
    border: 0;
    font-weight: 700;
    position: absolute;
    border-radius: 40px;
    transition: all .2s linear 0ms;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%);
    background-size: 3 0,1px
}

.soft-m-subs button:hover {
    background-position: 100%
}

.soft-m-intregration-section {
    padding-top: 100px;
    background: linear-gradient(90deg,#0054c4 0,#227df8 100%)
}

.soft-m-intregration-section .soft-m-section-title span,.soft-m-intregration-section .soft-m-section-title h2 {
    color: #fff
}

.soft-m-intregration-section .soft-m-intregration-content {
    padding-top: 25px
}

.soft-m-intre-innerbox {
    z-index: 1;
    padding: 35px;
    position: relative
}

.soft-m-intre-innerbox:after {
    bottom: 65px;
    left: 0;
    z-index: -1;
    height: 0;
    width: 100%;
    content: "";
    position: absolute;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.soft-m-intre-innerbox .soft-m-intre-img {
    margin-bottom: 35px
}

.soft-m-intre-innerbox .soft-m-intre-text h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
    transition: .4s all ease-in-out
}

.soft-m-intre-innerbox .soft-m-intre-text p {
    color: #d8d8d8;
    padding-bottom: 35px;
    transition: .4s all ease-in-out
}

.soft-m-intre-innerbox .soft-m-intre-text .soft-in-more {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    border: 2px solid #397dd9;
    transition: .3s all ease-in-out
}

.soft-m-intre-innerbox .soft-m-intre-text .soft-in-more i {
    color: #fff
}

.soft-m-intre-innerbox:hover:after {
    height: 60%
}

.soft-m-intre-innerbox:hover .soft-m-intre-text h3 {
    color: #102465
}

.soft-m-intre-innerbox:hover .soft-m-intre-text p {
    color: #6c8493
}

.soft-m-intre-innerbox:hover .soft-in-more {
    border: 2px solid #004198;
    background-color: #004198
}

.soft-intre-bottom-img {
    position: relative;
    top: -100px;
    margin-bottom: -100px
}

.soft-m-platform-section {
    padding: 100px 0
}

.soft-m-logo-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    line-height: 120px;
    margin-bottom: 55px;
    border-radius: 100%;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.06)
}

.soft-m-logo-icon:before {
    top: -25px;
    left: -25px;
    content: "";
    width: 170px;
    height: 170px;
    position: absolute;
    border-radius: 100%;
    border: 3px solid #f8f8f8
}

.soft-m-download-btn {
    margin-top: 30px
}

.soft-m-download-btn a {
    margin: 0 2px
}

.soft-m-platform-screen {
    margin: 0 auto;
    max-width: 1520px;
    padding: 115px 0 100px
}

.soft-m-platform-screen li img {
    box-shadow: 0 8px 16px 0 rgba(15,42,107,.06)
}

.soft-m-platform-screen li:nth-child(1) {
    float: left
}

.soft-m-platform-screen li:nth-child(3) {
    float: right
}

.soft-m-platform-screen li:nth-child(2) {
    left: 0;
    right: 0;
    top: 75px;
    position: absolute
}

.soft-m-blog-section {
    padding: 30px 0 70px
}

.soft-m-blog-content {
    padding-top: 60px
}

.soft-m-blog-img-text {
    transition: .4s all ease-in-out
}

.soft-m-blog-img-text .soft-m-blog-img .soft-m-blog-date {
    right: 30px;
    bottom: -40px;
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 20px;
    background-color: #fff;
    transition: .4s all ease-in-out;
    box-shadow: 0 16px 32px 0 rgba(94,94,94,.06)
}

.soft-m-blog-img-text .soft-m-blog-img .soft-m-blog-date a {
    line-height: 1;
    color: #102465;
    font-size: 40px;
    font-weight: 600;
    padding-top: 13px;
    display: inline-block;
    font-family: poppins;
    transition: .3s all ease-in-out
}

.soft-m-blog-img-text .soft-m-blog-img .soft-m-blog-date a span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    font-family: roboto
}

.soft-m-blog-img-text .soft-m-blog-text {
    padding: 35px;
    border: 2px solid #eee;
    transition: .3s all ease-in-out
}

.soft-m-blog-img-text .soft-m-blog-text .soft-meta-cat {
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(90deg,#102465 0,#00acf0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.soft-m-blog-img-text .soft-m-blog-text h3 {
    color: #102465;
    font-size: 24px;
    font-weight: 600;
    padding: 8px 0 20px
}

.soft-m-blog-img-text .soft-m-blog-text .soft-b-author {
    width: 60%
}

.soft-m-blog-img-text .soft-m-blog-text .soft-b-author .soft-b-author-img {
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

.soft-m-blog-img-text .soft-m-blog-text .soft-b-author .soft-b-author-name {
    padding-top: 8px
}

.soft-m-blog-img-text .soft-m-blog-text .soft-b-author .soft-b-author-name h4 {
    color: #102465;
    font-size: 16px;
    font-weight: 600
}

.soft-m-blog-img-text .soft-m-blog-text .soft-b-more {
    padding-top: 8px
}

.soft-m-blog-img-text .soft-m-blog-text .soft-b-more a {
    color: #aeb4c6;
    font-size: 14px;
    font-weight: 700
}

.soft-m-blog-img-text:hover {
    box-shadow: 0 16px 32px 0 rgba(94,94,94,.06)
}

.soft-m-blog-img-text:hover .soft-m-blog-text {
    border: 2px solid #fff
}

.soft-m-blog-img-text:hover .soft-m-blog-date {
    color: #fff;
    box-shadow: 0 16px 32px 0 rgba(25,112,204,.16);
    background-color: #0257c8
}

.soft-m-blog-img-text:hover .soft-m-blog-date a {
    color: #fff
}

.soft-m-call-action-section {
    padding: 100px 0 60px
}

.soft-m-call-action-section:before {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    background-color: #f1f9fc
}

.soft-m-call-action-section .soft-m-section-title h2 {
    font-size: 48px
}

.soft-call-icon-text {
    padding: 45px 40px;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(25,112,204,.06)
}

.soft-call-icon-text .soft-call-icon {
    margin-bottom: 38px
}

.soft-call-icon-text .soft-call-icon span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #0257c8;
    padding-bottom: 24px
}

.soft-c-btn,.soft-footer-btn {
    height: 60px;
    width: 170px;
    color: #102465;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 2px solid #f0f0f0
}

.soft-c-btn i,.soft-footer-btn i {
    padding-right: 5px
}

.soft-c-btn a,.soft-footer-btn a {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out
}

.soft-c-btn:hover a,.soft-footer-btn:hover a {
    color: #fff
}

.soft-c-btn:hover:after,.soft-footer-btn:hover:after {
    height: 100%
}

.soft-m-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 310px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 20px 35px 35px;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.soft-m-mobile_menu_content .soft-m-mobile-main-navigation {
    width: 100%
}

.soft-m-mobile_menu_content .soft-m-mobile-main-navigation .navbar-nav {
    width: 100%
}

.soft-m-mobile_menu_content .dropdown:after {
    display: none
}

.soft-m-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.soft-m-mobile_menu_content .soft-m-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out
}

.soft-m-mobile_menu_content .soft-m-mobile-main-navigation .navbar-nav li a {
    padding: 0;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 30px 10px 0;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.soft-m-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.soft-m-mobile_menu_wrap.mobile_menu_on .soft-m-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.soft-m-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.soft-m-mobile_menu_button {
    right: 0;
    top: -42px;
    z-index: 5;
    color: #fff;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.soft-m-mobile_menu .soft-m-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.soft-m-mobile_menu .soft-m-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.soft-m-mobile_menu .soft-m-mobile_menu_content .soft-m-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%
}

.soft-m-mobile_menu .soft-m-mobile_menu_content .soft-m-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1
}

.soft-m-mobile_menu .soft-m-mobile_menu_content .soft-m-mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
    color: #0257c8;
    background-color: transparent
}

.soft-m-mobile_menu .dropdown {
    position: relative
}

.soft-m-mobile_menu .dropdown .dropdown-btn {
    color: #9397a7;
    position: absolute;
    top: 3px;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.soft-m-mobile_menu .dropdown .dropdown-btn.toggle-open {
    transform: rotate(90deg)
}

.soft-m-mobile_menu .soft-m-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.soft-m-footer-top-content {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 2px solid #f1f1f1
}

.soft-m-footer-contact span {
    color: #102465;
    font-size: 18px;
    font-weight: 700;
    margin-right: 40px
}

.soft-m-footer-contact a {
    width: 60px;
    height: 60px;
    color: #102465;
    margin-right: 8px;
    line-height: 60px;
    text-align: center;
    z-index: 1;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    background-color: #f1f9fc;
    transition: .3s all ease-in-out
}

.soft-m-footer-contact a:visited {
    color: #102465
}

.soft-m-footer-contact a:after {
    height: 100%;
    transform: scale(0);
    border-radius: 100%
}

.soft-m-footer-contact a:hover {
    color: #fff
}

.soft-m-footer-contact a:hover:after {
    transform: scale(1)
}

.soft-m-footer-top-menu {
    float: right;
    padding-top: 20px
}

.soft-m-footer-top-menu li {
    margin-left: 50px
}

.soft-m-footer-top-menu li a:visited {
    color: #102465
}

.soft-m-footer-top-menu li a {
    color: #102465;
    font-weight: 700;
    transition: .3s all ease-in-out
}

.soft-m-footer-top-menu li a:hover {
    color: #0257c8
}

.soft-m-footer-section {
    padding-bottom: 50px
}

.soft-m-footer-section .soft-footer-btn {
    margin: 0;
    margin-top: 30px
}

.soft-m-footer-section .soft-footer-btn a {
    color: #fff
}

.soft-m-footer-section .soft-footer-btn:after {
    height: 100%
}

.soft-m-footer-section .soft-m-footer-menu-widget {
    float: left;
    width: 33.33%
}

.soft-m-footer-section .soft-m-footer-menu-widget .soft-m-footer-store a {
    display: block;
    margin-bottom: 5px
}

.soft-m-footer-section .soft-m-footer-widget {
    color: #bdc4df
}

.soft-m-footer-section .soft-m-footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #003378;
    padding-bottom: 35px
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support {
    color: #6c8493
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support:before {
    top: -2px;
    width: 1px;
    background-color: #f1f1f1
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-support a {
    color: #003378
}

.soft-m-footer-section .soft-m-footer-widget p {
    color: #6c8493;
    max-width: 280px;
    padding-top: 38px
}

.soft-m-footer-section .soft-m-footer-widget p a {
    font-weight: 700;
    color: #003378
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-menu-widget a {
    display: block;
    margin-bottom: 18px;
    color: #6c8493;
    transition: .3s all ease-in-out
}

.soft-m-footer-section .soft-m-footer-widget .soft-m-footer-menu-widget a:hover {
    color: #0257c8
}

@media screen and (max-width: 5200px) {
    .soft-m-newslatter-section:after {
        display:none
    }
}

@media screen and (max-width: 2000px) {
    .soft-m-newslatter-section:after {
        display:block
    }
}

@media screen and (max-width: 1300px) {
    .soft-m-platform-screen li:nth-child(3) {
        right:0;
        top: 120px;
        z-index: -1;
        position: absolute
    }
}

@media screen and (max-width: 1199px) {
    .soft-m-main-header .soft-m-main-navigation li {
        margin:0 15px
    }
}

@media screen and (max-width: 1024px) {
    .soft-m-banner-content h1 {
        font-size:75px
    }

    .soft-m-language {
        display: none
    }

    .soft-m-blog-img-text .soft-m-blog-text {
        padding: 35px 20px
    }
}

@media screen and (max-width: 991px) {
    .soft-m-banner-section {
        padding:235px 0 160px
    }

    .soft-m-banner-content h1 {
        font-size: 65px
    }

    .soft-m-ft-process-img {
        margin-bottom: 50px
    }

    .soft-ft-process-left-text {
        margin-bottom: 50px
    }

    .soft-m-platform-screen li {
        margin-bottom: 40px
    }

    .soft-m-platform-screen li:nth-child(2),.soft-m-platform-screen li:nth-child(3),.soft-m-platform-screen li:nth-child(1) {
        position: static;
        text-align: center;
        float: none
    }

    .soft-ft-process-right-text {
        padding-left: 0
    }

    .soft-m-blog-img-text {
        margin: 0 auto;
        max-width: 370px;
        margin-bottom: 40px
    }

    .soft-m-call-action-content {
        margin-top: 30px
    }

    .soft-m-footer-top-menu {
        float: none
    }

    .soft-m-footer-top-menu li {
        margin-left: 0;
        margin-right: 50px
    }

    .soft-m-footer-section .soft-m-footer-menu-widget {
        margin-top: 40px
    }

    .soft-m-main-header .soft-m-side-bar-toggle {
        display: none
    }

    .soft-m-main-header .soft-m-header-btn {
        width: 140px;
        margin-left: 0;
        margin-right: 55px
    }

    .soft-m-main-header .soft-m-main-navigation {
        display: none
    }

    .soft-m-mobile_menu_button {
        display: block
    }

    .soft-m-newslatter-content .soft-m-newslatter-text h3 {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 570px) {
    .soft-m-footer-section .soft-m-footer-menu-widget {
        width:100%
    }
}

@media screen and (max-width: 480px) {
    .soft-m-banner-content h1 {
        font-size:45px
    }

    .soft-m-main-header .soft-m-header-btn {
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-right: 45px
    }

    .soft-m-main-header .soft-m-logo {
        padding-right: 20px
    }

    .soft-m-mobile_menu_button {
        top: -38px
    }

    .soft-m-banner-subscribe-form button {
        height: 50px;
        width: 160px;
        line-height: 50px
    }

    .soft-m-section-title h2 {
        font-size: 36px
    }

    .soft-m-ft-process-text .soft-m-section-title h2 {
        font-size: 32px
    }

    .soft-m-subs button {
        position: static
    }

    .soft-m-newslatter-content {
        padding: 30px 15px
    }

    .soft-m-subs button {
        width: 160px;
        height: 50px;
        line-height: 50px;
        margin-top: 10px
    }

    .soft-m-newslatter-content .soft-m-newslatter-text h3 {
        font-size: 24px
    }

    .soft-m-call-action-section .soft-m-section-title h2 {
        font-size: 34px
    }

    .soft-call-icon-text {
        margin-bottom: 30px
    }

    .soft-m-footer-contact span {
        margin-right: 20px;
        font-size: 16px
    }

    .soft-m-footer-contact a {
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    .soft-m-footer-top-menu li {
        margin-right: 10px
    }

    .soft-m-banner-section {
        padding: 210px 0 150px
    }

    .soft-m-sticky-menu .soft-m-mobile_menu_button {
        top: -40px
    }

    .soft-m-feature-section {
        padding: 50px 0 35px
    }

    .soft-m-partner-section {
        padding: 60px 0
    }

    .soft-m-partner-content {
        margin-top: 0
    }

    .soft-m-partner-content li {
        margin: 20px;
        width: 200px
    }

    .soft-m-ft-devider {
        margin: 15px 0 65px
    }

    .soft-m-newslatter-section:after {
        display: none
    }

    .soft-m-newslatter-content:after {
        width: 100%
    }

    .soft-m-logo-icon {
        height: 100px;
        width: 100px
    }

    .soft-m-logo-icon:before {
        top: -35px;
        left: -35px
    }

    .soft-m-platform-section {
        padding: 80px 0 30px
    }

    .soft-m-platform-screen {
        padding: 50px 0 0
    }

    .soft-m-blog-content {
        padding-top: 40px
    }

    .soft-intre-bottom-img {
        display: none
    }
}

@media screen and (max-width: 320px) {
    .soft-m-main-header .soft-m-header-btn {
        display:none
    }

    .soft-m-banner-content h1 {
        font-size: 36px
    }
}

.cyb-banner-feature-innerbox {
    padding: 20px 20px 22px;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.cyb-banner-feature-innerbox .cyb-banner-feature-icon-text {
    transition: .3s all ease-in-out
}

.cyb-banner-feature-innerbox .cyb-banner-feature-icon-text .cyb-banner-feature-icon {
    line-height: 1
}

.cyb-banner-feature-innerbox .cyb-banner-feature-icon-text .cyb-banner-feature-icon svg {
    height: 45px;
    fill: #ff2c9c
}

.cyb-banner-feature-innerbox .cyb-banner-feature-icon-text .cyb-banner-feature-icon i {
    font-size: 45px;
    color: #ff2c9c
}

.cyb-banner-feature-innerbox .cyb-banner-feature-icon-text .cyb-banner-feature-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.cyb-banner-feature-innerbox .cyb-banner-feature-hover-content {
    top: 30px;
    left: 10px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    transition: .3s all ease-in-out
}

.cyb-banner-feature-innerbox .cyb-banner-feature-hover-content .cyb-banner-feature-hover-icon {
    float: left;
    margin-right: 5px
}

.cyb-banner-feature-innerbox .cyb-banner-feature-hover-content .cyb-banner-feature-hover-icon svg {
    fill: #fff;
    height: 45px
}

.cyb-banner-feature-innerbox .cyb-banner-feature-hover-content .cyb-banner-feature-hover-icon i {
    color: #fff;
    font-size: 45px
}

.cyb-banner-feature-innerbox .cyb-banner-feature-hover-content .cyb-banner-feature-hover-text {
    padding-top: 10px
}

.cyb-banner-feature-innerbox .cyb-banner-feature-hover-content .cyb-banner-feature-hover-text h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.cyb-banner-feature-innerbox .cyb-banner-feature-more {
    right: 10px;
    bottom: 10px;
    position: absolute
}

.cyb-banner-feature-innerbox .cyb-banner-feature-more a {
    color: #fff
}

.cyb-banner-feature-innerbox:hover {
    background-color: #8c18d8;
    transform: translateY(-15px)
}

.cyb-banner-feature-innerbox:hover .cyb-banner-feature-icon-text {
    opacity: 0;
    visibility: hidden
}

.cyb-banner-feature-innerbox:hover .cyb-banner-feature-hover-content {
    opacity: 1;
    visibility: visible
}

.cyb-service-section .cyb-service-content {
    padding-top: 55px
}

.cyb-service-innerbox {
    padding: 20px 20px 25px;
    position: relative;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.cyb-service-innerbox:before {
    left: 0;
    bottom: 0;
    height: 5px;
    width: 0;
    content: "";
    right: 0;
    margin: 0 auto;
    position: absolute;
    background-color: #ff2c9c;
    transition: .5s all ease-in-out
}

.cyb-service-innerbox .cyb-service-icon svg {
    height: 57px
}

.cyb-service-innerbox .cyb-service-icon i {
    font-size: 57px
}

.cyb-service-innerbox .cyb-service-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 8px
}

.cyb-service-innerbox .cyb-service-text p {
    color: #666;
    padding-bottom: 20px
}

.cyb-service-innerbox .cyb-service-text .cyb-feature-more {
    width: 100px;
    height: 38px;
    display: block;
    font-size: 15px;
    line-height: 34px;
    font-weight: 700;
    font-family: poppins;
    border: 2px solid #ff2c9c;
    transition: .3s all ease-in-out
}

.cyb-service-innerbox .cyb-service-text .cyb-feature-more i {
    font-size: 14px
}

.cyb-service-innerbox .cyb-service-text .cyb-feature-more:hover {
    border: 2px solid #9d3ade;
    background-color: #9d3ade;
    color: #fff
}

.cyb-service-innerbox:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 40px 0 rgba(22,0,37,.15)
}

.cyb-service-innerbox:hover:before {
    width: 100%
}

.cyb-testimonial-section .cyb-testimonial-content {
    padding-top: 50px
}

.cyb-testimonial-img-text {
    padding: 25px 30px 45px;
    background-color: #fff;
    transition: .3s all ease-in-out;
    box-shadow: 0 11px 40px 0 rgba(22,0,37,.09)
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-img {
    margin-right: 35px;
    margin-bottom: 20px
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-img img {
    width: 95px;
    height: 95px;
    border-radius: 100%
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-img .testimonial-from {
    top: 25px;
    width: 40px;
    right: -20px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    background-color: #fff;
    color: #0a8cfd
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-img .testimonial-from img {
    width: 22px;
    height: 22px;
    display: inline;
    border-radius: 0
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-auhtor-name {
    padding-top: 25px
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-auhtor-name h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 3px
}

.cyb-testimonial-img-text .cyb-testimonial-img-author .cyb-testimonial-auhtor-name span {
    color: #383838;
    font-size: 15px
}

.cyb-testimonial-img-text .cyb-testimonial-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px
}

.cyb-testimonial-img-text .cyb-testimonial-text p {
    color: #666
}

.cyb-testimonial-img-text:hover {
    box-shadow: 0 25px 40px 0 rgba(22,0,37,.15)
}

.cyb-testimonial-slider .owl-nav {
    display: none
}

.cyb-testimonial-slider .owl-stage-outer {
    overflow: visible
}

.cyb-testimonial-slider .owl-item {
    opacity: 0;
    transition: opacity .5s
}

.cyb-testimonial-slider .owl-item.active {
    opacity: 1
}

.cyb-testimonial-slider .owl-dots {
    margin-top: 35px;
    text-align: center
}

.cyb-testimonial-slider .owl-dots .owl-dot {
    width: 140px;
    height: 18px;
    cursor: pointer;
    border-radius: 40px;
    display: inline-block;
    background-color: #ececed;
    transition: .3s all ease-in-out
}

.cyb-testimonial-slider .owl-dots .owl-dot.active {
    width: 140px;
    background-color: #ff2c9c
}

.cyb-pricing-section .cyb-pricing-content {
    padding-top: 50px
}

.cyb-pricing_item {
    margin: 0 auto;
    overflow: hidden;
    max-width: 330px;
    padding: 30px 0 5px;
    transition: .4s all ease-in-out;
    box-shadow: 0 11px 40px 0 rgba(22,0,37,.05)
}

.cyb-pricing_item .cyb-pricing_price {
    z-index: 1;
    margin-bottom: 10px
}

.cyb-pricing_item .cyb-pricing_price .pricing_icon svg {
    fill: #000;
    width: 40px;
    height: 40px
}

.cyb-pricing_item .cyb-pricing_price .cyb-pricing_text {
    color: #000;
    font-family: poppins
}

.cyb-pricing_item .cyb-pricing_price .cyb-pricing_text span {
    display: block;
    color: #ff2c9c;
    font-size: 20px;
    font-weight: 600
}

.cyb-pricing_item .cyb-pricing_price .cyb-pricing_text strong {
    font-size: 50px;
    line-height: 1;
    font-weight: 700
}

.cyb-pricing_item .cyb-pricing_list li {
    border-bottom: 1px solid #e6e8e9;
    padding: 18px 25px 16px 45px;
    font-family: poppins;
    font-weight: 500;
    font-size: 14px
}

.cyb-pricing_item .cyb-pricing_list li:last-child {
    border: 0;
    padding-bottom: 0
}

.cyb-pricing_item .cyb-pricing_list .pt-checked:before {
    color: #fff;
    padding: 4px;
    font-size: 12px;
    content: "\f00c";
    font-weight: 900;
    text-align: center;
    font-family: "font awesome 5 free";
    margin-right: 10px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 6px 18px 0 rgba(0,197,0,.5);
    background-color: #36e636
}

.cyb-pricing_item .cyb-pricing_list .pt-unchecked:before {
    color: #fff;
    padding: 4px 6px;
    font-size: 12px;
    content: "\f00d";
    font-weight: 900;
    text-align: center;
    font-family: "font awesome 5 free";
    margin-right: 10px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 6px 18px 0 rgba(0,197,0,.5);
    background-color: #f5494c
}

.cyb-pricing_item .cyb-pricing_btn {
    margin-top: 8px;
    padding: 25px 0;
    text-align: center
}

.cyb-pricing_item .cyb-pricing_btn a {
    height: 48px;
    width: 160px;
    color: #010101;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    margin-right: 20px;
    font-family: poppins;
    display: inline-block;
    border: 2px solid #9d3ade;
    transition: .3s all ease-in-out
}

.cyb-pricing_item .cyb-pricing_btn a i {
    font-size: 20px;
    margin-right: 8px
}

.cyb-pricing_item .cyb-pricing_btn a:hover {
    color: #fff;
    background-color: #9d3ade
}

.cyb-pricing_item:hover {
    box-shadow: 0 25px 40px 0 rgba(22,0,37,.15)
}

.cyb-subscribe-form {
    margin: 0 auto;
    max-width: 660px;
    margin-top: 25px
}

.cyb-subscribe-form input {
    width: 100%;
    height: 60px;
    border: 0;
    max-width: 490px;
    border-radius: 4px;
    padding-left: 20px;
    background: #242424
}

.cyb-subscribe-form button {
    color: #fff;
    height: 60px;
    width: 150px;
    border: 0;
    float: right;
    font-weight: 700;
    background-color: #ff2c9c;
    transition: .3s all ease-in-out
}

.cyb-subscribe-form button:hover {
    background-color: #9d3ade
}

.em-video-testimonial-section {
    padding: 140px 0
}

.em-video-wrap {
    border-radius: 5px;
    overflow: hidden
}

.em-video-wrap:before {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.5)
}

.em-video-wrap .em-video-play-btn {
    top: 50%;
    left: 0;
    right: 0;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    line-height: 85px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.em-video-wrap .em-video-play-btn i {
    color: #01e07b
}

.em-video-wrap .em-video-play-btn a {
    width: 100%;
    display: block
}

.em-video-wrap .em-video-play-btn:hover {
    transform: translateY(-50%) scale(1.1)
}

.em-testimonial-warp {
    padding: 0 70px
}

.em-testimonial-img-text:before {
    content: '"';
    top: 0;
    left: 0;
    line-height: 1;
    color: #f0f0f0;
    font-weight: 700;
    font-size: 100px;
    position: absolute;
    font-family: poppins
}

.em-testimonial-img-text .em-testimonial-img {
    z-index: 1;
    width: 100px;
    height: 100px;
    bottom: 20px;
    margin: 0 auto;
    border-radius: 100%
}

.em-testimonial-img-text .em-testimonial-img:before {
    top: 6px;
    left: 2px;
    z-index: -1;
    width: 95px;
    content: "";
    height: 95px;
    border-radius: 100%;
    position: absolute;
    background-color: #01e07b
}

.em-testimonial-img-text .em-testimonial-img img {
    width: 95px;
    height: 95px;
    border-radius: 100%
}

.em-testimonial-img-text .em-testimonial-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 12px
}

.em-testimonial-img-text .em-testimonial-text p {
    color: #666;
    font-size: 18px;
    line-height: 1.667;
    padding-bottom: 14px
}

.em-testimonial-img-text .em-testimonial-text ul li {
    color: #fc0;
    margin: 0 2px
}

.em-testimonial-img-text .em-testimonial-text .em-testimonial-author {
    margin-top: 10px
}

.em-testimonial-img-text .em-testimonial-text .em-testimonial-author h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

.em-testimonial-img-text .em-testimonial-text .em-testimonial-author span {
    color: #383838
}

.em-testimonial-slider .owl-nav {
    display: none
}

.em-testimonial-slider .owl-stage-outer {
    padding-top: 20px
}

.em-testimonial-slider .owl-dots {
    right: 0;
    bottom: 0;
    position: absolute
}

.em-testimonial-slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin-bottom: 7px;
    border-radius: 100%;
    cursor: pointer;
    background-color: #e5e5e5;
    transition: .3s all ease-in-out
}

.em-testimonial-slider .owl-dots .owl-dot.active {
    background-color: #01e07b;
    transform: scale(1.3)
}

.em-workflow-section .em-workflow-content {
    padding-top: 50px
}

.em-workflow-section .em-workflow-content .em-workflow-btn {
    height: 40px;
    width: 155px;
    font-size: 15px;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 40px;
    border-radius: 4px;
    font-family: poppins;
    background-color: #01e07b;
    transition: .3s all ease-in-out
}

.em-workflow-section .em-workflow-content .em-workflow-btn a {
    width: 100%;
    color: #fff;
    display: block;
    font-weight: 700
}

.em-workflow-section .em-workflow-content .em-workflow-btn:hover {
    background-color: #000
}

.em-workflow-icon-text {
    margin-bottom: 45px;
    background-color: #fff;
    padding: 35px 32px;
    transition: .3s all ease-in-out
}

.em-workflow-icon-text .em-workflow-icon {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    padding-top: 15px;
    border-radius: 100%;
    margin-bottom: 15px;
    background-color: #dcf5ea
}

.em-workflow-icon-text .em-workflow-icon svg {
    height: 50px;
    fill: #000
}

.em-workflow-icon-text .em-workflow-icon i {
    font-size: 50px;
    color: #000
}

.em-workflow-icon-text .em-workflow-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px
}

.em-workflow-icon-text .em-workflow-text p {
    font-size: 15px;
    color: #595959
}

.em-workflow-icon-text .em-workflow-hover {
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
    bottom: 35px;
    margin: 0 auto;
    line-height: 40px;
    visibility: hidden;
    line-height: 40px;
    position: absolute;
    border-radius: 100%;
    background-color: #01e07b;
    transition: .3s all ease-in-out
}

.em-workflow-icon-text .em-workflow-hover a {
    color: #fff;
    font-size: 26px;
    font-size: 24px;
    font-family: poppins
}

.em-workflow-icon-text:hover {
    margin-bottom: 0;
    padding: 35px 32px 80px;
    box-shadow: 0 6px 27px 0 rgba(31,31,31,.07)
}

.em-workflow-icon-text:hover .em-workflow-hover {
    opacity: 1;
    visibility: visible
}

.em-pricing-section .em-pricing-content {
    padding-top: 85px;
    margin: 0 15px
}

.em-no-padding {
    padding: 0
}

.em-pricing-plan-item {
    padding: 50px 0;
    border-radius: 10px;
    box-shadow: 0 9px 34px 0 rgba(0,0,0,.05)
}

.em-pricing-plan-item .em-pricing-plan-name {
    margin-top: 35px;
    margin-bottom: 10px
}

.em-pricing-plan-item .em-pricing-plan-name h4 {
    color: #010e2a;
    font-size: 17px;
    font-weight: 500
}

.em-pricing-plan-item .em-pricing-price {
    margin-bottom: 20px
}

.em-pricing-plan-item .em-pricing-price h3 {
    color: #000;
    font-size: 50px;
    font-weight: 700
}

.em-pricing-plan-item .em-pricing-plan-list ul li {
    color: #595959;
    margin-bottom: 10px
}

.em-pricing-plan-item .em-pricing-btn {
    height: 50px;
    width: 180px;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 50px;
    font-weight: 400;
    border-radius: 5px;
    font-family: poppins;
    border: 2px solid #01e07b;
    transition: .3s all ease-in-out
}

.em-pricing-plan-item .em-pricing-btn a {
    width: 100%;
    color: #000;
    display: block;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.em-pricing-plan-item .em-pricing-btn:hover {
    background-color: #01e07b
}

.em-pricing-plan-item .em-pricing-btn:hover a {
    color: #fff
}

.em-pricing-plan-item.em-popular-price {
    top: -30px;
    padding: 70px 0 85px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 9px 63px 0 rgba(0,0,0,.15)
}

.em-pricing-plan-item.em-popular-price .em-popular-badge {
    top: 20px;
    left: -13px
}

@media screen and (max-width: 1024px) {
    .cyb-banner-feature-innerbox .cyb-banner-feature-icon-text .cyb-banner-feature-text h3 {
        font-size:20px
    }

    .cyb-pricing_item .cyb-pricing_list li {
        padding: 18px 25px 16px 30px
    }

    .em-testimonial-warp {
        padding: 0 20px
    }

    .em-workflow-icon-text .em-workflow-text h3 {
        font-size: 20px
    }

    .em-workflow-icon-text {
        padding: 35px 15px
    }
}

@media screen and (max-width: 991px) {
    .cyb-banner-feature-innerbox {
        margin-bottom:30px
    }

    .cyb-service-innerbox {
        margin-bottom: 30px
    }

    .cyb-pricing_item {
        margin-bottom: 30px
    }

    .em-video-wrap,.em-testimonial-warp {
        margin: 0 auto;
        max-width: 570px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 680px) {
    .cyb-testimonial-slider .owl-dots .owl-dot,.cyb-testimonial-slider .owl-dots .owl-dot.active {
        width:40px
    }

    .cyb-subscribe-form input {
        max-width: 100%
    }

    .cyb-subscribe-form button {
        position: absolute;
        top: 0;
        right: 0;
        width: 115px
    }
}

@media screen and (max-width: 480px) {
    .em-video-testimonial-section {
        padding:60px 0 30px
    }

    .em-pricing-section .em-pricing-content {
        padding-top: 40px
    }

    .em-pricing-plan-item .em-pricing-price h3 {
        font-size: 40px
    }
}

.web-app-download-text .web-app-about-btn,.web-app-about-text-img .web-app-about-text .web-app-about-btn {
    color: #fff;
    width: 195px;
    height: 60px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    background-color: #22d38c;
    transition: .3s all ease-in-out
}

.web-app-download-text .web-app-about-btn i,.web-app-about-text-img .web-app-about-text .web-app-about-btn i {
    font-size: 20px;
    margin-left: 10px
}

.web-app-download-text .web-app-about-btn:hover,.web-app-about-text-img .web-app-about-text .web-app-about-btn:hover {
    background-color: #179af0
}

.web-app-download-text .web-app-about-btn:hover i,.web-app-about-text-img .web-app-about-text .web-app-about-btn:hover i {
    animation: toLeftFromRight .3s forwards
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support {
    font-size: 14px;
    padding-left: 60px
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support span {
    color: #6c8493;
    display: block
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support a {
    color: #fff;
    font-weight: 700
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support:before {
    top: 10px;
    left: 25px;
    width: 2px;
    content: "";
    height: 40px;
    position: absolute;
    background-color: #fff
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.web-app-home {
    margin: 0;
    padding: 0;
    color: #818992;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: roboto;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.web-app-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.web-app-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.web-app-home .container {
    max-width: 1200px
}

.web-app-home .ul-li ul {
    margin: 0;
    padding: 0
}

.web-app-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.web-app-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.web-app-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#web-app-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/pre.svg) no-repeat center center
}

.web-app-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.web-app-home a {
    color: inherit;
    text-decoration: none
}

.web-app-home a:hover,.web-app-home a:focus {
    text-decoration: none
}

.web-app-home img {
    max-width: 100%;
    height: auto
}

.web-app-home section {
    overflow: hidden
}

.web-app-home button {
    cursor: pointer
}

.web-app-home .form-control:focus,.web-app-home button:visited,.web-app-home button.active,.web-app-home button:hover,.web-app-home button:focus,.web-app-home input:visited,.web-app-home input.active,.web-app-home input:hover,.web-app-home input:focus,.web-app-home textarea:hover,.web-app-home textarea:focus,.web-app-home a:hover,.web-app-home a:focus,.web-app-home a:visited,.web-app-home a.active,.web-app-home select,.web-app-home select:hover,.web-app-home select:focus,.web-app-home select:visited {
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.web-app-home .form-control {
    box-shadow: none
}

.web-app-home .pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.web-app-headline h1,.web-app-headline h2,.web-app-headline h3,.web-app-headline h4,.web-app-headline h5,.web-app-headline h6 {
    margin: 0;
    font-family: poppins
}

.web-app-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    line-height: 55px;
    border-radius: 100%;
    background-color: #01e07b
}

.web-app-scrollup i {
    color: #fff;
    font-size: 20px
}

.web-app-section-title h2 {
    color: #1b2153;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.278
}

.web-app-section-title span {
    display: block;
    font-weight: 200
}

.web-app-main-header {
    top: 0;
    width: 100%;
    z-index: 10;
    padding-top: 40px;
    position: absolute
}

.web-app-main-header .web-app-brand-logo {
    margin-top: 10px
}

.web-app-main-header .dropdown {
    position: relative
}

.web-app-main-header .dropdown:after {
    top: -2px;
    color: #000;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.web-app-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: 0;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #01e07b;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.web-app-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.web-app-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.web-app-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.web-app-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.web-app-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #01e07b;
    color: #fff
}

.web-app-main-header .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.web-app-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: 0
}

.web-app-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.web-app-main-menu-item .navbar-nav {
    display: inherit
}

.web-app-main-menu-item .web-app-main-navigation {
    padding-top: 15px;
    display: inline-block
}

.web-app-main-menu-item .web-app-main-navigation li {
    margin: 0 25px
}

.web-app-main-menu-item .web-app-main-navigation li a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 30px;
    font-family: poppins
}

.web-app-main-menu-item .web-app-header-btn {
    height: 55px;
    width: 170px;
    line-height: 55px;
    margin-left: 45px;
    background-color: #fc5a84;
    transition: .3s all ease-in-out
}

.web-app-main-menu-item .web-app-header-btn a {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.web-app-main-menu-item .web-app-header-btn:hover {
    background-color: #179af0
}

.web-app-main-menu-item .web-app-header-btn:hover a {
    color: #fff
}

.web-app-sticky-menu {
    top: 0;
    position: fixed;
    padding: 10px 0;
    animation-duration: .7s;
    background-color: #fff;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out;
    box-shadow: 0 0 18px 1px rgba(0,0,0,.1)
}

.web-app-sticky-menu .web-app-main-menu-item .web-app-main-navigation {
    padding-top: 15px
}

.web-app-main-header .web-app-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #1b0234;
    padding: 40px 0;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.web-app-main-header .web-app-mobile_menu_content .web-app-mobile-main-navigation {
    width: 100%
}

.web-app-main-header .web-app-mobile_menu_content .web-app-mobile-main-navigation .navbar-nav {
    width: 100%
}

.web-app-main-header .web-app-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.web-app-main-header .web-app-mobile_menu_content .web-app-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #36125a
}

.web-app-main-header .web-app-mobile_menu_content .web-app-mobile-main-navigation .navbar-nav li:first-child {
    border-bottom: 1px solid #36125a
}

.web-app-main-header .web-app-mobile_menu_content .web-app-mobile-main-navigation .navbar-nav li a {
    color: #afafaf;
    padding: 0;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 30px;
    font-family: poppins;
    text-transform: uppercase
}

.web-app-main-header .web-app-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.web-app-main-header .web-app-mobile_menu_wrap.mobile_menu_on .web-app-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.web-app-main-header .mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.web-app-main-header .mobile_menu_overlay_on {
    overflow: hidden
}

.web-app-main-header .web-app-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.web-app-main-header .web-app-mobile_menu_button {
    right: 0;
    top: -40px;
    z-index: 5;
    color: #02e079;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.web-app-main-header .web-app-mobile_menu .web-app-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.web-app-main-header .web-app-mobile_menu .web-app-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.web-app-main-header .web-app-mobile_menu .web-app-mobile_menu_content .web-app-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: 0;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    background-color: transparent
}

.web-app-main-header .web-app-mobile_menu .web-app-mobile_menu_content .web-app-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: 0;
    padding: 0 20px;
    line-height: 1
}

.web-app-main-header .web-app-mobile_menu .dropdown {
    position: relative
}

.web-app-main-header .web-app-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    height: 30px;
    color: #afafaf;
    line-height: 22px;
    padding: 5px 10px;
    border: 1px solid #480b86
}

.web-app-main-header .web-app-mobile_menu .dropdown:after {
    display: none
}

.web-app-main-header .web-app-mobile_menu .web-app-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

@keyframes man-updown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes man-updown {
    0% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(-1px)
    }
}

@keyframes man-updown {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(10px)
    }
}

.web-app-banner-section .cd-words-wrapper {
    position: relative;
    text-align: left
}

.web-app-banner-section .cd-words-wrapper b {
    top: 0;
    position: absolute;
    white-space: nowrap;
    display: inline-block
}

.web-app-banner-section .cd-words-wrapper b.is-visible {
    position: relative
}

.web-app-banner-section .no-js .cd-words-wrapper b {
    opacity: 0
}

.web-app-banner-section .no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.web-app-banner-section .cd-headline.push b {
    opacity: 0
}

.web-app-banner-section .cd-headline.push b.is-visible {
    opacity: 1;
    animation: push-in .6s
}

.web-app-banner-section .cd-headline.push b.is-hidden {
    animation: push-out .6s
}

@keyframes push-in {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        transform: translateX(110%)
    }

    100% {
        opacity: 0;
        transform: translateX(100%)
    }
}

.web-app-banner-section .shape-1 {
    left: 150px;
    bottom: 220px
}

.web-app-banner-section .shape-3 {
    left: 50%;
    top: 145px
}

.web-app-banner-section .shape-2 {
    top: 160px;
    right: 150px
}

.web-app-banner-text {
    overflow: hidden;
    max-width: 580px;
    padding: 240px 0 270px
}

.web-app-banner-text h1 {
    color: #1b2153;
    font-size: 60px;
    font-weight: 600;
    position: relative;
    line-height: 1.167;
    padding-bottom: 25px
}

.web-app-banner-text h1 span {
    font-weight: 200
}

.web-app-banner-text h1:before {
    left: 3px;
    top: -20px;
    height: 4px;
    width: 38px;
    content: "";
    position: absolute;
    background: linear-gradient(-145deg,#febfbf 0,#fa5db1 100%)
}

.web-app-banner-text p {
    color: #2c2f4e;
    font-size: 21px
}

.web-app-banner-text p span {
    font-weight: 700
}

.web-app-banner-text .web-app-banner-form {
    max-width: 475px;
    margin: 40px 0 25px
}

.web-app-banner-text .web-app-banner-form input {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: 2px solid #e6ecfa
}

.web-app-banner-text .web-app-banner-form button {
    top: 0;
    right: 0;
    color: #fff;
    height: 60px;
    width: 180px;
    border: 0;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    background-color: #179af0;
    transition: .3s all ease-in-out
}

.web-app-banner-text .web-app-banner-form button:hover {
    background-color: #22d38c
}

.web-app-banner-text .web-app-banner-slug span {
    color: #2c2f4e;
    font-size: 15px;
    padding-left: 16px;
    margin-right: 30px;
    position: relative
}

.web-app-banner-text .web-app-banner-slug span:before {
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    background-color: #2af039
}

.web-app-banner-vector {
    top: 120px;
    right: -70px
}

.web-app-banner-vector .web-app-banner-vector-img-2 {
    bottom: 0;
    left: 0;
    animation: man-updown 2s infinite alternate
}

.web-app-banner-vector .web-app-banner-vector-img-3 {
    bottom: -85px;
    right: -180px;
    animation: man-updown 3s infinite alternate
}

@keyframes web-app-floating {
    from {
        transform: rotate(0) translate(-10px) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(-10px) rotate(-360deg)
    }
}

.web-app-feature-content {
    padding: 80px 0 50px;
    border-bottom: 1px solid #def0f7
}

.web-app-feature-innerbox {
    padding: 0 45px;
    margin-bottom: 30px
}

.web-app-feature-innerbox .web-app-feature-icon {
    z-index: 1;
    padding-left: 40px;
    margin-bottom: 38px;
    max-width: 160px;
    transition: all .35s cubic-bezier(.38,3,.57,1.6);
    transform: translate3d(0,0,0)
}

.web-app-feature-innerbox .web-app-feature-icon:before {
    left: 40px;
    top: -15px;
    z-index: -1;
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    background-color: #ebf7fc
}

.web-app-feature-innerbox .web-app-feature-icon .web-app-f-shape {
    transition: all 2s ease;
    animation-name: web-app-floating;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 50% 1px
}

.web-app-feature-innerbox .web-app-feature-icon .shape1 {
    top: -20px;
    left: 15px;
    animation-duration: 7s;
    transition-delay: .7s
}

.web-app-feature-innerbox .web-app-feature-icon .shape2 {
    right: 0;
    top: 20px;
    animation-duration: 5s;
    transition-delay: .1s
}

.web-app-feature-innerbox .web-app-feature-icon .shape3 {
    left: 8px;
    bottom: 0;
    animation-duration: 8s;
    transition-delay: .3s
}

.web-app-feature-innerbox .web-app-feature-text h3 {
    color: #1b2153;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 24px
}

.web-app-feature-innerbox:hover .web-app-feature-icon {
    transition: all .35s cubic-bezier(.38,3,.57,1.6);
    transform: translate3d(0,-6px,0)
}

.web-app-fun-fact-section {
    padding: 65px 0
}

.web-app-fun-fact-number span,.web-app-fun-fact-number strong {
    line-height: 1;
    color: #1b2153;
    font-size: 48px;
    font-weight: 700
}

.web-app-fun-fact-number strong {
    top: 10px;
    position: relative
}

.web-app-fun-fact-number p {
    color: #001737;
    font-size: 20px;
    margin-left: 15px;
    display: inline-block;
    text-transform: uppercase
}

@keyframes toLeftFromRight {
    49% {
        transform: translateX(-100%)
    }

    50% {
        opacity: 0;
        transform: translateX(100%)
    }

    51% {
        opacity: 1
    }
}

.web-app-about-text-img .web-app-about-text {
    padding-top: 40px
}

.web-app-about-text-img .web-app-about-text .web-app-about-txt-content {
    font-size: 17px;
    margin: 18px 0 40px
}

.web-app-about-text-img .web-app-about-img-content .web-about-img-1 {
    max-width: 565px;
    border-radius: 30px;
    box-shadow: 13.766px 19.66px 69px 0 rgba(28,33,54,.07)
}

.web-app-about-text-img .web-app-about-img-content .web-about-img-2 {
    top: auto;
    bottom: -75px;
    right: 55px;
    border-radius: 35px;
    box-shadow: 0 10px 20px 0 rgba(12,10,42,.11)
}

.web-app-about-text-img.web-app-about-left-img {
    margin-bottom: 90px
}

.web-app-about-text-img.web-app-about-left-img .web-app-about-img-content {
    padding-left: 40px
}

.web-app-about-text-img.web-app-about-left-img .web-app-about-img-content .web-about-img-2 {
    top: -30px;
    right: 25px;
    bottom: auto
}

.web-app-about-text-img.web-app-about-left-img .web-app-about-btn {
    background-color: #fc5a84
}

.web-app-download-section {
    overflow: visible!important;
    background-color: #fafbfb
}

.web-app-download-section .web-app-download-img {
    top: 0;
    left: 30px;
    position: absolute;
    animation: man-updown 2s infinite alternate
}

.web-app-download-text {
    padding: 100px 0 110px 70px
}

.web-app-download-text p {
    padding: 28px 50px 35px 0
}

.web-app-testimonial-section {
    padding: 100px 0 90px
}

.web-app-testimonial-section .web-app-testimonial-side-img {
    top: 65px;
    right: 70px;
    position: absolute
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap {
    max-width: 520px;
    padding-top: 65px;
    padding-left: 25px;
    overflow: hidden
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-nav {
    display: none
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-stage-outer {
    overflow: visible
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-item {
    opacity: 0;
    transition: opacity .5s
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-item.active {
    opacity: 1
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-dots {
    right: 0;
    bottom: 0;
    position: absolute
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 5px 0;
    border-radius: 100%;
    background-color: #dfe1f1
}

.web-app-testimonial-section .web-app-testimonial-slider-wrap .owl-dots .owl-dot.active {
    background-color: #22d38c
}

.web-app-testimonial-img-text:before {
    top: -10px;
    left: -10px;
    line-height: 1;
    content: "";
    font-weight: 700;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    color: #22d38c;
    font-family: "font awesome 5 free"
}

.web-app-testimonial-img-text .web-app-testimonial-img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 100%;
    border: 5px solid #fff;
    box-shadow: 0 16px 32px 0 rgba(0,51,120,.1)
}

.web-app-testimonial-img-text .web-app-testimonial-text p {
    font-size: 20px;
    max-width: 475px
}

.web-app-testimonial-img-text .web-app-testimonial-text .web-app-testimonial-author {
    margin-top: 48px
}

.web-app-testimonial-img-text .web-app-testimonial-text .web-app-testimonial-author h4 {
    color: #1b2153;
    font-size: 24px;
    font-weight: 600
}

.web-app-testimonial-img-text .web-app-testimonial-text .web-app-testimonial-author span {
    font-size: 14px;
    font-weight: 700;
    color: #fc5a84
}

.web-app-pricing-section {
    padding: 150px 0 85px
}

.web-app-pricing-plan-item {
    padding-top: 60px
}

.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn {
    margin-bottom: 65px
}

.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav {
    display: block
}

.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav-tabs .nav-item.show .nav-link,.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav-tabs .nav-link.active,.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav-tabs .nav-link {
    padding: 0;
    border: 0;
    border-radius: 0
}

.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn .nav-tabs {
    border: 0
}

.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn li a {
    height: 65px;
    width: 170px;
    font-size: 19px;
    font-weight: 700;
    line-height: 65px;
    color: #fc5a84;
    text-align: center;
    transition: .3s all ease-in-out;
    box-shadow: 0 4px 16px 0 rgba(37,128,255,.06)
}

.web-app-pricing-plan-item .web-app-pricing-plan-tab-btn li a.active {
    color: #fff;
    background-color: #fc5a84
}

.web-app-pricing-plan {
    margin: 0 auto;
    max-width: 315px;
    padding: 45px 0;
    transition: .3s all ease-in-out;
    box-shadow: 0 0 20px 0 rgba(1,26,44,.05)
}

.web-app-pricing-plan .web-app-pricing-title h3 {
    color: #1b2153;
    font-size: 26px;
    font-weight: 700;
    font-family: roboto;
    transition: .3s all ease-in-out
}

.web-app-pricing-plan .web-app-pricing-title span {
    font-size: 19px;
    color: #179af0;
    transition: .3s all ease-in-out
}

.web-app-pricing-plan .web-app-pricing-price {
    color: #1b2153;
    line-height: 1;
    font-size: 63px;
    font-weight: 700;
    font-family: poppins;
    margin: 15px 0 25px;
    transition: .3s all ease-in-out
}

.web-app-pricing-plan .web-app-pricing-price span {
    top: -20px;
    font-size: 25px;
    position: relative
}

.web-app-pricing-plan .web-app-pricing-content li {
    color: #818992;
    margin-bottom: 12px;
    transition: .3s all ease-in-out
}

.web-app-pricing-plan .web-app-price-btn {
    height: 50px;
    width: 195px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 50px;
    border: 2px solid #179af0;
    transition: .3s all ease-in-out
}

.web-app-pricing-plan .web-app-price-btn a {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #179af0
}

.web-app-pricing-plan:hover {
    background-color: #179af0
}

.web-app-pricing-plan:hover .web-app-pricing-title h3 {
    color: #fff
}

.web-app-pricing-plan:hover .web-app-pricing-title span {
    color: #fff
}

.web-app-pricing-plan:hover .web-app-pricing-price {
    color: #fff
}

.web-app-pricing-plan:hover .web-app-pricing-content li {
    color: #fff
}

.web-app-pricing-plan:hover .web-app-price-btn {
    background-color: #fff
}

.web-app-newslatter-section {
    padding: 145px 0
}

.web-app-newslatter-content {
    z-index: 1
}

.web-app-newslatter-content .web-app-newslatter-bg {
    left: 0;
    right: 0;
    top: -145px;
    z-index: -1;
    text-align: center
}

.web-app-newslatter-wrap .web-app-section-title {
    margin-bottom: 45px
}

.web-app-newslatter-wrap .web-app-section-title h2 {
    font-size: 48px;
    padding-bottom: 10px
}

.web-app-newslatter-wrap .web-app-section-title p {
    color: #001737;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5;
    max-width: 700px
}

.web-app-newslatter-wrap .web-app-newslatter-form {
    max-width: 715px;
    margin: 0 auto
}

.web-app-newslatter-wrap .web-app-newslatter-form input {
    width: 100%;
    height: 75px;
    border: 0;
    padding-left: 30px;
    box-shadow: 0 0 20px 0 rgba(1,26,44,.05)
}

.web-app-newslatter-wrap .web-app-newslatter-form button {
    top: 0;
    right: 0;
    color: #fff;
    height: 75px;
    width: 240px;
    border: 0;
    font-weight: 700;
    position: absolute;
    background-color: #22d38c;
    transition: .3s all ease-in-out
}

.web-app-newslatter-wrap .web-app-newslatter-form button:hover {
    background-color: #179af0
}

.web-app-footer-top-content {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 2px solid #f1f1f1
}

.web-app-footer-contact span {
    color: #102465;
    font-size: 18px;
    font-weight: 700;
    margin-right: 40px
}

.web-app-footer-contact a {
    width: 60px;
    height: 60px;
    color: #102465;
    margin-right: 8px;
    line-height: 60px;
    text-align: center;
    z-index: 1;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    background-color: #f1f9fc;
    transition: .3s all ease-in-out
}

.web-app-footer-contact a:hover {
    color: #fff;
    background-color: #179af0
}

.web-app-footer-top-menu {
    float: right;
    padding-top: 20px
}

.web-app-footer-top-menu li {
    margin-left: 50px
}

.web-app-footer-top-menu li a {
    color: #102465;
    font-weight: 700;
    transition: .3s all ease-in-out
}

.web-app-footer-top-menu li a:hover {
    color: #fc5a84
}

.web-app-footer-section {
    padding: 100px 0 50px
}

.web-app-footer-section .soft-footer-btn {
    height: 60px;
    width: 200px;
    margin-top: 30px;
    line-height: 60px;
    border-radius: 40px;
    background-color: #fc5a84;
    transition: .3s all ease-in-out
}

.web-app-footer-section .soft-footer-btn a {
    width: 100%;
    color: #fff;
    display: block
}

.web-app-footer-section .soft-footer-btn:hover {
    background-color: #179af0
}

.web-app-footer-section .web-app-footer-menu-widget {
    float: left;
    width: 33.33%
}

.web-app-footer-section .web-app-footer-menu-widget .web-app-footer-store a {
    display: block;
    margin-bottom: 5px
}

.web-app-footer-section .web-app-footer-widget {
    color: #bdc4df
}

.web-app-footer-section .web-app-footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #003378;
    padding-bottom: 35px
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support {
    color: #6c8493
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support:before {
    top: -2px;
    width: 1px;
    background-color: #f1f1f1
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-support a {
    color: #003378
}

.web-app-footer-section .web-app-footer-widget p {
    color: #6c8493;
    max-width: 280px;
    padding-top: 38px
}

.web-app-footer-section .web-app-footer-widget p a {
    font-weight: 700;
    color: #003378
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-menu-widget a {
    display: block;
    margin-bottom: 18px;
    color: #6c8493;
    transition: .3s all ease-in-out
}

.web-app-footer-section .web-app-footer-widget .web-app-footer-menu-widget a:hover {
    color: #fc5a84
}

@media screen and (max-width: 1440px) {
    .web-app-testimonial-section .web-app-testimonial-side-img {
        right:-20%
    }
}

@media screen and (max-width: 1199px) {
    .web-app-testimonial-section .web-app-testimonial-side-img {
        right:-25%
    }

    .web-app-banner-text h1 {
        font-size: 50px
    }
}

@media screen and (max-width: 1024px) {
    .web-app-feature-innerbox {
        padding:0
    }

    .web-app-testimonial-section .web-app-testimonial-side-img {
        right: -40%
    }
}

@media screen and (max-width: 991px) {
    .web-app-banner-vector {
        top:0;
        max-width: 570px
    }

    .web-app-banner-text {
        padding-bottom: 60px
    }

    .web-app-banner-content {
        margin-bottom: 70px
    }

    .web-app-feature-innerbox {
        margin-bottom: 50px
    }

    .web-app-about-text-img .web-app-about-text {
        margin: 0 auto;
        max-width: 500px;
        margin: 30px auto
    }

    .web-app-about-text-img .web-app-about-img-content {
        margin: 0 auto;
        padding-left: 0;
        max-width: 625px
    }

    .web-app-testimonial-section .web-app-testimonial-side-img {
        position: static
    }

    .web-app-testimonial-section .web-app-section-title {
        text-align: center
    }

    .web-app-testimonial-section .web-app-testimonial-slider-wrap {
        margin: 0 auto
    }

    .web-app-download-section .web-app-download-img {
        position: static;
        text-align: center
    }

    .web-app-download-text {
        margin: 0 auto;
        max-width: 570px
    }

    .web-app-pricing-plan {
        margin-bottom: 30px
    }

    .web-app-footer-top-menu li {
        margin-left: 25px
    }

    .web-app-logo-widget {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 850px) {
    .web-app-main-menu-item .web-app-main-navigation li {
        margin:0 12px
    }

    .web-app-main-menu-item .web-app-header-btn {
        margin-left: 15px
    }

    .web-app-main-menu-item .web-app-header-btn {
        width: 105px
    }

    .web-app-main-menu-item .web-app-header-btn a {
        font-size: 14px
    }

    .web-app-newslatter-wrap .web-app-section-title h2 {
        font-size: 36px
    }

    .web-app-footer-contact span {
        margin-right: 10px
    }

    .web-app-footer-contact a {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .web-app-footer-top-menu li {
        margin-left: 8px;
        font-size: 14px
    }

    .web-app-footer-top-menu {
        padding-top: 7px
    }

    .web-app-newslatter-section {
        padding: 100px 0 70px
    }

    .web-app-footer-top-menu {
        float: none
    }

    .web-app-footer-top-menu li {
        margin-left: 0;
        font-size: 16px;
        margin-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .web-app-main-menu-item .web-app-main-navigation {
        display:none
    }

    .web-app-main-menu-item .web-app-header-btn {
        height: 45px;
        line-height: 45px;
        margin-right: 55px
    }

    .web-app-main-header .web-app-mobile_menu_button {
        display: block
    }

    .web-app-main-header {
        padding-top: 20px
    }

    .web-app-banner-vector {
        right: 0
    }

    .web-app-sticky-menu {
        top: -10px
    }
}

@media screen and (max-width: 580px) {
    .web-app-banner-text {
        padding-top:180px
    }

    .web-app-section-title h2 {
        font-size: 30px
    }

    .web-app-footer-section .web-app-footer-menu-widget {
        width: 100%
    }

    .web-app-footer-section .web-app-footer-widget .widget-title {
        padding-bottom: 20px
    }

    .web-app-footer-section .web-app-footer-menu-widget {
        margin-bottom: 30px
    }

    .web-app-about-text-img.web-app-about-left-img .web-app-about-img-content {
        padding-left: 0
    }
}

@media screen and (max-width: 480px) {
    .web-app-banner-text h1 {
        font-size:40px
    }

    .web-app-banner-text p {
        font-size: 18px
    }

    .web-app-banner-text .web-app-banner-form button {
        width: 130px
    }

    .web-app-section-title h2 {
        font-size: 24px
    }

    .web-app-feature-content {
        padding: 40px 0 20px
    }

    .web-app-fun-fact-number span,.web-app-fun-fact-number strong {
        font-size: 36px
    }

    .web-app-fun-fact-number strong {
        top: 5px
    }

    .web-app-fun-fact-number p {
        font-size: 18px
    }

    .web-app-fun-fact-section {
        padding: 40px 0
    }

    .web-app-about-section {
        padding: 30px 0
    }

    .web-app-about-text-img .web-app-about-text {
        margin-top: 0
    }

    .web-app-about-text-img .web-app-about-img-content .web-about-img-2 {
        display: none
    }

    .web-app-about-text-img.web-app-about-left-img {
        margin-bottom: 40px
    }

    .web-app-download-text .web-app-about-btn,.web-app-about-text-img .web-app-about-text .web-app-about-btn {
        width: 155px;
        height: 50px;
        line-height: 50px
    }

    .web-app-testimonial-section {
        padding: 50px 0 40px
    }

    .web-app-testimonial-img-text .web-app-testimonial-text p {
        font-size: 18px
    }

    .web-app-testimonial-img-text .web-app-testimonial-text .web-app-testimonial-author h4 {
        font-size: 20px
    }

    .web-app-testimonial-img-text .web-app-testimonial-text .web-app-testimonial-author {
        margin-top: 20px
    }

    .web-app-download-text {
        padding: 50px 0
    }

    .web-app-pricing-section {
        padding: 50px 0 30px
    }

    .web-app-pricing-plan .web-app-pricing-price {
        font-size: 48px;
        margin-bottom: 15px
    }

    .web-app-pricing-plan-item .web-app-pricing-plan-tab-btn li a {
        height: 55px;
        width: 140px;
        line-height: 55px;
        font-size: 16px
    }

    .web-app-newslatter-wrap .web-app-section-title h2 {
        font-size: 30px
    }

    .web-app-newslatter-wrap .web-app-newslatter-form button {
        width: 120px;
        font-size: 14px
    }

    .web-app-newslatter-section {
        padding: 50px 0 20px
    }

    .web-app-footer-section {
        padding: 50px 0 20px
    }

    .web-app-footer-section .soft-footer-btn {
        height: 50px;
        line-height: 50px;
        width: 150px
    }
}

@media screen and (max-width: 380px) {
    .web-app-banner-text h1 {
        font-size:35px
    }

    .web-app-section-title h2 {
        font-size: 22px
    }

    .web-app-footer-contact span {
        font-size: 16px
    }

    .web-app-footer-contact a {
        margin-right: 5px
    }

    .web-app-newslatter-wrap .web-app-section-title p {
        font-size: 18px
    }
}

@media screen and (max-width: 320px) {
    .web-app-banner-text h1 {
        font-size:30px
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.seo-2-home {
    margin: 0;
    padding: 0;
    color: #7990a4;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: "Roboto";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.seo-2-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.seo-2-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.seo-2-home .container {
    max-width: 1200px
}

.seo-2-home .ul-li ul {
    margin: 0;
    padding: 0
}

.seo-2-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.seo-2-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.seo-2-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#seo-2-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/crm/pre.svg) no-repeat center center
}

.seo-2-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.seo-2-home a {
    color: inherit;
    text-decoration: none
}

.seo-2-home a:hover,.seo-2-home a:focus {
    text-decoration: none
}

.seo-2-home img {
    max-width: 100%;
    height: auto
}

.seo-2-home section {
    overflow: hidden
}

.seo-2-home button {
    cursor: pointer
}

.seo-2-home .form-control:focus,.seo-2-home button:visited,.seo-2-home button.active,.seo-2-home button:hover,.seo-2-home button:focus,.seo-2-home input:visited,.seo-2-home input.active,.seo-2-home input:hover,.seo-2-home input:focus,.seo-2-home textarea:hover,.seo-2-home textarea:focus,.seo-2-home a:hover,.seo-2-home a:focus,.seo-2-home a:visited,.seo-2-home a.active,.seo-2-home select,.seo-2-home select:hover,.seo-2-home select:focus,.seo-2-home select:visited {
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.seo-2-home .form-control {
    box-shadow: none
}

.seo-2-home .pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.seo-2-headline h1,.seo-2-headline h2,.seo-2-headline h3,.seo-2-headline h4,.seo-2-headline h5,.seo-2-headline h6 {
    margin: 0;
    font-family: "Poppins"
}

.seo-2-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    line-height: 55px;
    border-radius: 100%;
    background-color: #01e07b
}

.seo-2-scrollup i {
    color: #fff;
    font-size: 20px
}

.seo-2-section-title span {
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(90deg,#0160e7 0%,#04bdef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.seo-2-section-title h2 {
    color: #003a6c;
    font-size: 48px;
    font-weight: 700;
    padding-top: 5px;
    line-height: 1.208
}

.seo-2-section-title p {
    color: #7990a4;
    font-size: 20px;
    padding-top: 10px
}

.seo-2-main-header {
    top: 0;
    width: 100%;
    z-index: 10;
    padding-top: 40px;
    position: absolute
}

.seo-2-main-header .seo-2-brand-logo {
    margin-top: 10px;
    padding-left: 60px
}

.seo-2-main-header .dropdown {
    position: relative
}

.seo-2-main-header .dropdown:after {
    top: -2px;
    color: #fff;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.seo-2-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: none;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #01e07b;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.seo-2-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.seo-2-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.seo-2-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.seo-2-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.seo-2-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #01e07b;
    color: #fff
}

.seo-2-main-header .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.seo-2-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: none
}

.seo-2-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.seo-2-main-header .seo-2-sidebar-toggle {
    left: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    border-radius: 100%;
    background-color: #003a6c
}

.seo-2-main-header .seo-2-sidebar-toggle span {
    display: inline-block;
    padding-top: 10px;
    text-align: center
}

.seo-2-main-header .seo-2-sidebar-toggle span svg {
    fill: #fff;
    height: 17px
}

.seo-2-main-menu-item .navbar-nav {
    display: inherit
}

.seo-2-main-menu-item .seo-2-main-navigation {
    padding-top: 15px;
    display: inline-block
}

.seo-2-main-menu-item .seo-2-main-navigation li {
    margin: 0 25px
}

.seo-2-main-menu-item .seo-2-main-navigation li a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 30px
}

.seo-2-main-menu-item .seo-2-header-btn {
    height: 60px;
    width: 170px;
    line-height: 58px;
    margin-left: 45px;
    border-radius: 30px;
    border: 2px solid #ffffff5c;
    transition: .3s all ease-in-out
}

.seo-2-main-menu-item .seo-2-header-btn a {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 600;
    transition: .3s all ease-in-out
}

.seo-2-main-menu-item .seo-2-header-btn:hover {
    background-color: #003a6c;
    border: 2px solid #003a6c
}

.seo-2-main-menu-item .seo-2-header-btn:hover a {
    color: #fff
}

.seo-2-side-bar-toggle {
    z-index: 1;
    width: 70px;
    height: 70px;
    right: 240px;
    bottom: -60px;
    cursor: pointer;
    line-height: 65px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #7990a4
}

.seo-2-side-bar-toggle:before {
    top: 8px;
    left: 8px;
    content: "";
    width: 50px;
    height: 50px;
    z-index: -1;
    position: absolute;
    border-radius: 10px;
    background-color: #fc5a84
}

.seo-2-side-bar-toggle i {
    color: #fff;
    font-size: 26px
}

.sm-side_inner_content {
    top: 0;
    bottom: 0;
    right: -420px;
    height: 110vh;
    z-index: 101;
    position: fixed;
    width: 400px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s
}

.sm-side_inner_content p {
    text-align: left
}

.sm-side_inner_content .side_inner_logo {
    margin: 30px 0
}

.sm-side_inner_content .side_contact {
    margin-bottom: 30px
}

.sm-side_inner_content .side_contact .social_widget {
    margin-bottom: 40px
}

.sm-side_inner_content .side_contact .social_widget h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .social_widget li {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background-color: #7990a4
}

.sm-side_inner_content .side_contact .social_widget li i {
    font-size: 14px
}

.sm-side_inner_content .side_contact .seo-2-sidebar-gallary {
    margin-bottom: 25px
}

.sm-side_inner_content .side_contact .seo-2-sidebar-gallary h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .seo-2-sidebar-gallary li {
    float: left;
    margin: 5px 3px
}

.sm-side_inner_content .side_copywright {
    font-size: 14px
}

.sm-side_inner_content .close_btn {
    top: 30px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background-color: #f5f5f5;
    transition: .3s all ease-in-out
}

.sm-side_inner_content .close_btn i {
    font-size: 14px
}

.sm-side_inner_content .close_btn:hover {
    background-color: #fc5a84
}

.sm-side_inner_content .close_btn:hover i {
    color: #fff
}

.seo-2-sidebar-inner.wide_side_on .sm-side_inner_content {
    right: -15px;
    z-index: 99;
    transition: all .7s
}

.seo-2-sidebar-inner .side_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    z-index: 11;
    height: 110vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,.8);
    transition: all .3s ease-in-out;
    cursor: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cl.png),auto
}

.body_overlay_on {
    overflow: hidden
}

.seo-2-sidebar-inner.wide_side_on .side_overlay {
    opacity: 1;
    visibility: visible
}

.seo-2-sticky-on {
    top: 0;
    position: fixed;
    padding: 10px 0;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out;
    box-shadow: 0 0 18px 1px rgba(0,0,0,.1);
    background: linear-gradient(45deg,#0160e7 0%,#04bdef 100%)
}

.seo-2-sticky-on .seo-2-main-menu-item .seo-2-main-navigation {
    padding-top: 15px
}

.seo-2-main-header .seo-2-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #1b0234;
    padding: 40px 0;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.seo-2-main-header .seo-2-mobile_menu_content .seo-2-mobile-main-navigation {
    width: 100%
}

.seo-2-main-header .seo-2-mobile_menu_content .seo-2-mobile-main-navigation .navbar-nav {
    width: 100%
}

.seo-2-main-header .seo-2-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.seo-2-main-header .seo-2-mobile_menu_content .seo-2-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #36125a
}

.seo-2-main-header .seo-2-mobile_menu_content .seo-2-mobile-main-navigation .navbar-nav li:first-child {
    border-bottom: 1px solid #36125a
}

.seo-2-main-header .seo-2-mobile_menu_content .seo-2-mobile-main-navigation .navbar-nav li a {
    color: #afafaf;
    padding: 0;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 30px;
    font-family: "Poppins";
    text-transform: uppercase
}

.seo-2-main-header .seo-2-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.seo-2-main-header .seo-2-mobile_menu_wrap.mobile_menu_on .seo-2-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.seo-2-main-header .mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.seo-2-main-header .mobile_menu_overlay_on {
    overflow: hidden
}

.seo-2-main-header .seo-2-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.seo-2-main-header .seo-2-mobile_menu_button {
    right: 0;
    top: -40px;
    z-index: 5;
    color: #02e079;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.seo-2-main-header .seo-2-mobile_menu .seo-2-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.seo-2-main-header .seo-2-mobile_menu .seo-2-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.seo-2-main-header .seo-2-mobile_menu .seo-2-mobile_menu_content .seo-2-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    background-color: transparent
}

.seo-2-main-header .seo-2-mobile_menu .seo-2-mobile_menu_content .seo-2-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.seo-2-main-header .seo-2-mobile_menu .dropdown {
    position: relative
}

.seo-2-main-header .seo-2-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    height: 30px;
    color: #afafaf;
    line-height: 22px;
    padding: 5px 10px;
    border: 1px solid #480b86
}

.seo-2-main-header .seo-2-mobile_menu .dropdown:after {
    display: none
}

.seo-2-main-header .seo-2-mobile_menu .seo-2-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

@keyframes man-updown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes man-updown {
    0% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(-1px)
    }
}

@keyframes man-updown {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(10px)
    }
}

@keyframes floatY {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0)
    }
}

@keyframes floatX {
    0% {
        transform: translateX(140px)
    }

    50% {
        transform: translateX(60px)
    }

    100% {
        transform: translateX(140px)
    }
}

.seo-2-banner-content {
    z-index: 1;
    margin: 0 auto;
    max-width: 825px;
    position: relative;
    padding: 175px 0 580px
}

.seo2-default-header .seo-2-banner-content {
    padding: 115px 0 80px
}

.seo2-default-header.seo-2-banner-section {
    margin-bottom: 0;
    overflow: hidden!important
}

.seo-2-banner-content .seo-2-banner-text span {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px
}

.seo-2-banner-content .seo-2-banner-text h1 {
    color: #fff;
    font-size: 72px;
    font-weight: 700
}

.seo-2-banner-content .banner-input-field {
    margin-top: 25px;
    justify-content: center
}

.seo-2-banner-content .banner-input-field .seo-2-form-input {
    margin: 0 8px
}

.seo-2-banner-content .banner-input-field .seo-2-form-input span {
    top: 23px;
    left: 35px;
    color: #fff;
    position: absolute
}

.seo-2-banner-content .banner-input-field .seo-2-form-input input {
    border: none;
    height: 70px;
    width: 290px;
    color: #fff;
    padding-left: 65px;
    border-radius: 35px;
    background-color: #35a3ec
}

.seo-2-banner-content .banner-input-field .seo-2-form-input input::placeholder {
    color: #a3daff
}

.seo-2-banner-content .banner-input-field button {
    color: #fff;
    width: 200px;
    height: 70px;
    border: none;
    margin-left: 8px;
    font-weight: 700;
    border-radius: 35px;
    background-color: #003a6c;
    border: 2px solid #003a6c;
    transition: .3s all ease-in-out
}

.seo-2-banner-content .banner-input-field button:hover {
    border: 2px solid #fff;
    background-color: transparent
}

.seo-2-banner-section {
    overflow: visible!important;
    margin-bottom: 180px
}

.seo-2-banner-section .seo-2-banner-vector {
    right: 0;
    left: 120px;
    bottom: -180px;
    position: absolute;
    animation: man-updown 2s infinite alternate
}

.seo-2-banner-section .seo-2-banner-shape {
    top: 0;
    left: 0
}

.seo-2-banner-section .seo-2-banner-shape.shape1 {
    animation: floatY 3s ease-in-out infinite
}

.seo-2-banner-section .seo-2-banner-shape.shape2 {
    left: 150px;
    animation: floatX 10s ease-in-out infinite
}

.seo-2-service-section {
    padding: 120px 0
}

.seo-2-service-innerbox {
    padding: 50px 40px;
    box-shadow: 0 16px 32px 0 rgba(24,37,50,.06)
}

.seo-2-service-innerbox .seo-2-service-icon {
    margin-bottom: 35px;
    transition: all .35s cubic-bezier(.38,3,.57,1.6);
    transform: translate3d(0,0,0)
}

.seo-2-service-innerbox .seo-2-service-text h3 {
    color: #003a6c;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn {
    margin-top: 25px;
    color: #003a6c
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn i {
    width: 50px;
    height: 50px;
    z-index: 2;
    line-height: 50px;
    border-radius: 100%;
    background-color: #f6faff;
    transition: .4s all ease-in-out;
    position: relative
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn i:after {
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    transform: scale(0);
    border-radius: 100%;
    transition: .3s all ease-in-out;
    background-image: linear-gradient(-45deg,#0160e7 0%,#04bdef 100%)
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn span {
    top: 15px;
    opacity: 0;
    left: 115px;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    visibility: hidden;
    transition: .4s all ease-in-out
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn:hover i {
    color: #fff;
    transform: translateX(-40px)
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn:hover i:after {
    transform: scale(1)
}

.seo-2-service-innerbox .seo-2-service-text .seo-2-service-btn:hover span {
    opacity: 1;
    left: 135px;
    visibility: visible
}

.seo-2-service-innerbox:hover .seo-2-service-icon {
    transition: all .35s cubic-bezier(.38,3,.57,1.6);
    transform: translate3d(0,-6px,0)
}

.seo-2-about-img {
    position: absolute
}

.appilo-text-gradient .elementor-heading-title,.appilo-text-gradient .elementor-text-editor {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.seo-2-about-section {
    padding: 25px 0 110px
}

.seo-2-about-section .seo-2-about-img {
    top: 0;
    left: -215px;
    position: absolute;
    animation: man-updown 2s infinite alternate
}

.seo-2-about-text-wrap {
    float: right;
    max-width: 570px;
    padding-left: 35px
}

.seo-2-about-text {
    color: #7990a4;
    font-size: 20px;
    line-height: 1.5;
    margin: 18px 0 45px
}

.seo-2-about-list-item {
    margin-bottom: 32px
}

.seo-2-about-list-item .seo-2-about-list-icon {
    height: 60px;
    width: 60px;
    margin-right: 25px
}

.seo-2-about-list-item .seo-2-about-list-text h3 {
    color: #003a6c;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px
}

.seo-2-cta-content {
    border-radius: 10px;
    margin-bottom: 115px;
    background-color: #f5fbff;
    padding: 28px 15px 28px 40px
}

.seo-2-cta-content p {
    font-weight: 700;
    color: #003a6c;
    font-size: 20px;
    font-family: "Poppins"
}

.seo-2-cta-content p span {
    color: #ff7eb8
}

.seo-2-cta-content .seo-2-cta-btn {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    position: absolute;
    line-height: 50px;
    border-radius: 100%;
    background-image: linear-gradient(-45deg,#0160e7 0%,#04bdef 100%)
}

.seo-2-cta-content .seo-2-cta-btn a {
    width: 100%;
    color: #fff;
    display: block
}

.seo-2-cta-content .seo-2-cta-btn a i {
    transition: .4s all ease-in-out
}

.seo-2-cta-content .seo-2-cta-btn a:hover i {
    transform: rotate(130deg)
}

.seo-2-partner-content {
    margin: 0 -40px
}

.seo-2-partner-content li {
    padding: 0 40px;
    margin-bottom: 50px
}

.seo-2-partner-content li img {
    transition: .4s all ease-in-out;
    filter: grayscale(1)
}

.seo-2-partner-content li img:hover {
    filter: grayscale(0);
    transform: scale(1.1)
}

.seo-2-portfolio-content .owl-nav {
    bottom: 100px;
    left: -500px;
    position: absolute
}

.seo-2-portfolio-content .owl-nav .owl-prev,.seo-2-portfolio-content .owl-nav .owl-next {
    width: 60px;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    text-align: center;
    margin-right: 15px;
    border-radius: 100%;
    display: inline-block;
    background-color: #f5fbff;
    transition: .4s all ease-in-out
}

.seo-2-portfolio-content .owl-nav .owl-prev:hover,.seo-2-portfolio-content .owl-nav .owl-next:hover {
    color: #fff;
    background-color: #0289eb
}

.seo-2-portfolio-img-text .seo-2-portfolio-img img {
    transition: .5s all ease-in-out
}

.seo-2-portfolio-img-text .seo-2-portfolio-img:before {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    opacity: 0;
    height: 100%;
    z-index: 1;
    position: absolute;
    background-color: #000;
    transition: .4s all ease-in-out
}

.seo-2-portfolio-img-text .seo-2-portfolio-text {
    top: 50%;
    left: 0;
    right: 0;
    width: 50px;
    z-index: 2;
    height: 50px;
    margin: 0 auto;
    border-radius: 100%;
    line-height: 50px;
    position: absolute;
    background-color: #fff;
    transform: translateY(-50%) scale(0);
    transition: .4s all ease-in-out
}

.seo-2-portfolio-img-text .seo-2-portfolio-text a {
    width: 100%;
    display: block
}

.seo-2-portfolio-img-text:hover .seo-2-portfolio-img:before {
    opacity: .7
}

.seo-2-portfolio-img-text:hover .seo-2-portfolio-text {
    transform: translateY(-50%) scale(1)
}

.seo-2-boost-section {
    padding: 115px 0;
    background-color: #000a2a
}

.seo-2-boost-section .seo-2-section-title h2 {
    color: #fff
}

.seo-2-boost-form {
    flex-wrap: wrap;
    margin-top: 40px
}

.seo-2-boost-form .seo-2-boost-input {
    margin-right: 20px
}

.seo-2-boost-form .seo-2-boost-input span {
    top: 23px;
    left: 35px;
    position: absolute
}

.seo-2-boost-form .seo-2-boost-input input {
    width: 400px;
    height: 70px;
    border: none;
    padding-left: 70px;
    border-radius: 40px;
    background-color: #0a1539
}

.seo-2-boost-form .seo-2-boost-input input::placeholder {
    color: #566492
}

.seo-2-boost-form button {
    color: #fff;
    border: none;
    height: 70px;
    width: 330px;
    font-weight: 700;
    border-radius: 40px;
    background-color: #0289eb;
    border: 2px solid #0289eb;
    transition: .3s all ease-in-out
}

.seo-2-boost-form button i {
    margin-right: 5px
}

.seo-2-boost-form button:hover {
    border: 2px solid #fff;
    background-color: transparent
}

.seo-2-why-choose-section {
    padding: 120px 0
}

.seo-2-why-choose-section .seo-2-why-choose-img {
    animation: man-updown 2s infinite alternate
}

.seo-2-why-choose-text {
    padding: 20px 0 0 20px
}

.seo-2-why-choose-text .seo-2-section-title p {
    padding-top: 20px
}

.seo-2-why-choose-counter {
    margin-top: 45px
}

.seo-2-why-choose-counter .counter-boxed {
    margin-right: 60px;
    display: inline-block
}

.seo-2-why-choose-counter .counter-boxed:nth-child(2) {
    margin-right: 0
}

.seo-2-why-choose-counter .counter-boxed .graph-outer {
    margin-bottom: 25px
}

.seo-2-why-choose-counter .counter-boxed h3 {
    color: #003a6c;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px
}

.seo-2-why-choose-counter .counter-boxed span {
    color: #03a0ec;
    font-weight: 700
}

.counter-boxed .count-text {
    font-size: 40px;
    font-weight: 700;
    font-family: "Poppins";
    background: linear-gradient(90deg,#0160e7 0%,#04bdef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.counter-boxed .count-box {
    left: 30px;
    top: 30px;
    font-weight: 700;
    position: absolute
}

.seo-2-blog-section {
    z-index: 1;
    padding: 115px 0
}

.seo-2-blog-section:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 485px;
    position: absolute;
    background-color: #f5fbff
}

.seo-2-blog-section .seo-2-blog-content {
    padding-top: 40px
}

.seo-2-blog-img-text .seo-2-blog-img {
    overflow: hidden
}

.seo-2-blog-img-text .seo-2-blog-img img {
    transition: .5s all ease-in-out
}

.seo-2-blog-img-text .seo-2-blog-text {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04)
}

.seo-2-blog-img-text .seo-2-blog-text .seo-2-date-meta {
    top: -40px;
    right: 40px;
    width: 80px;
    height: 80px;
    color: #7990a4;
    font-size: 14px;
    font-weight: 700;
    padding-top: 18px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.04)
}

.seo-2-blog-img-text .seo-2-blog-text .seo-2-date-meta span {
    color: #000a2a;
    line-height: 1;
    display: block;
    font-size: 30px;
    font-family: "Poppins"
}

.seo-2-blog-img-text .seo-2-blog-text .seo-2-blog-cat {
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(90deg,#0160e7 0%,#04bdef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.seo-2-blog-img-text .seo-2-blog-text h3 {
    color: #003a6c;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.455;
    padding: 5px 0 10px
}

.seo-2-blog-img-text .seo-2-blog-text .seo-2-post-author {
    margin-top: 15px
}

.seo-2-blog-img-text .seo-2-blog-text .seo-2-post-author .seo-2-author-img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 14px;
    border-radius: 100%
}

.seo-2-blog-img-text .seo-2-blog-text .seo-2-post-author h4 {
    color: #003a6c;
    font-size: 14px;
    font-weight: 700;
    padding-top: 12px
}

.seo-2-blog-img-text:hover .seo-2-blog-img img {
    transform: scale(1.2)
}

.seo-2-footer-content-wrap {
    z-index: 1;
    margin: 0 auto;
    max-width: 1310px;
    padding-bottom: 50px;
    background-color: #fff
}

.seo-2-footer-widget-wrapper:after {
    left: 0;
    bottom: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    background: linear-gradient(45deg,#0160e7 0%,#04bdef 100%)
}

.seo-2-footer-widget {
    display: inline-block
}

.seo-2-footer-widget .widget-title {
    color: #003378;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 35px
}

.seo-2-footer-widget .footer-menu-widget {
    padding-right: 80px
}

.seo-2-footer-widget .footer-menu-widget li {
    margin-bottom: 15px
}

.seo-2-footer-widget .footer-menu-widget li a {
    transition: .3s all ease-in-out
}

.seo-2-footer-widget .footer-menu-widget li a:hover {
    color: #04bdef
}

.seo-2-footer-widget .footer-menu-widget .footer-store a {
    display: block;
    margin-bottom: 5px
}

.seo-2-footer-widget .seo-2-footer-blog-img-text {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #edf0f8
}

.seo-2-footer-widget .seo-2-footer-blog-img-text:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.seo-2-footer-widget .rpwwt-widget ul li img {
    height: 80px;
    width: 100px;
    overflow: hidden;
    margin-right: 20px
}

.seo-2-footer-widget .rpwwt-post-date {
    font-size: 14px
}

.seo-2-footer-widget .rpwwt-widget ul li {
    margin: 0 0 .5em
}

.seo-2-footer-widget .rpwwt-post-title {
    color: #003a6c;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625
}

.seo-2-footer-copyright {
    padding: 30px 0 25px;
    background: linear-gradient(45deg,#0160e7 0%,#04bdef 100%)
}

.seo-2-footer-copyright .seo-2-footer-copyright-menu li {
    margin-right: 70px
}

.seo-2-footer-copyright .seo-2-footer-copyright-menu li a {
    color: #fff;
    font-weight: 700
}

.seo-2-footer-copyright .seo-2-footer-copyright-text span {
    color: #fff;
    font-size: 14px
}

.seo-2-footer-copyright .seo-2-footer-copyright-text span a {
    font-weight: 700
}

@media screen and (max-width: 1199px) {
    .seo-2-portfolio-content .owl-nav {
        left:-485px
    }

    .seo-2-boost-form .seo-2-boost-input input {
        width: 315px
    }

    .seo-2-boost-form button {
        width: 250px
    }

    .seo-2-banner-section .seo-2-banner-shape {
        display: none
    }

    .seo-2-portfolio-content .owl-nav {
        left: -400px
    }
}

@media screen and (max-width: 1024px) {
    .seo-2-main-menu-item .seo-2-main-navigation li {
        margin:0 15px
    }

    .seo-2-about-section .seo-2-about-img {
        left: -350px
    }

    .seo-2-portfolio-content .owl-nav {
        bottom: 60px
    }

    .seo-2-why-choose-counter .counter-boxed {
        margin-right: 15px
    }

    .seo-2-why-choose-counter .counter-boxed h3 {
        font-size: 20px
    }

    .seo-2-footer-widget .footer-menu-widget {
        padding-right: 50px
    }
}

@media screen and (max-width: 991px) {
    .seo-2-main-menu-item .seo-2-main-navigation {
        display:none
    }

    .seo-2-main-menu-item .seo-2-header-btn {
        height: 50px;
        width: 130px;
        line-height: 48px;
        margin-left: 25px;
        margin-right: 45px
    }

    .seo-2-main-header {
        padding-top: 10px
    }

    .seo-2-main-header .seo-2-mobile_menu_button {
        display: block
    }

    .seo-2-main-header .seo-2-sidebar-toggle {
        display: none
    }

    .seo-2-main-header .seo-2-brand-logo {
        padding-left: 0
    }

    .seo-2-banner-content {
        padding: 175px 0 290px
    }

    .seo-2-service-innerbox {
        margin-bottom: 40px
    }

    .seo-2-portfolio-content {
        margin-right: 0;
        margin-top: 40px
    }

    .seo-2-portfolio-content .owl-nav {
        position: static;
        margin-top: 30px;
        text-align: center
    }

    .seo-2-portfolio-section {
        padding-bottom: 60px
    }

    .seo-2-portfolio-section:after {
        display: none
    }

    .seo-2-why-choose-img {
        text-align: center
    }

    .seo-2-why-choose-text {
        margin: 0 auto;
        max-width: 570px
    }

    .seo-2-blog-img-text {
        margin: 0 auto;
        max-width: 370px;
        margin-bottom: 30px
    }

    .seo-2-footer-widget {
        margin-top: 30px
    }

    .seo-2-about-text-wrap {
        float: none;
        margin: 0 auto;
        margin-top: 40px
    }

    .seo-2-about-section .seo-2-about-img {
        position: static
    }

    .seo-2-cta-content p {
        font-size: 16px
    }

    .seo-2-boost-form .seo-2-boost-input {
        margin-bottom: 10px
    }

    .seo-2-footer-copyright .seo-2-footer-copyright-menu li {
        margin-right: 40px
    }
}

@media screen and (max-width: 850px) {
    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size:60px
    }

    .seo-2-banner-content .banner-input-field {
        flex-wrap: wrap
    }

    .seo-2-banner-content .banner-input-field .seo-2-form-input {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 767px) {
    .seo-2-banner-section .seo-2-banner-vector {
        position:static
    }

    .seo-2-banner-content {
        padding: 175px 0 60px
    }

    .seo-2-banner-section {
        margin-bottom: 0
    }
}

@media screen and (max-width: 680px) {
    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size:50px
    }

    .seo-2-banner-content .banner-input-field .seo-2-form-input input {
        height: 50px;
        line-height: 50px
    }

    .seo-2-banner-content .banner-input-field .seo-2-form-input span {
        top: 13px
    }

    .seo-2-banner-content .banner-input-field button {
        width: 150px;
        height: 50px
    }

    .seo-2-cta-content .seo-2-cta-btn {
        margin: 0 auto;
        position: static;
        margin-top: 10px
    }

    .seo-2-boost-form .seo-2-boost-input input {
        height: 50px
    }

    .seo-2-boost-form .seo-2-boost-input span {
        top: 13px
    }

    .seo-2-boost-form button {
        height: 50px
    }

    .seo-2-footer-copyright-text,.seo-2-footer-copyright-menu {
        float: none!important
    }
}

@media screen and (max-width: 480px) {
    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size:32px
    }

    .seo-2-service-section {
        padding: 60px 0 20px
    }

    .seo-2-section-title h2 {
        font-size: 28px
    }

    .seo-2-about-text-wrap {
        padding-left: 0
    }

    .seo-2-about-list-text {
        overflow: hidden
    }

    .seo-2-about-section {
        padding: 25px 0 50px
    }

    .seo-2-boost-form .seo-2-boost-input {
        margin-right: 0
    }

    .seo-2-why-choose-counter .counter-boxed {
        display: block;
        text-align: center;
        margin-bottom: 30px
    }

    .seo-2-why-choose-counter .counter-boxed .count-box {
        left: 0;
        right: 0
    }

    .seo-2-why-choose-section {
        padding: 50px 0
    }

    .seo-2-blog-section {
        padding: 50px 0
    }

    .seo-2-footer-copyright .seo-2-footer-copyright-menu li {
        margin-right: 10px
    }
}

@media screen and (max-width: 380px) {
    .seo-2-banner-content .seo-2-banner-text h1 {
        font-size:30px
    }

    .seo-2-service-innerbox .seo-2-service-text h3 {
        font-size: 20px
    }

    .seo-2-blog-img-text .seo-2-blog-text {
        padding: 40px 20px
    }

    .seo-2-why-choose-text {
        padding-left: 0
    }
}

@media screen and (max-width: 320px) {
    .seo-2-main-menu-item .seo-2-header-btn {
        display:none
    }

    .seo-2-service-innerbox {
        padding: 50px 20px
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translateX(-100%)
    }

    50% {
        opacity: 0;
        transform: translateX(100%)
    }

    51% {
        opacity: 1
    }
}

.app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn,.medi-app-cta-form-wrap button,.medi-app-banner-text a {
    color: #fff;
    width: 225px;
    height: 60px;
    border: none;
    margin-top: 20px;
    font-weight: 700;
    position: relative;
    background-color: #e12454;
    transition: .3s all ease-in-out
}

.app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn span,.medi-app-cta-form-wrap button span,.medi-app-banner-text a span {
    top: 10px;
    right: -20px;
    width: 40px;
    height: 40px;
    position: absolute;
    line-height: 40px;
    color: #e12454;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.04)
}

.app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn:hover,.medi-app-cta-form-wrap button:hover,.medi-app-banner-text a:hover {
    background-color: #223645
}

.app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn:hover span,.medi-app-cta-form-wrap button:hover span,.medi-app-banner-text a:hover span {
    animation: toLeftFromRight .5s forwards
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeFromUp {
    animation-name: fadeFromUp
}

.fadeFromRight {
    animation-name: fadeFromRight
}

.fadeFromLeft {
    animation-name: fadeFromLeft
}

.app-medi {
    margin: 0;
    padding: 0;
    color: #70808c;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.625;
    font-family: "Roboto";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.app-medi::selection {
    color: #fff;
    background-color: #6e3ebf
}

.app-medi::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.app-medi .container {
    max-width: 1200px
}

.app-medi .ul-li ul {
    margin: 0;
    padding: 0
}

.app-medi .ul-li ul li {
    list-style: none;
    display: inline-block
}

.app-medi .ul-li-block ul {
    margin: 0;
    padding: 0
}

.app-medi .ul-li-block ul li {
    list-style: none;
    display: block
}

div#app-medi-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/pre.svg) no-repeat center center
}

[data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.app-medi a {
    color: inherit;
    text-decoration: none
}

.app-medi a:hover,.app-medi a:focus {
    text-decoration: none
}

.app-medi img {
    max-width: 100%;
    height: auto
}

.app-medi section {
    overflow: hidden
}

.app-medi button {
    cursor: pointer
}

.app-medi .form-control:focus,.app-medi button:visited,.app-medi button.active,.app-medi button:hover,.app-medi button:focus,.app-medi input:visited,.app-medi input.active,.app-medi input:hover,.app-medi input:focus,.app-medi textarea:hover,.app-medi textarea:focus,.app-medi a:hover,.app-medi a:focus,.app-medi a:visited,.app-medi a.active,.app-medi select,.app-medi select:hover,.app-medi select:focus,.app-medi select:visited {
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.app-medi .form-control {
    box-shadow: none
}

.app-medi .pera-content p {
    margin-bottom: 0
}

@keyframes zooming {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.05,1.05)
    }

    100% {
        transform: scale(1,1)
    }
}

.zooming {
    animation: zooming 18s infinite both
}

.app-medi-headline h1,.app-medi-headline h2,.app-medi-headline h3,.app-medi-headline h4,.app-medi-headline h5,.app-medi-headline h6 {
    margin: 0;
    font-family: "Poppins"
}

.app-medi-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    line-height: 55px;
    border-radius: 100%;
    background-color: #01e07b
}

.app-medi-scrollup i {
    color: #fff;
    font-size: 20px
}

.medi-app-section-title {
    z-index: 2;
    padding-bottom: 60px
}

.medi-app-section-title .title-watermark {
    left: 0;
    right: 0;
    top: -60px;
    z-index: -1;
    line-height: 1;
    color: #e9eff4;
    font-weight: 600;
    font-size: 200px;
    font-family: "Poppins"
}

.medi-app-section-title .title-tag {
    font-size: 14px;
    font-weight: 700;
    color: #e12454;
    letter-spacing: 3px
}

.medi-app-section-title h2 {
    font-size: 48px;
    padding-top: 5px;
    font-weight: 600;
    color: #223645
}

.medi-app-background_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.medi-app-header-top {
    padding: 6px 40px 8px;
    background-color: #223645
}

.medi-app-header-top .medi-app-header-top-social {
    padding-right: 60px
}

.medi-app-header-top .medi-app-header-top-social a {
    margin-right: 12px;
    transition: .3s all ease-in-out
}

.medi-app-header-top .medi-app-header-top-social a:hover {
    color: #e12454
}

.medi-app-header-top .medi-app-header-top-login {
    font-size: 14px
}

.medi-app-header-top .medi-app-header-top-login .h-top-login {
    color: #fff;
    font-weight: 700;
    margin-right: 5px
}

.medi-app-header-top .medi-app-header-top-login .h-top-login i {
    color: #e12454;
    margin-right: 5px
}

.medi-app-header-top .medi-app-header-top-contact {
    padding-right: 70px
}

.medi-app-header-top .medi-app-header-top-contact a {
    font-size: 14px;
    margin-right: 35px
}

.medi-app-header-top .medi-app-header-top-contact a i {
    color: #fff;
    margin-right: 5px
}

.medi-app-header-top .medi-app-header-top-language {
    top: 0;
    right: 0;
    position: absolute
}

.medi-app-header-top .medi-app-header-top-language:after {
    top: 10px;
    right: 22px;
    color: #fff;
    font-size: 14px;
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.medi-app-header-top .medi-app-header-top-language select {
    color: #fff;
    height: 40px;
    width: 120px;
    border: none;
    padding-left: 25px;
    text-align: center;
    background-color: #e12454;
    -webkit-appearance: none
}

.medi-app-main-menu-wrap {
    padding-left: 5px
}

.medi-app-main-menu-wrap .site-brand-logo {
    top: 0;
    left: 0;
    right: 0;
    width: 250px;
    height: 110px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    z-index: 1;
    box-shadow: 0 -30px 100px 0 rgba(0,0,0,.1)
}

.medi-app-main-menu-wrap .dropdown {
    position: relative
}

.medi-app-main-menu-wrap .dropdown:after {
    top: -2px;
    color: #fff;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.medi-app-main-menu-wrap .dropdown .dropdown-menu {
    top: 115px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: none;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-top: 2px solid #e12454;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.medi-app-main-menu-wrap .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.medi-app-main-menu-wrap .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.medi-app-main-menu-wrap .dropdown .dropdown-menu li a:before,.medi-app-main-menu-wrap .dropdown .dropdown-menu li a:after {
    display: none
}

.medi-app-main-menu-wrap .dropdown .dropdown-menu li a:hover {
    background-color: #e12454;
    color: #fff
}

.medi-app-main-menu-wrap .dropdown .dropdown-menu li:last-child {
    border-bottom: none
}

.medi-app-main-menu-wrap .dropdown:hover .dropdown-menu {
    top: 90px;
    opacity: 1;
    visibility: visible
}

.medi-app-main-navigation .navbar-nav {
    display: inherit
}

.medi-app-main-navigation li a {
    font-size: 14px;
    font-weight: 700;
    color: #223645;
    position: relative;
    display: inline-block;
    padding: 35px 35px 33px;
    transition: .4s all ease-in-out
}

.medi-app-main-navigation li a:after {
    left: 0;
    bottom: -2px;
    width: 0;
    right: 0;
    content: "";
    height: 4px;
    margin: 0 auto;
    position: absolute;
    background-color: #e12454;
    transition: .4s all ease-in-out
}

.medi-app-main-navigation li a:hover {
    color: #e12454;
    background-color: #f5fbff
}

.medi-app-main-navigation li a:hover:after {
    width: 100%
}

.medi-app-side-btn button {
    border: none;
    color: #abb7c0;
    font-size: 20px;
    padding: 30px 35px;
    background-color: transparent;
    border-left: 1px solid #f1f1f1;
    transition: .3s all ease-in-out
}

.medi-app-side-btn button:hover {
    color: #e12454
}

.medi-app-sticky-on {
    top: -40px;
    z-index: 10;
    width: 100%;
    position: fixed;
    background-color: #fff;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out;
    box-shadow: 0 0 18px 1px rgba(0,0,0,.1)
}

.app-medi-search-body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    transform: scale(1,0);
    transform-origin: bottom center;
    transition: transform .7s ease;
    background-color: rgba(0,0,0,.85)
}

.app-medi-search-body.app-medi-search-open {
    transform-origin: top center;
    transform: scale(1,1)
}

.app-medi-search-body .app-medi-search-form {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

.app-medi-search-body .app-medi-search-form .app-medi-search-form-area {
    width: 100%;
    z-index: 9991;
    max-width: 600px;
    position: relative
}

.app-medi-search-body .app-medi-search-form input {
    width: 100%;
    height: 60px;
    border: none;
    padding: 0 30px;
    background-color: #fff
}

.app-medi-search-body .app-medi-search-form button {
    top: 0;
    right: 0;
    color: #fff;
    border: none;
    width: 120px;
    height: 60px;
    position: absolute;
    background-color: #e12454
}

.app-medi-search-body .outer-close {
    top: 40px;
    right: 55px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    position: absolute;
    background-color: red
}

.app-medi-search-body .outer-close i {
    color: #fff
}

.app-medi-search-open {
    opacity: 1;
    visibility: visible
}

.medi-app-side-btn .shopping-cart {
    top: 85px;
    right: 90px;
    z-index: -1;
    opacity: 0;
    width: 350px;
    display: block;
    margin: 10px 0;
    background: #fff;
    padding: 30px 20px;
    position: absolute;
    visibility: hidden;
    transition: .3s all ease-in-out;
    border-top: 5px solid #e12454;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.medi-app-side-btn .shopping-cart.cart-show {
    top: 80px;
    opacity: 1;
    z-index: 9;
    visibility: visible
}

.medi-app-side-btn .shopping-cart li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.medi-app-side-btn .shopping-cart li:last-child {
    border-bottom: none
}

.medi-app-side-btn .shopping-cart .cart-total {
    padding-top: 10px;
    font-weight: 700;
    font-size: 14px
}

.medi-app-side-btn .shopping-cart .cart-total span {
    color: #e12454
}

.medi-app-side-btn .shopping-cart .cart-checkout {
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 30px;
    background-color: #e12454
}

.medi-app-side-btn .cart-product-img {
    margin-right: 20px;
    height: 80px;
    width: 80px
}

.medi-app-side-btn .cart-product-text {
    padding-top: 15px
}

.medi-app-side-btn .cart-product-text h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

.medi-app-side-btn .cart-product-text h3 a {
    color: #223645
}

.medi-app-side-btn .cart-product-text span {
    font-size: 14px;
    margin-right: 20px;
    display: inline-block
}

.app-medi-side-bar-toggle {
    z-index: 1;
    width: 70px;
    height: 70px;
    right: 240px;
    bottom: -60px;
    cursor: pointer;
    line-height: 65px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #70808c
}

.app-medi-side-bar-toggle:before {
    top: 8px;
    left: 8px;
    content: "";
    width: 50px;
    height: 50px;
    z-index: -1;
    position: absolute;
    border-radius: 10px;
    background-color: #e12454
}

.app-medi-side-bar-toggle i {
    color: #fff;
    font-size: 26px
}

.sm-side_inner_content {
    top: 0;
    bottom: 0;
    right: -420px;
    height: 110vh;
    z-index: 101;
    position: fixed;
    width: 400px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s
}

.sm-side_inner_content p {
    text-align: left
}

.sm-side_inner_content .side_inner_logo {
    margin: 30px 0
}

.sm-side_inner_content .side_contact {
    margin-bottom: 30px
}

.sm-side_inner_content .side_contact .social_widget {
    margin-bottom: 40px
}

.sm-side_inner_content .side_contact .social_widget h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .social_widget li {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background-color: #70808c
}

.sm-side_inner_content .side_contact .social_widget li i {
    font-size: 14px
}

.sm-side_inner_content .side_contact .app-medi-sidebar-gallary {
    margin-bottom: 25px
}

.sm-side_inner_content .side_contact .app-medi-sidebar-gallary h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0
}

.sm-side_inner_content .side_contact .app-medi-sidebar-gallary li {
    float: left;
    margin: 5px 3px
}

.sm-side_inner_content .side_copywright {
    font-size: 14px
}

.sm-side_inner_content .close_btn {
    top: 30px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background-color: #f5f5f5;
    transition: .3s all ease-in-out
}

.sm-side_inner_content .close_btn i {
    font-size: 14px
}

.sm-side_inner_content .close_btn:hover {
    background-color: #e12454
}

.sm-side_inner_content .close_btn:hover i {
    color: #fff
}

.app-medi-sidebar-inner.wide_side_on .sm-side_inner_content {
    right: -15px;
    z-index: 99;
    transition: all .7s
}

.app-medi-sidebar-inner .side_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    z-index: 11;
    height: 110vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,.8);
    transition: all .3s ease-in-out;
    cursor: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/cl.png),auto
}

.body_overlay_on {
    overflow: hidden
}

.app-medi-sidebar-inner.wide_side_on .side_overlay {
    opacity: 1;
    visibility: visible
}

.app-medi-sidebar-gallary li {
    width: 80px;
    float: left;
    height: 80px;
    margin: 5px;
    overflow: hidden
}

.medi-app-main-header .app-medi-mobile_menu_content {
    top: 40px;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #1b0234;
    padding: 40px 0;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.medi-app-main-header .app-medi-mobile_menu_content .app-medi-mobile-main-navigation {
    width: 100%
}

.medi-app-main-header .app-medi-mobile_menu_content .app-medi-mobile-main-navigation .navbar-nav {
    width: 100%
}

.medi-app-main-header .app-medi-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.medi-app-main-header .app-medi-mobile_menu_content .app-medi-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #36125a
}

.medi-app-main-header .app-medi-mobile_menu_content .app-medi-mobile-main-navigation .navbar-nav li:first-child {
    border-bottom: 1px solid #36125a
}

.medi-app-main-header .app-medi-mobile_menu_content .app-medi-mobile-main-navigation .navbar-nav li a {
    color: #afafaf;
    padding: 0;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 30px;
    font-family: "Poppins";
    text-transform: uppercase
}

.medi-app-main-header .app-medi-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.medi-app-main-header .app-medi-mobile_menu_wrap.mobile_menu_on .app-medi-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.medi-app-main-header .mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.medi-app-main-header .mobile_menu_overlay_on {
    overflow: hidden
}

.medi-app-main-header .app-medi-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.medi-app-main-header .app-medi-mobile_menu_button {
    right: 20px;
    top: 15px;
    z-index: 5;
    color: #e12454;
    display: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    position: absolute;
    text-align: center
}

.medi-app-main-header .app-medi-mobile_menu .app-medi-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.medi-app-main-header .app-medi-mobile_menu .app-medi-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.medi-app-main-header .app-medi-mobile_menu .app-medi-mobile_menu_content .app-medi-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    background-color: transparent
}

.medi-app-main-header .app-medi-mobile_menu .app-medi-mobile_menu_content .app-medi-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.medi-app-main-header .app-medi-mobile_menu .dropdown {
    position: relative
}

.medi-app-main-header .app-medi-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    height: 30px;
    color: #afafaf;
    line-height: 22px;
    padding: 5px 10px;
    border: 1px solid #480b86
}

.medi-app-main-header .app-medi-mobile_menu .dropdown:after {
    display: none
}

.medi-app-main-header .app-medi-mobile_menu .app-medi-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

@keyframes icon-bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-10px)
    }

    60% {
        transform: translateY(-5px)
    }
}

.medi-app-banner-content {
    padding: 185px 0 180px
}

.medi-app-banner-text {
    max-width: 580px
}

.medi-app-banner-text h1 {
    font-size: 72px;
    font-weight: 600;
    line-height: 1.2;
    color: #223645;
    padding-bottom: 15px
}

.medi-app-banner-text p {
    font-size: 18px;
    padding-bottom: 45px
}

.medi-app-banner-text a {
    color: #fff;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    margin: 0 40px 0 0
}

.medi-app-banner-text a:hover {
    background-color: #223645
}

.medi-app-banner-text a:nth-child(1) {
    width: 180px
}

.medi-app-banner-text a:nth-child(2) {
    width: 215px
}

.medi-app-banner-feature {
    position: absolute;
    right: 0;
    bottom: 0
}

.medi-app-banner-feature-icon-text {
    width: 150px;
    height: 150px;
    padding-top: 30px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
    background-color: #fff
}

.medi-app-banner-feature-icon-text .medi-app-banner-feature-icon {
    line-height: 1
}

.medi-app-banner-feature-icon-text .medi-app-banner-feature-icon svg {
    height: 60px;
    width: 60px;
    fill: #e12454
}

.medi-app-banner-feature-icon-text .medi-app-banner-feature-icon i {
    font-size: 60px;
    color: #e12454
}

.medi-app-banner-feature-icon-text .medi-app-banner-feature-text span {
    font-size: 12px;
    font-weight: 700
}

.medi-app-banner-feature-icon-text:before {
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    content: "";
    height: 3px;
    margin: 0 auto;
    position: absolute;
    background-color: #e12454;
    transition: .4s all ease-in-out
}

.medi-app-banner-feature-icon-text:hover:before {
    width: 100%
}

.medi-app-banner-feature-icon-text:hover .medi-app-banner-feature-icon {
    animation: icon-bounce .8s ease-out infinite
}

.app-medi-banner-cta {
    background-color: #223645
}

.app-medi-banner-cta-icon-text {
    padding: 20px 50px 30px;
    background-color: #e12454
}

.app-medi-banner-cta-icon-text:before {
    left: 0;
    top: -25px;
    width: 100%;
    content: "";
    height: 25px;
    position: absolute;
    background-color: #e12454
}

.app-medi-banner-cta-icon-text .app-medi-banner-cta-icon {
    margin-right: 10px
}

.app-medi-banner-cta-icon-text .app-medi-banner-cta-icon svg {
    fill: #fff;
    height: 35px
}

.app-medi-banner-cta-icon-text .app-medi-banner-cta-text h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.app-medi-banner-cta-icon-text .app-medi-banner-cta-text span {
    color: #fff;
    font-size: 14px
}

.app-medi-banner-cta-slug {
    padding-top: 35px;
    padding-left: 50px
}

.app-medi-banner-cta-slug p {
    color: #fff;
    float: left
}

.app-medi-banner-cta-slug p a {
    font-size: 20px;
    font-weight: 600
}

.app-medi-banner-cta-slug span {
    top: -10px;
    width: 50px;
    float: right;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: #e12454;
    text-align: center;
    background-color: #fff
}

.app-medi-banner-cta-slug span a {
    width: 100%;
    display: block
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.medi-app-about-section {
    padding: 120px 0 140px
}

.medi-app-hover-img .elementor-image {
    overflow: hidden
}

.medi-app-hover-img .elementor-image:after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    opacity: 0;
    height: 100%;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    transform: skewX(-25deg)
}

.medi-app-hover-img .elementor-image:hover:after {
    opacity: 1;
    animation: shine .75s
}

.medi-app-about-img-wrap .medi-app-about-img2 {
    margin-left: 20px;
    transform: translateY(20px)
}

.medi-app-about-text-wrap {
    padding-top: 58px
}

.medi-app-about-exp {
    padding-top: 40px;
    margin-right: 50px;
    border-top: 1px solid #e12454
}

.medi-app-about-exp .app-medi-exp-title {
    font-size: 14px;
    font-weight: 700;
    max-width: 60px;
    color: #223645;
    display: inline-block;
    font-family: "Poppins"
}

.medi-app-about-exp h2 {
    line-height: 1;
    color: #e12454;
    font-size: 150px;
    font-weight: 600;
    padding-top: 15px
}

.medi-app-about-exp .app-medi-title2 {
    font-size: 22px;
    font-weight: 100;
    max-width: 130px;
    color: #223645;
    display: inline-block
}

.medi-app-about-text h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.25;
    color: #223645;
    padding-bottom: 25px
}

.medi-app-about-text p {
    line-height: 1.75
}

.medi-app-about-text .app-medi-about-list {
    padding-top: 20px
}

.medi-app-about-text .app-medi-about-list li {
    width: 50%;
    float: left;
    padding-left: 15px;
    margin-bottom: 3px;
    position: relative
}

.medi-app-about-text .app-medi-about-list li:before {
    top: 0;
    left: 0;
    content: "";
    font-weight: 900;
    position: absolute;
    color: #e12454;
    font-family: "Font Awesome 5 Free"
}

.medi-app-service-section {
    padding: 120px 0;
    background-color: #f1f7fb
}

.medi-app-service-innerbox {
    padding: 45px 40px;
    background-color: #fff
}

.medi-app-service-innerbox .medi-app-service-icon-title {
    margin-bottom: 14px
}

.medi-app-service-innerbox .medi-app-service-icon {
    margin-right: 20px;
    transition: .6s cubic-bezier(.24,.74,.58,1)
}

.medi-app-service-innerbox .medi-app-service-icon svg {
    height: 60px;
    fill: #e12454
}

.medi-app-service-innerbox .medi-app-service-icon i {
    font-size: 60px;
    color: #e12454
}

.medi-app-service-innerbox .app-medi-service-title h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #223645
}

.medi-app-service-innerbox .app-medi-service-text p {
    font-size: 14px;
    line-height: 1.857;
    padding-bottom: 30px
}

.medi-app-service-innerbox .app-medi-service-text li {
    font-size: 14px;
    font-weight: 700;
    padding-left: 35px;
    color: #223645;
    position: relative;
    margin-bottom: 12px
}

.medi-app-service-innerbox .app-medi-service-text li:last-child {
    margin-bottom: 0
}

.medi-app-service-innerbox .app-medi-service-text li:before {
    top: 0;
    left: 0;
    content: "\f00c";
    font-weight: 900;
    position: absolute;
    color: #e12454;
    font-family: "Font Awesome 5 Free"
}

.medi-app-service-innerbox:hover .medi-app-service-icon {
    transform: rotateY(360deg)
}

.medi-app-service-content .owl-nav {
    display: none
}

.medi-app-service-content .owl-dots {
    margin-top: 40px;
    text-align: center
}

.medi-app-service-content .owl-dots .owl-dot {
    height: 6px;
    width: 24px;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    transition: .3s all ease-in-out
}

.medi-app-service-content .owl-dots .owl-dot.active {
    background-color: #e12454
}

.medi-app-cta-section {
    padding: 120px 0
}

.medi-app-cta-section .medi-app-background_overlay {
    background-color: rgba(225,35,83,.85)
}

.medi-app-cta-text {
    padding-top: 40px
}

.medi-app-cta-text .medi-app-section-title {
    padding-bottom: 40px
}

.medi-app-cta-text .medi-app-section-title .title-tag,.medi-app-cta-text .medi-app-section-title h2,.medi-app-cta-text .medi-app-section-title p {
    color: #fff
}

.medi-app-cta-text .medi-app-section-title h2 {
    font-size: 40px;
    padding-bottom: 20px
}

.medi-app-cta-text .medi-app-section-title p {
    line-height: 1.75;
    max-width: 520px
}

.medi-app-cta-text .medi-app-cta-list li {
    width: 50%;
    float: left;
    color: #fff;
    font-weight: 700;
    padding-left: 60px;
    margin-bottom: 30px;
    position: relative
}

.medi-app-cta-text .medi-app-cta-list li:before {
    top: -8px;
    left: 0;
    width: 40px;
    content: "";
    height: 40px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #ffffff7d
}

.medi-app-cta-text .medi-app-cta-list li:after {
    top: -1px;
    left: 13px;
    content: "";
    font-weight: 900;
    position: absolute;
    color: #ffffff7d;
    font-family: "Font Awesome 5 Free"
}

.medi-app-cta-form-wrap {
    padding: 50px;
    background-color: #fff
}

.medi-app-cta-form-wrap h3 {
    font-weight: 600;
    font-size: 24px;
    color: #223645;
    padding-bottom: 15px
}

.medi-app-cta-form-wrap p {
    font-size: 14px;
    max-width: 415px;
    padding-bottom: 25px
}

.app-medi-cta-form-input {
    flex-wrap: wrap;
    margin: 0 -10px
}

.app-medi-cta-input,.app-medi-cta-input2 {
    padding: 0 10px;
    margin-bottom: 20px
}

.app-medi-cta-input input,.app-medi-cta-input select,.app-medi-cta-input2 input,.app-medi-cta-input2 select {
    width: 225px;
    height: 58px;
    font-size: 14px;
    padding-left: 40px;
    border: 1px solid #dcdcdc
}

.app-medi-cta-input .icon-bg,.app-medi-cta-input2 .icon-bg {
    top: 19px;
    left: 30px;
    font-size: 14px;
    color: #e12454
}

.app-medi-cta-input2 input {
    width: 143px
}

.app-medi-cta-section-2 {
    padding: 100px 0;
    background-color: #223645
}

.app-medi-cta-call .app-medi-cta-icon {
    margin-right: 20px
}

.app-medi-cta-call .app-medi-cta-icon-2 {
    margin-left: 5px
}

.app-medi-cta-call .app-medi-cta-text-2 {
    overflow: hidden;
    padding-top: 12px;
    display: inline-block
}

.app-medi-cta-call .app-medi-cta-text-2 span b {
    color: #e12454
}

.app-medi-cta-call .app-medi-cta-text-2 h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px
}

.app-medi-cta-call .app-medi-cta-text-2 h4 span {
    color: #e12454
}

.app-medi-cta-btn a {
    color: #fff;
    height: 60px;
    width: 200px;
    margin: 0 auto;
    font-weight: 700;
    line-height: 60px;
    display: inline-block;
    background-color: #e12454
}

.app-medi-team-innerbox .app-medi-team-img {
    overflow: hidden
}

.app-medi-team-innerbox .app-medi-team-img img {
    transition: .5s all ease-in-out
}

.app-medi-team-innerbox .app-medi-team-img:before {
    top: -35px;
    content: "";
    z-index: 1;
    width: 100px;
    height: 100px;
    right: -100px;
    position: absolute;
    border-radius: 100%;
    background-color: #e12454;
    transition: .4s all ease-in-out;
    transition-delay: .2s
}

.app-medi-team-innerbox .app-medi-team-icon {
    top: 25px;
    opacity: 0;
    right: 15px;
    z-index: 2;
    visibility: hidden;
    position: absolute;
    transition: .4s all ease-in-out;
    transition-delay: .4s
}

.app-medi-team-innerbox .app-medi-team-icon svg {
    fill: #fff;
    height: 25px
}

.app-medi-team-innerbox .app-medi-team-social {
    left: 0;
    right: 0;
    height: 30px;
    bottom: -30px;
    margin: 0 auto;
    max-width: 165px;
    line-height: 30px;
    position: absolute;
    background-color: #e12454;
    transition: .3s all ease-in-out
}

.app-medi-team-innerbox .app-medi-team-social a {
    color: #fff;
    font-size: 14px;
    margin: 0 5px
}

.app-medi-team-innerbox .app-medi-text-text {
    padding: 25px 35px;
    border: 2px solid #f7f7f7;
    transition: .3s all ease-in-out
}

.app-medi-team-innerbox .app-medi-text-text span {
    font-size: 14px;
    font-weight: 700;
    color: #e12454;
    letter-spacing: 3px;
    text-transform: uppercase
}

.app-medi-team-innerbox .app-medi-text-text h3 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 5px;
    color: #223645
}

.app-medi-team-innerbox:hover .app-medi-team-social {
    bottom: 0
}

.app-medi-team-innerbox:hover .app-medi-team-img:before {
    right: -35px
}

.app-medi-team-innerbox:hover .app-medi-team-icon {
    top: 15px;
    opacity: 1;
    visibility: visible
}

.app-medi-team-innerbox:hover .app-medi-text-text {
    box-shadow: rgba(0,0,0,.1) 0 -30px 100px 0
}

.app-medi-team-innerbox:hover .app-medi-team-img img {
    transform: scale(1.2)
}

.medi-app-process-step-item {
    z-index: 1;
    padding-bottom: 30px
}

.medi-app-process-step-item .medi-app-process-number {
    width: 60px;
    color: #fff;
    height: 60px;
    font-size: 14px;
    display: table;
    margin-top: 20px;
    line-height: 60px;
    font-weight: 700;
    margin-right: 30px;
    border-radius: 100%;
    font-family: "Poppins";
    background-color: #e12454
}

.medi-app-process-step-item .medi-app-process-step-text {
    padding: 35px 40px;
    background-color: #fff
}

.medi-app-process-step-item .medi-app-process-step-text:before {
    width: 0;
    top: 35px;
    height: 0;
    content: "";
    left: -15px;
    position: absolute;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 15px solid transparent
}

.medi-app-process-step-item .medi-app-process-step-text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #223645;
    padding-bottom: 10px
}

.medi-app-process-step-item:before,.medi-app-process-step-item:after {
    top: 55px;
    left: 30px;
    width: 2px;
    z-index: -2;
    content: "";
    height: 100%;
    position: absolute;
    background-color: #e2eaef;
    transition: .4s all ease-in-out
}

.medi-app-process-step-item:after {
    bottom: 0;
    height: 0;
    z-index: -1;
    background-color: #e12454
}

.medi-app-process-step-item:last-child {
    padding-bottom: 0
}

.medi-app-process-step-item:last-child:before,.medi-app-process-step-item:last-child:after {
    display: none
}

.medi-app-process-step-item:hover:after {
    height: 100%;
    bottom: auto
}

.app-medi-feature-section {
    background-color: #f5f5f5
}

.app-medi-feature-img-text {
    margin: 0 auto;
    max-width: 640px
}

.app-medi-feature-img-text:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    background-color: rgba(34,53,68,.75);
    position: absolute
}

.app-medi-feature-img-text .app-medi-feature-icon-text {
    top: 100px;
    left: 80px;
    position: absolute
}

.app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-feature-icon {
    line-height: 1;
    margin-bottom: 30px
}

.app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-feature-icon svg {
    height: 60px;
    fill: #e12454
}

.app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-text h3 {
    color: #fff;
    font-size: 36px;
    max-width: 350px;
    font-weight: 700;
    line-height: 1.278;
    padding-bottom: 15px
}

.app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-text span {
    color: #adbbc5;
    font-size: 17px
}

.app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-text .app-medi-feature-more-btn {
    bottom: 0;
    right: -95px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    border-radius: 100%;
    display: inline-block;
    background-color: #fff
}

.app-medi-testimonial-section {
    padding: 120px 0 160px
}

.app-medi-testimonial-slider {
    padding: 45px;
    max-width: 385px;
    background-color: #e12454
}

.app-medi-testimonial-slider .owl-nav {
    display: none
}

.app-medi-testimonial-slider .app-medi-testimonial-quote p {
    font-size: 14px;
    color: #ffd6e0;
    font-style: italic;
    font-family: "Playfair Display",serif
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-testimonial-author {
    margin-top: 25px
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-testimonial-author .app-medi-test-author-img {
    width: 47px;
    height: 47px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-testimonial-author .app-medi-test-author-text {
    color: #fff
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-testimonial-author .app-medi-test-author-text h4 {
    font-size: 20px;
    font-weight: 600
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-testimonial-author .app-medi-test-author-text span {
    font-size: 14px
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-icon-bg {
    right: 45px;
    bottom: -20px;
    z-index: -1;
    position: absolute;
    line-height: 1
}

.app-medi-testimonial-slider .app-medi-testimonial-quote .app-medi-icon-bg svg {
    fill: #e73461;
    height: 160px
}

.app-medi-testimonial-text {
    padding-top: 35px
}

.app-medi-testimonial-text .medi-app-section-title {
    padding-bottom: 40px
}

.app-medi-testimonial-text-details p {
    line-height: 1.75;
    padding-bottom: 15px
}

.app-medi-testimonial-signature {
    margin-top: 15px
}

.medi-app-blog-section {
    padding: 120px 0;
    background-color: #f1f7fb
}

.medi-app-blog-img-text .medi-app-blog-img {
    overflow: hidden
}

.medi-app-blog-img-text .medi-app-blog-img img {
    transform: scale(1.2);
    transition: .4s all ease-in-out
}

.medi-app-blog-img-text .medi-app-blog-cat {
    right: 0;
    bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    padding: 5px 20px;
    background-color: #e12454
}

.medi-app-blog-img-text .medi-app-blog-text {
    padding: 40px 35px;
    background-color: #fff;
    border: 2px solid #e2e7eb;
    transition: .4s all ease-in-out;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04)
}

.medi-app-blog-img-text .medi-app-blog-text .medi-app-blog-meta {
    margin-bottom: 8px
}

.medi-app-blog-img-text .medi-app-blog-text .medi-app-blog-meta a {
    font-size: 14px;
    margin-right: 40px;
    position: relative
}

.medi-app-blog-img-text .medi-app-blog-text .medi-app-blog-meta a:after {
    top: 2px;
    right: -22px;
    width: 2px;
    content: "";
    height: 12px;
    position: absolute;
    background-color: #dde6ec
}

.medi-app-blog-img-text .medi-app-blog-text .medi-app-blog-meta a:last-child:after {
    display: none
}

.medi-app-blog-img-text .medi-app-blog-text h3 {
    font-size: 20px;
    font-weight: 600;
    color: #223645;
    padding-bottom: 15px
}

.medi-app-blog-img-text .medi-app-blog-text .medi-app-blog-more {
    color: #98a6b1;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.medi-app-blog-img-text .medi-app-blog-text .medi-app-blog-more:after {
    left: 0;
    bottom: 0;
    height: 2px;
    content: "";
    width: 100%;
    position: absolute;
    background-color: #98a6b1
}

.medi-app-blog-img-text:hover .medi-app-blog-text {
    box-shadow: none;
    border: 2px solid #fff
}

.medi-app-blog-img-text:hover .medi-app-blog-img img {
    transform: scale(1)
}

.app-medi-partner-section {
    padding: 75px 0;
    background-color: #e12454
}

.app-medi-partner-slider .owl-nav {
    display: none
}

.app-medi-partner-slider .app-medi-partner-img img {
    transition: .4s all ease-in-out;
    filter: grayscale(1)
}

.app-medi-partner-slider .app-medi-partner-img:hover img {
    transform: scale(1.1);
    filter: grayscale(0)
}

.app-medi-footer {
    padding-top: 95px
}

.app-medi-footer .medi-app-background_overlay {
    background-color: rgba(16,30,41,.75)
}

.app-medi-footer .medi-app-footer-widget-content {
    padding-bottom: 100px
}

.app-medi-footer-widget .medi-app-widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 30px
}

.app-medi-footer-widget .app-medi-logo-widget {
    max-width: 270px
}

.app-medi-footer-widget .app-medi-logo-widget .medi-app-footer-logo {
    margin-bottom: 30px;
    display: inline-block
}

.app-medi-footer-widget .app-medi-logo-widget p {
    color: #b2c1cc;
    padding-bottom: 20px
}

.app-medi-footer-widget .app-medi-logo-widget .app-medi-footer-social {
    margin-top: 15px
}

.app-medi-footer-widget .app-medi-logo-widget .app-medi-footer-social a {
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    margin-right: 8px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    border: 1px solid #727b81;
    transition: .4s all ease-in-out
}

.app-medi-footer-widget .app-medi-logo-widget .app-medi-footer-social a:hover {
    background-color: #e12454;
    border: 1px solid #e12454
}

.app-medi-footer-widget .menu li {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.app-medi-footer-widget .menu li a {
    font-size: 15px;
    color: #b2c1cc
}

.app-medi-footer-widget .app-medi-contact-widget {
    background-color: #fff;
    padding: 50px 60px 50px 50px;
    border-bottom: 5px solid #e12454
}

.app-medi-footer-widget .app-medi-contact-widget .contact-widget-wrap {
    margin-bottom: 20px
}

.app-medi-footer-widget .app-medi-contact-widget .contact-widget-wrap .cw-widget-text {
    padding-top: 5px
}

.app-medi-footer-widget .app-medi-contact-widget .contact-widget-wrap .cw-widget-text h3 {
    color: #033333;
    font-size: 22px;
    font-weight: 600
}

.app-medi-footer-widget .app-medi-contact-widget .contact-widget-wrap .cw-widget-text span {
    color: #777;
    font-size: 14px
}

.app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn {
    margin: 0 auto;
    line-height: 60px
}

.app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn a {
    width: 100%;
    display: block
}

.app-medi-footer-copyright {
    padding: 28px 0;
    background-color: #1a2a36
}

.app-medi-copyright-text {
    color: #a6b5c0
}

.app-medi-copyright-text a {
    font-weight: 700
}

.app-medi-footer-menu {
    text-align: right
}

.app-medi-footer-menu li {
    margin-left: 40px
}

.app-medi-footer-menu li a {
    color: #a6b5c0
}

@media screen and (max-width: 1690px) {
    .medi-app-main-navigation li a {
        padding:35px 15px 33px
    }
}

@media screen and (max-width: 1280px) {
    .medi-app-main-menu-wrap .site-brand-logo {
        width:170px;
        height: 75px;
        background-color: #fff
    }

    .medi-app-main-navigation li a {
        padding: 27px 15px 25px
    }

    .medi-app-side-btn button {
        font-size: 15px;
        padding: 23px 15px 25px
    }

    .medi-app-side-btn .shopping-cart {
        right: 0
    }

    .medi-app-side-btn .shopping-cart.cart-show {
        top: 65px
    }
}

@media screen and (max-width: 1199px) {
    .medi-app-main-navigation {
        display:none
    }

    .medi-app-main-menu-wrap .site-brand-logo {
        left: 0;
        right: auto;
        height: 70px
    }

    .medi-app-side-toggle {
        display: none
    }

    .cart-open-btn {
        border-right: 1px solid #f1f1f1!important
    }

    .medi-app-side-option {
        padding-right: 50px
    }

    .medi-app-main-header .app-medi-mobile_menu_button {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .app-medi-banner-cta-icon-text:before {
        display:none
    }

    .app-medi-banner-cta-icon-text {
        padding: 15px
    }

    .app-medi-banner-cta-slug {
        padding-top: 23px;
        padding-left: 0
    }

    .medi-app-about-text h2 {
        font-size: 30px
    }

    .app-medi-cta-input input,.app-medi-cta-input select,.app-medi-cta-input2 input,.app-medi-cta-input2 select,.app-medi-cta-input,.app-medi-cta-input2 {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .medi-app-about-img-wrap,.medi-app-about-text-wrap,.app-medi-process-text,.app-medi-testimonial-text {
        margin:0 auto;
        max-width: 570px
    }

    .app-medi-team-innerbox {
        margin: 0 auto;
        max-width: 270px;
        margin-bottom: 30px
    }

    .app-medi-process-img {
        text-align: center;
        margin-bottom: 35px
    }

    .app-medi-cta-call {
        text-align: center;
        margin-bottom: 20px
    }

    .app-medi-cta-call .app-medi-cta-icon,.app-medi-cta-call .app-medi-cta-icon-2 {
        float: none!important
    }

    .app-medi-cta-call .app-medi-cta-text-2 {
        text-align: center!important;
        margin-top: 20px
    }

    .app-medi-testimonial-slider {
        margin: 0 auto;
        position: static;
        margin-top: 30px
    }

    .app-medi-testimonial-slider-img-wrap {
        text-align: center
    }

    .medi-app-blog-img-text {
        margin: 0 auto;
        max-width: 370px;
        margin-bottom: 30px
    }

    .app-medi-footer-widget {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 850px) {
    .medi-app-header-top {
        padding:6px 15px 8px
    }

    .medi-app-header-top .medi-app-header-top-social {
        padding-right: 10px
    }

    .medi-app-header-top .medi-app-header-top-contact a {
        margin-right: 15px
    }

    .medi-app-header-top .medi-app-header-top-language {
        display: none
    }

    .medi-app-header-top .medi-app-header-top-contact {
        padding-right: 0
    }

    .app-medi-footer .medi-app-footer-widget-content {
        padding-bottom: 40px
    }

    .app-medi-footer-widget .app-medi-contact-widget .contact-widget-wrap .cw-widget-text {
        text-align: left!important
    }

    .cw-widget-icon {
        margin-right: 15px
    }

    .app-medi-footer {
        padding-top: 45px
    }
}

@media screen and (max-width: 850px) {
    .medi-app-banner-text h1 {
        font-size:60px
    }
}

@media screen and (max-width: 650px) {
    .medi-app-header-top .medi-app-header-top-contact {
        display:none
    }

    .medi-app-banner-feature {
        position: static;
        padding-top: 50px
    }

    .medi-app-banner-feature-icon-text {
        width: 100px;
        height: 100px;
        padding-top: 20px
    }

    .medi-app-banner-feature-icon-text .medi-app-banner-feature-icon svg {
        height: 40px
    }

    .medi-app-banner-content {
        padding: 100px 0 100px
    }

    .medi-app-banner-text a:nth-child(1) {
        width: 140px
    }

    .medi-app-banner-text a:nth-child(2) {
        width: 195px
    }

    .medi-app-section-title h2 {
        font-size: 40px
    }

    .medi-app-section-title {
        padding-bottom: 30px
    }

    .medi-app-section-title .title-watermark {
        top: -25px;
        font-size: 125px
    }

    .medi-app-service-section {
        padding: 60px 0
    }

    .medi-app-cta-section {
        padding: 60px 0
    }

    .app-medi-process-section {
        padding: 60px 0
    }

    .app-medi-cta-section-2 {
        padding: 50px 0
    }

    .app-medi-feature-img-text .app-medi-feature-icon-text {
        top: 35px;
        left: 35px
    }

    .app-medi-testimonial-section {
        padding: 60px 0 60px
    }

    .medi-app-blog-section {
        padding: 60px 0
    }

    .app-medi-footer-menu {
        float: left;
        margin-top: 10px
    }

    .app-medi-footer-menu li {
        margin-left: 0;
        margin-right: 10px
    }
}

@media screen and (max-width: 480px) {
    .medi-app-banner-text h1 {
        font-size:45px
    }

    .medi-app-banner-text a {
        height: 50px;
        font-size: 14px;
        margin-top: 20px;
        line-height: 50px;
        margin: 0 25px 0 0
    }

    .medi-app-about-section {
        padding: 60px 0
    }

    .app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn span,.medi-app-cta-form-wrap button span,.medi-app-banner-text a span {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .medi-app-banner-feature-icon-text {
        margin-bottom: 10px
    }

    .medi-app-banner-text a:nth-child(1) {
        width: 120px
    }

    .medi-app-banner-text a:nth-child(2) {
        width: 155px
    }

    .medi-app-banner-text p {
        padding-bottom: 25px
    }

    .medi-app-about-text-wrap {
        flex-wrap: wrap
    }

    .medi-app-about-exp {
        margin-bottom: 20px
    }

    .medi-app-cta-text .medi-app-section-title h2 {
        font-size: 30px
    }

    .medi-app-cta-text .medi-app-cta-list li {
        width: 100%
    }

    .medi-app-cta-form-wrap {
        padding: 25px
    }

    .app-medi-footer-widget .app-medi-contact-widget .cw-widget-btn,.medi-app-cta-form-wrap button,.medi-app-banner-text a {
        height: 50px;
        line-height: 50px
    }

    .app-medi-process-img:before {
        display: none
    }

    .app-medi-process-img {
        padding-top: 0
    }

    .app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-text h3 {
        font-size: 24px;
        padding-bottom: 5px
    }

    .app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-feature-icon svg {
        height: 30px
    }

    .app-medi-feature-img-text .app-medi-feature-icon-text .app-medi-feature-icon {
        margin-bottom: 15px
    }

    .medi-app-section-title h2 {
        font-size: 34px
    }

    .medi-app-side-btn .shopping-cart.cart-show {
        top: 60px
    }

    .medi-app-header-top .medi-app-header-top-social a {
        font-size: 14px;
        margin-right: 10px
    }

    .medi-app-side-btn .cart-product-text h3 {
        font-size: 16px
    }

    .app-medi-search-body .outer-close {
        top: 15px;
        right: 15px
    }

    .app-medi-search-body .app-medi-search-form button {
        width: 70px
    }
}

@media screen and (max-width: 380px) {
    .medi-app-banner-text h1 {
        font-size:40px
    }

    .medi-app-section-title .title-watermark {
        top: 0;
        font-size: 75px
    }

    .app-medi-cta-btn a {
        width: 160px
    }

    .app-medi-footer-widget .app-medi-contact-widget .contact-widget-wrap .cw-widget-text h3 {
        font-size: 20px
    }

    .app-medi-footer-widget .app-medi-contact-widget {
        padding: 52px 30px 50px
    }
}

@media screen and (max-width: 320px) {
    .medi-app-side-btn .shopping-cart {
        width:310px
    }
}

.app-res-btn {
    height: 60px;
    width: 210px;
    line-height: 55px;
    letter-spacing: 2px;
    border: 2px solid #c9ab81;
    background-color: #c9ab81;
    transition: .4s all ease-in-out
}

.app-res-btn a {
    color: #fff;
    width: 100%;
    display: block;
    font-weight: 700
}

.app-res-btn:hover {
    background-color: transparent
}

.medi-app-hover-img {
    overflow: hidden
}

.app-res-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    line-height: 55px;
    border-radius: 100%;
    background-color: #c9ab81
}

.app-res-scrollup i {
    color: #fff;
    font-size: 20px
}

.app-res-main-navigation {
    padding-top: 15px;
    display: flex
}

.app-res-main-navigation .navbar-nav {
    display: inherit
}

.app-res-main-navigation li {
    margin-left: 55px
}

.app-res-main-navigation>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 30px
}

.app-res-main-navigation .dropdown {
    position: relative
}

.app-res-main-navigation .dropdown:after {
    top: -2px;
    color: #c9ab81;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    transition: .3s all ease-in-out
}

.app-res-main-navigation .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: none;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #c9ab81;
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.app-res-main-navigation .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.app-res-main-navigation .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    transition: .3s all ease-in-out
}

.app-res-main-navigation .dropdown .dropdown-menu li a:before {
    display: none
}

.app-res-main-navigation .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 16px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #fff;
    transition: .3s all ease-in-out
}

.app-res-main-navigation .dropdown .dropdown-menu li a:hover {
    background-color: #c9ab81;
    color: #fff
}

.app-res-main-navigation .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1)
}

.app-res-main-navigation .dropdown .dropdown-menu li:last-child {
    border-bottom: none
}

.app-res-main-navigation .dropdown:hover .dropdown-menu {
    top: 48px;
    opacity: 1;
    visibility: visible
}

.appilo-sticky.app-res-sticky-menu {
    top: 0;
    width: 100%;
    z-index: 9!important;
    position: fixed!important;
    padding: 10px 0;
    background-color: #010101;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-timing-function: ease;
    transition: .3s all ease-in-out;
    box-shadow: 0 0 18px 1px rgb(0 0 0/10%)
}

.app-res-menu-item .app-res-btn {
    margin-left: 75px
}

.app-res-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #1b0234;
    padding: 40px 0;
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    transition: all .5s ease-in
}

.app-res-mobile_menu_content .app-res-mobile-main-navigation {
    width: 100%
}

.app-res-mobile_menu_content .app-res-mobile-main-navigation .navbar-nav {
    width: 100%
}

.app-res-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    transform: none!important
}

.app-res-mobile_menu_content .app-res-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #36125a
}

.app-res-mobile_menu_content .app-res-mobile-main-navigation .navbar-nav li:first-child {
    border-bottom: 1px solid #36125a
}

.app-res-mobile_menu_content .app-res-mobile-main-navigation .navbar-nav li a {
    color: #afafaf;
    padding: 0;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase
}

.app-res-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.app-res-mobile_menu_wrap.mobile_menu_on .app-res-mobile_menu_content {
    right: 0;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.app-res-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.app-res-mobile_menu_button {
    z-index: 5;
    display: none;
    cursor: pointer;
    font-size: 24px;
    color: #c9ab81;
    text-align: center
}

.app-res-mobile_menu .app-res-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.app-res-mobile_menu .app-res-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.app-res-mobile_menu .app-res-mobile_menu_content .app-res-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    background-color: transparent
}

.app-res-mobile_menu .app-res-mobile_menu_content .app-res-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.app-res-mobile_menu .dropdown {
    position: relative
}

.app-res-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    height: 30px;
    color: #afafaf;
    line-height: 22px;
    padding: 5px 10px;
    border: 1px solid #480b86
}

.app-res-mobile_menu .dropdown:after {
    display: none
}

.app-res-mobile_menu .app-res-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.app-res-slider-wrapper .app-res-slider-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.app-res-slider-text {
    z-index: 1;
    max-width: 420px;
    padding: 250px 0;
    position: relative
}

.app-res-slider-text span {
    font-size: 18px;
    display: inline-block;
    color: #c9ab81;
    font-family: "Miniver",cursive;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: all 1s ease
}

.app-res-slider-text h1 {
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.139;
    padding: 10px 0 30px;
    text-transform: uppercase;
    transform: scaleY(0);
    transform-origin: top;
    transition: all 1s ease
}

.app-res-slider-text .app-res-slider-btn {
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: all 1s ease
}

.app-res-slider-text .app-res-slider-btn .app-res-btn {
    margin-right: 30px
}

.app-res-slider-area .owl-nav .owl-next,.app-res-slider-area .owl-nav .owl-prev {
    top: 50%;
    opacity: 0;
    color: #000;
    width: 60px;
    height: 60px;
    font-size: 20px;
    cursor: pointer;
    line-height: 60px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    transform: translateY(-50%);
    background-color: #fff;
    transition: .5s all ease-in-out
}

.app-res-slider-area .owl-nav .owl-next:hover,.app-res-slider-area .owl-nav .owl-prev:hover {
    color: #fff;
    background-color: #c9ab81
}

.app-res-slider-area .owl-nav .owl-prev {
    left: -200px
}

.app-res-slider-area .owl-nav .owl-next {
    right: -200px
}

.app-res-slider-area:hover .owl-prev {
    opacity: 1;
    left: 30px
}

.app-res-slider-area:hover .owl-next {
    opacity: 1;
    right: 30px
}

.app-res-slider-area .owl-item.active span {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: .3s
}

.app-res-slider-area .owl-item.active h1 {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: .6s
}

.app-res-slider-area .owl-item.active .app-res-slider-btn {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: .9s
}

@media screen and (max-width: 1440px) {
    .app-res-slider-area .owl-nav .owl-next,.app-res-slider-area .owl-nav .owl-prev {
        width:40px;
        height: 40px;
        line-height: 40px
    }

    .app-res-slider-area:hover .owl-prev {
        left: 15px
    }

    .app-res-slider-area:hover .owl-next {
        right: 15px
    }
}

@media screen and (max-width: 1280px) {
    .app-res-slider-text {
        margin:0 auto;
        text-align: center
    }

    .app-res-slider-text .app-res-slider-btn {
        justify-content: center
    }
}

@media screen and (max-width: 1110px) {
    .app-res-btn {
        width:160px
    }

    .app-res-btn a {
        font-size: 14px
    }

    .app-res-btn a i {
        display: none
    }

    .app-res-main-navigation li {
        margin-left: 40px
    }

    .app-res-menu-item .app-res-btn {
        margin-left: 50px
    }
}

@media screen and (max-width: 1024px) {
    .app-res-feature-innerbox {
        padding:36px 20px
    }

    .app-res-feature-innerbox .app-res-feature-icon svg {
        height: 50px
    }

    .app-res-feature-innerbox .app-res-feature-icon {
        margin-right: 15px
    }

    .app-res-location-inner,.app-res-opening-time {
        margin-top: 40px
    }

    .app-res-footer-widget .app-res-menu-social .app-res-social-text {
        max-width: 195px
    }
}

@media screen and (max-width: 991px) {
    .app-res-about-img {
        margin:0 auto;
        max-width: 570px
    }

    .app-res-about-img-2 {
        margin: 0 auto;
        max-width: 270px;
        margin-top: 40px
    }

    .special-menu-innerbox {
        margin-bottom: 40px
    }

    .special-menu-innerbox .special-menu-food-item {
        max-width: 100%
    }

    .location-open-time-img {
        text-align: center
    }

    .app-res-footer-widget {
        margin-bottom: 30px
    }

    .app-res-main-header {
        padding-top: 20px
    }

    .app-res-footer-widget .app-res-menu-social .app-res-social-text {
        max-width: 250px
    }

    .app-res-menu-social {
        margin: 0 auto;
        max-width: 370px
    }

    .app-res-main-navigation {
        display: none
    }

    .app-res-btn {
        width: 140px;
        height: 45px;
        line-height: 40px;
        letter-spacing: 1px
    }

    .app-res-btn a {
        font-size: 12px
    }

    .app-res-menu-item .app-res-btn {
        margin-left: 0;
        margin-right: 50px
    }

    .app-res-mobile_menu_button {
        display: block
    }
}

@media screen and (max-width: 480px) {
    .app-res-slider-text {
        padding:180px 0
    }

    .app-res-slider-text h1 {
        font-size: 50px
    }

    .app-res-slider-text .app-res-slider-btn .app-res-btn {
        margin-right: 15px
    }

    .app-res-slider-area .owl-nav .owl-next,.app-res-slider-area .owl-nav .owl-prev {
        opacity: 1;
        margin: 0 5px;
        position: static;
        display: inline-block;
        transform: translateY(0)
    }

    .app-res-slider-area .owl-nav {
        left: 0;
        right: 0;
        bottom: 50px;
        text-align: center;
        position: absolute
    }
}

@media screen and (max-width: 320px) {
    .app-res-menu-item .app-res-btn {
        display:none
    }
}
/*
a,a:hover,a:focus {
    color: inherit
}
*/
.it-up-service-tab-text .it-up-ser-btn {
    height: 55px;
    width: 160px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    transition: all .2s linear 0ms;
    background-size: 200%,1px;
    box-shadow: 0 18px 18px 0 rgba(22,136,232,.21);
    background-image: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 90%)
}

.it-up-section-title span,.it-up-section-title-2 span {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    display: inline-block;
    background: linear-gradient(90deg,#ff780b 0%,#ee132f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.it-up-section-title h2,.it-up-section-title-2 h2 {
    color: #000;
    font-size: 45px;
    font-weight: 700
}

.it-up-section-title p,.it-up-section-title-2 p {
    font-size: 18px
}

.it-up-section-title-2 span {
    background: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@keyframes IT_animation_1 {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(40px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes IT_animation_2 {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-40px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes IT_animation_3 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes IT_animation_4 {
    0% {
        transform: translate(-300px,151px) rotate(0)
    }

    100% {
        transform: translate(251px,-200px) rotate(180deg)
    }
}

@keyframes IT_animation_5 {
    0% {
        transform: translate(0,0) rotate(0)
    }

    20% {
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        transform: translate(111px,72px) rotate(72deg)
    }

    60% {
        transform: translate(93px,122px) rotate(108deg)
    }

    80% {
        transform: translate(-70px,72px) rotate(124deg)
    }

    100% {
        transform: translate(0,0) rotate(0)
    }
}

.flip-animations {
    transition: .6s cubic-bezier(.24,.74,.58,1)
}

.flip-animations:hover {
    transform: rotateY(360deg)
}

.it-up-banner-section .it-up-banner-deco1 {
    left: 0;
    bottom: 0
}

.it-up-banner-section .it-up-banner-deco2 {
    left: 175px;
    bottom: 210px;
    animation: IT_animation_3 12s infinite linear alternate
}

.it-up-banner-section .it-up-banner-deco3 {
    left: 15%;
    top: 150px;
    animation: IT_animation_2 12s infinite linear alternate
}

.it-up-banner-section .it-up-banner-deco4 {
    top: 45%;
    left: 51%;
    z-index: 1;
    animation: IT_animation_1 12s infinite linear alternate
}

.it-up-banner-text {
    max-width: 615px;
    padding: 160px 0 180px
}

.it-up-banner-text span {
    color: #0e50d7;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 12px;
    display: inline-block
}

.it-up-banner-text span:before,.it-up-banner-text span:after {
    left: -11px;
    bottom: 8px;
    content: "";
    height: 3px;
    width: 10px;
    position: absolute;
    background-color: #0e50d7
}

.it-up-banner-text span:after {
    left: auto;
    right: -11px
}

.it-up-banner-text h1 {
    color: #000;
    font-size: 85px;
    font-weight: 700;
    line-height: .941;
    padding-bottom: 45px
}

.it-up-banner-text p {
    font-size: 20px;
    padding-bottom: 30px
}

.it-up-banner-text .it-up-banner-btn .it-up-banner-play-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 25px;
    border-radius: 100%;
    background-image: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%)
}

.it-up-banner-text .it-up-banner-btn .it-up-banner-play-btn a {
    color: #fff;
    width: 100%;
    display: block
}

.it-up-banner-text .it-up-banner-btn .it-up-banner-cta-btn {
    height: 55px;
    width: 150px;
    line-height: 55px;
    border-radius: 5px;
    background-size: 200%,1px;
    transition: all .2s linear 0ms;
    box-shadow: 0 21px 29px 0 rgba(248,79,26,.27);
    background-image: linear-gradient(90deg,#ff780b 0%,#ee132f 50%,#ff780b)
}

.it-up-banner-text .it-up-banner-btn .it-up-banner-cta-btn a {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 700
}

.it-up-banner-text .it-up-banner-btn .it-up-banner-cta-btn:hover {
    background-position: 120%
}

.it-up-banner-img {
    top: 0;
    right: 0;
    position: absolute
}

.it-up-banner-img .it-up-img-deco1 {
    top: 0;
    right: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 21px 0 rgba(7,47,141,.09)
}

.it-up-banner-img .it-up-img-deco3 {
    right: -35px;
    bottom: 250px;
    border-radius: 10px;
    box-shadow: 0 10px 21px 0 rgba(7,47,141,.09)
}

.it-up-banner-img .it-up-img-deco2 {
    left: -50px;
    bottom: 140px;
    border-radius: 10px;
    box-shadow: 0 10px 21px 0 rgba(7,47,141,.09)
}

.it-up-sponsor-slider {
    padding: 25px 80px;
    border-radius: 20px;
    box-shadow: 0 9px 21px 0 rgba(0,13,42,.08)
}

.it-up-sponsor-img img {
    cursor: pointer;
    filter: grayscale(1);
    transition: .4s all ease-in-out
}

.it-up-sponsor-img img:hover {
    filter: grayscale(0)
}

.it-up-sponsor-slider .owl-nav,.it-up-testimonial-slider-wrap .owl-nav,.it-up-blog-slide .owl-nav {
    display: none
}

.it-up-about-section {
    padding: 100px 0
}

.it-up-about-img {
    padding-top: 80px
}

.it-up-about-img-wrap img {
    border-radius: 15px
}

.it-up-about-circle-progress {
    top: 0;
    left: 0;
    width: 205px;
    height: 215px;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 9px 21px 0 rgba(0,13,42,.08)
}

.it-up-about-circle-progress .circle-progress-icon {
    left: 0;
    right: 0;
    top: 50px;
    position: absolute
}

.it-up-about-circle-progress .progress_area strong {
    left: 0;
    top: 55px;
    right: 0;
    color: #000;
    font-size: 36px;
    font-weight: 600;
    position: absolute
}

.it-up-about-circle-progress p {
    color: #1ec1f9;
    font-size: 18px;
    font-weight: 700
}

.it-up-about-text {
    padding-left: 40px
}

.it-up-about-text .it-up-section-title h2 {
    max-width: 550px;
    padding-bottom: 30px
}

.it-up-about-text .it-up-section-title p {
    max-width: 550px
}

.it-up-about-feature {
    padding: 30px 0 40px
}

.it-up-about-ft-item {
    width: 50%;
    float: left
}

.it-up-about-ft-item .it-up-about-ft-icon {
    width: 60px;
    height: 60px;
    line-height: 70px;
    margin-right: 25px;
    border-radius: 100%;
    transition: .6s cubic-bezier(.24,.74,.58,1);
    box-shadow: 0 25px 24px 0 rgba(4,21,59,.1)
}

.it-up-about-ft-item .it-up-about-ft-text {
    overflow: hidden
}

.it-up-about-ft-item .it-up-about-ft-text h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 8px
}

.it-up-about-ft-item .it-up-about-ft-text p {
    line-height: 1.733
}

.it-up-about-ft-item:hover .it-up-about-ft-icon {
    transform: rotateY(360deg)
}

.it-up-about-btn span {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: "Nunito";
    margin-right: 20px
}

.it-up-featured-section {
    padding: 100px 0 80px;
    background-color: #f7fafb
}

.it-up-featured-section .it-up-ft-bg {
    top: 0;
    left: -50px
}

.it-up-featured-section .it-up-section-title-2 {
    margin: 0 auto;
    max-width: 500px
}

.it-up-featured-section .it-up-ft-shape {
    top: 60%;
    left: 10%;
    animation: IT_animation_1 12s infinite linear alternate
}

.it-up-featured-section .it-up-ft-shape2 {
    bottom: 50px;
    right: 20%;
    animation: IT_animation_1 12s infinite linear alternate
}

.it-up-featured-content {
    padding-top: 100px
}

.it-up-featured-content .col-lg-4:nth-child(1) .it-up-featured-innerbox .it-up-featured-text .it-up-ft-more {
    color: #f0202a
}

.it-up-featured-content .col-lg-4:nth-child(1) .it-up-featured-innerbox .it-up-featured-icon:before,.it-up-featured-content .col-lg-4:nth-child(1) .it-up-featured-innerbox .it-up-featured-icon:after {
    background: linear-gradient(90deg,#ff750c 0%,#ef192d 100%)
}

.it-up-featured-content .col-lg-4:nth-child(2) .it-up-featured-innerbox {
    transform: translateY(-40px)
}

.it-up-featured-content .col-lg-4:nth-child(2) .it-up-featured-text .it-up-ft-more {
    color: #70df11
}

.it-up-featured-content .col-lg-4:nth-child(3) .it-up-featured-innerbox .it-up-featured-text .it-up-ft-more {
    color: #105adb
}

.it-up-featured-content .col-lg-4:nth-child(3) .it-up-featured-innerbox .it-up-featured-icon:before,.it-up-featured-content .col-lg-4:nth-child(3) .it-up-featured-innerbox .it-up-featured-icon:after {
    background: linear-gradient(90deg,#1cb6f6 0%,#105bdb 100%)
}

.it-up-featured-content .col-lg-4:nth-child(4) .it-up-featured-innerbox .it-up-featured-text .it-up-ft-more {
    color: #6a63e6
}

.it-up-featured-content .col-lg-4:nth-child(4) .it-up-featured-innerbox .it-up-featured-icon:before,.it-up-featured-content .col-lg-4:nth-child(4) .it-up-featured-innerbox .it-up-featured-icon:after {
    background: linear-gradient(90deg,#1ec2f9 0%,#0f53d9 100%)
}

.it-up-featured-content .col-lg-4:nth-child(5) .it-up-featured-innerbox {
    transform: translateY(-40px)
}

.it-up-featured-content .col-lg-4:nth-child(5) .it-up-featured-innerbox .it-up-featured-text .it-up-ft-more {
    color: #fd60a9
}

.it-up-featured-content .col-lg-4:nth-child(5) .it-up-featured-innerbox .it-up-featured-icon:before,.it-up-featured-content .col-lg-4:nth-child(5) .it-up-featured-innerbox .it-up-featured-icon:after {
    background: linear-gradient(90deg,#feb0d6 0%,#fd60a9 100%)
}

.it-up-featured-content .col-lg-4:nth-child(6) .it-up-featured-innerbox .it-up-featured-text .it-up-ft-more {
    color: #1bc29f
}

.it-up-featured-content .col-lg-4:nth-child(6) .it-up-featured-innerbox .it-up-featured-icon:before,.it-up-featured-content .col-lg-4:nth-child(6) .it-up-featured-innerbox .it-up-featured-icon:after {
    background: linear-gradient(90deg,#8ff9ab 0%,#1bc29f 100%)
}

.it-up-featured-innerbox {
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #fff;
    padding: 35px 35px 50px;
    box-shadow: 0 0 38px 0 rgba(1,44,118,.08)
}

.it-up-featured-innerbox .it-up-featured-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    line-height: 90px;
    margin-bottom: 35px;
    position: relative;
    border-radius: 100%;
    transition: .6s cubic-bezier(.24,.74,.58,1);
    box-shadow: 0 15px 24px 0 rgba(4,21,59,.1)
}

.it-up-featured-innerbox .it-up-featured-icon:before,.it-up-featured-innerbox .it-up-featured-icon:after {
    top: 4px;
    width: 7px;
    right: 20px;
    height: 7px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#30c677 0%,#70df11 100%)
}

.it-up-featured-innerbox .it-up-featured-icon:after {
    top: auto;
    bottom: 0;
    right: 40px
}

.it-up-featured-innerbox .it-up-featured-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 12px
}

.it-up-featured-innerbox .it-up-featured-text p {
    line-height: 1.625;
    padding-bottom: 20px
}

.it-up-featured-innerbox .it-up-featured-text .it-up-ft-more {
    font-size: 15px;
    font-weight: 700
}

.it-up-featured-innerbox .it-up-featured-text .it-up-ft-more i {
    transition: .4s all ease-in-out
}

.it-up-featured-innerbox .it-up-featured-text .it-up-ft-more:hover i {
    margin-left: 10px
}

.it-up-featured-innerbox:hover .it-up-featured-icon:before,.it-up-featured-innerbox:hover .it-up-featured-icon:after {
    transform: scale(1)
}

.it-up-featured-innerbox:hover .it-up-featured-icon {
    transform: rotateY(360deg)
}

.it-up-ft-btn {
    margin-top: 30px
}

.it-up-service-shape {
    z-index: -1
}

.it-up-service-shape.deco1 {
    top: 30%;
    left: 10%;
    animation: IT_animation_4 20s infinite linear alternate
}

.it-up-service-shape.deco2 {
    left: 25%;
    top: 185px;
    animation: IT_animation_5 12s infinite linear alternate
}

.it-up-service-shape.deco3 {
    top: 135px;
    right: 10%;
    animation: IT_animation_4 12s infinite linear alternate
}

.it-up-service-shape.deco4 {
    top: 50%;
    right: 12%;
    animation: IT_animation_5 18s infinite linear alternate
}

.it-up-service-shape.deco5 {
    bottom: 20%;
    right: 8%;
    animation: IT_animation_4 15s infinite linear alternate
}

.it-up-service-content {
    padding-top: 30px
}

.it-up-service-tab-btn {
    background-color: #fff;
    padding: 85px 20px 40px 55px;
    box-shadow: 0 0 32px 0 rgba(80,80,80,.1)
}

.it-up-service-tab-btn .nav-tabs:before {
    top: -3px;
    left: -30px;
    width: 6px;
    height: 80%;
    content: "";
    position: absolute;
    background-color: #f8fcfc
}

.it-up-service-tab-btn .nav-tabs .nav-item.show .nav-link,.it-up-service-tab-btn .nav-tabs .nav-link.active,.it-up-service-tab-btn .nav-tabs .nav-link,.it-up-service-tab-btn .nav-tabs {
    padding: 0;
    border: none;
    position: relative
}

.it-up-service-tab-btn .nav-tabs .nav-item {
    margin-bottom: inherit;
    padding-bottom: 65px
}

.it-up-service-tab-btn .nav {
    display: inherit
}

.it-up-service-tab-btn .nav-tabs .nav-link {
    color: #bebebe;
    font-size: 20px;
    font-weight: 700;
    font-family: "Nunito"
}

.it-up-service-tab-btn .nav-tabs .nav-link:before {
    left: 0;
    bottom: 0;
    top: 1px;
    width: 6px;
    content: "";
    height: 0;
    left: -30px;
    border-radius: 10px;
    position: absolute;
    background: linear-gradient(90deg,#ff780b 0%,#ee132f 100%);
    transition: .4s all ease-in-out
}

.it-up-service-tab-btn .nav-tabs .nav-link.active {
    color: #000
}

.it-up-service-tab-btn .nav-tabs .nav-link.active:before {
    height: 40px;
    background-color: #fff
}

.it-up-service-tab-wrap {
    padding: 30px 50px;
    border-radius: 10px;
    background-color: #f8f8f8
}

.it-up-service-tab-text {
    max-width: 480px;
    padding-top: 20px
}

.it-up-service-tab-text .it-up-tab-icon {
    right: 0;
    bottom: 0
}

.it-up-service-tab-text h3 {
    color: #000;
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 22px
}

.it-up-service-tab-text li {
    font-size: 18px;
    padding-left: 35px;
    position: relative;
    margin-bottom: 8px
}

.it-up-service-tab-text li:before {
    top: 0;
    left: 0;
    color: #3cc605;
    content: "";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.it-up-service-tab-text .it-up-ser-btn {
    margin-top: 20px
}

.it-up-service-img img {
    border-radius: 10px
}

@keyframes rotate-anim {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes icon-bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-10px)
    }

    60% {
        transform: translateY(-5px)
    }
}

.it-up-achivement-section {
    padding: 100px 0;
    background-color: #fdf8f4
}

.it-up-achivement-section .it-up-achive-shape1 {
    top: 0;
    left: -50px
}

.it-up-achivement-section .it-up-achive-shape2 {
    bottom: 0;
    right: -50px
}

.col-lg-3:nth-child(2) .it-up-achivement-innerbox .inner-border:before,.col-lg-3:nth-child(2) .it-up-achivement-innerbox .inner-border:after {
    background: linear-gradient(90deg,#1cb6f6 0%,#1161dd 100%)
}

.col-lg-3:nth-child(3) .it-up-achivement-innerbox .inner-border:before,.col-lg-3:nth-child(3) .it-up-achivement-innerbox .inner-border:after {
    background: linear-gradient(90deg,#fd5d0a 0%,#ffe3ab 100%)
}

.col-lg-3:nth-child(4) .it-up-achivement-innerbox .inner-border:before,.col-lg-3:nth-child(4) .it-up-achivement-innerbox .inner-border:after {
    background: linear-gradient(90deg,#2fc678 0%,#6add1a 100%)
}

.it-up-achivement-innerbox {
    width: 190px;
    height: 190px;
    margin: 0 auto;
    padding-top: 22px;
    border-radius: 100%
}

.it-up-achivement-innerbox .inner-border {
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #fff;
    animation-duration: 1.5s;
    animation: rotate-anim 3s infinite linear;
    animation-play-state: paused
}

.it-up-achivement-innerbox .inner-border:before,.it-up-achivement-innerbox .inner-border:after {
    top: -6px;
    left: 0;
    right: 0;
    content: "";
    width: 12px;
    height: 12px;
    margin: 0 auto;
    position: absolute;
    border-radius: 100%;
    background: linear-gradient(90deg,#feb0d6 0%,#fd60a9 100%)
}

.it-up-achivement-innerbox .inner-border:after {
    top: auto;
    bottom: -6px
}

.it-up-achivement-innerbox .it-up-achivement-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 5px
}

.it-up-achivement-innerbox .it-up-achivement-text h3 {
    color: #000;
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    display: inline-block
}

.it-up-achivement-innerbox .it-up-achivement-text strong {
    color: #000;
    font-size: 40px;
    line-height: 1;
    font-family: "Nunito"
}

.it-up-achivement-innerbox .it-up-achivement-text p {
    color: #010101
}

.it-up-achivement-innerbox:hover .it-up-achivement-icon {
    animation: icon-bounce .8s ease-out infinite
}

.it-up-achivement-innerbox:hover .inner-border {
    animation-play-state: running
}

.it-up-testimonial-section .it-up-section-title-2 {
    margin: 0 auto;
    max-width: 630px
}

.it-up-testimonial-content {
    margin-top: 45px
}

.it-up-testimonial-content .it-up-testi-shape1 {
    top: -40px;
    left: -40px;
    animation: IT_animation_1 12s infinite linear alternate
}

.it-up-testimonial-content .it-up-testi-shape2 {
    top: -110px;
    right: -110px
}

.it-up-testimonial-content .it-up-testi-shape3 {
    left: -100px;
    bottom: -60px
}

.it-up-testimonial-content .it-up-testi-shape4 {
    right: -60px;
    bottom: 0;
    animation: IT_animation_2 12s infinite linear alternate
}

.it-up-testimonial-innerbox {
    border-radius: 10px;
    padding: 45px 30px;
    background-color: #fff;
    border: 2px solid #f3f3f3;
    transition: .3s all ease-in-out;
    box-shadow: 0 0 24px 0 rgba(1,44,118,.05)
}

.it-up-testimonial-innerbox .it-up-testimonial-img-wrap {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    margin-bottom: 30px
}

.it-up-testimonial-innerbox .it-up-testimonial-img {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%
}

.it-up-testimonial-innerbox .quote-sign {
    bottom: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    right: -10px;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    position: absolute;
    border-radius: 100%;
    font-family: "Nunito";
    display: inline-block;
    box-shadow: 0 14px 17px 0 rgba(253,97,170,.29);
    background: linear-gradient(90deg,#feb0d6 0%,#fd60a9 100%)
}

.it-up-testimonial-innerbox .it-up-testi-author {
    margin-top: 30px;
    padding-top: 28px
}

.it-up-testimonial-innerbox .it-up-testi-author:before {
    top: 0;
    left: 0;
    right: 0;
    content: "";
    height: 4px;
    width: 44px;
    margin: 0 auto;
    position: absolute;
    background: linear-gradient(90deg,#feb0d6 0%,#fd60a9 100%)
}

.it-up-testimonial-innerbox .it-up-testi-author h4 {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.it-up-testimonial-innerbox .it-up-testi-author span {
    color: #656565;
    font-size: 15px
}

.it-up-testimonial-innerbox:hover {
    box-shadow: 0 46px 35px 0 rgba(1,44,118,.1)
}

.it-up-testimonial-pink .quote-sign {
    box-shadow: 0 14px 17px 0 rgba(253,97,170,.29);
    background: linear-gradient(90deg,#feb0d6 0%,#fd60a9 100%)
}

.it-up-testimonial-pink .it-up-testi-author:before {
    background: linear-gradient(90deg,#feb0d6 0%,#fd60a9 100%)
}

.it-up-testimonial-green .quote-sign {
    box-shadow: 0 10px 11px 0 rgba(107,236,2,.29);
    background: linear-gradient(90deg,#30c677 0%,#70df11 100%)
}

.it-up-testimonial-green .it-up-testi-author:before {
    background: linear-gradient(90deg,#30c677 0%,#70df11 100%)
}

.it-up-testimonial-blue .quote-sign {
    box-shadow: 0 18px 18px 0 rgba(22,136,232,.21);
    background-image: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%)
}

.it-up-testimonial-blue .it-up-testi-author:before {
    background-image: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%)
}

.it-up-testimonial-slider-wrap .owl-stage-outer,.it-up-blog-slide .owl-stage-outer {
    overflow: visible
}

.it-up-testimonial-slider-wrap .owl-item,.it-up-blog-slide .owl-item {
    opacity: 0;
    transition: opacity .7s
}

.it-up-testimonial-slider-wrap .owl-item.active,.it-up-blog-slide .owl-item.active {
    opacity: 1
}

.it-up-testimonial-slider-wrap .owl-dots,.it-up-blog-slide .owl-dots {
    margin-top: 35px;
    text-align: center
}

.it-up-testimonial-slider-wrap .owl-dots .owl-dot,.it-up-blog-slide .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    background: linear-gradient(90deg,#fd5d0a 0%,#ffe3ab 100%)
}

.it-up-testimonial-slider-wrap .owl-dots .owl-dot:before,.it-up-blog-slide .owl-dots .owl-dot:before {
    top: -5px;
    left: -5px;
    content: "";
    width: 20px;
    opacity: 0;
    height: 20px;
    position: absolute;
    border-radius: 100%;
    border: 3px solid #fd5d0a
}

.it-up-testimonial-slider-wrap .owl-dots .owl-dot.active:before,.it-up-blog-slide .owl-dots .owl-dot.active:before {
    opacity: 1
}

.it-up-contact-section {
    z-index: 1;
    padding: 100px 0;
    background-color: #f7fafb
}

.it-up-contact-section .it-up-section-title-2 {
    margin: 0 auto;
    max-width: 625px
}

.it-up-contact-content {
    margin-top: 45px;
    border-radius: 8px;
    background-color: #fff
}

.it-up-contact-img .contact-shape {
    top: 75px;
    left: -85px;
    position: absolute
}

.it-up-contact-img .it-up-contact-text {
    left: 0;
    right: 0;
    bottom: 70px;
    margin: 0 auto;
    max-width: 340px;
    position: absolute
}

.it-up-contact-img .it-up-contact-text h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-top: 30px
}

.it-up-form-wrap {
    padding: 35px 50px 40px 20px
}

.it-up-form-wrap button {
    border: none;
    height: 50px;
    width: 210px;
    line-height: 0;
    background-size: 200%,1px;
    transition: all .2s linear 0ms;
    box-shadow: 0 5px 10px 0 rgba(248,79,26,.2);
    background-image: linear-gradient(90deg,#ff780b 0%,#ee132f 50%,#ff780b);
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    display: inline-block
}

.it-up-form-wrap button:hover {
    background-position: 120%
}

.it-up-form-input,.it-up-form-select {
    margin-bottom: 15px
}

.it-up-form-input label,.it-up-form-select label {
    width: 100%;
    color: #000;
    margin-bottom: 0;
    font-weight: 700;
    padding-bottom: 5px
}

.it-up-form-input input,.it-up-form-input select,.it-up-form-input textarea,.it-up-form-select input,.it-up-form-select select,.it-up-form-select textarea {
    width: 100%;
    height: 55px;
    padding-left: 20px;
    background-color: #fcfcfc;
    border: 1px solid #f3f3f3;
    -webkit-appearance: none
}

.it-up-form-input textarea,.it-up-form-select textarea {
    height: 125px;
    padding-top: 15px
}

.it-up-form-select:before {
    top: 45px;
    right: 20px;
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.it-up-blog-section .it-up-blog-shape-bg1 {
    top: 0;
    left: 0
}

.it-up-blog-section .it-up-blog-shape-bg2 {
    bottom: 0;
    right: 0
}

.it-up-blog-section .it-up-section-title {
    margin: 0 auto;
    max-width: 635px
}

.it-up-blog-content {
    padding-top: 50px
}

.it-up-blog-innerbox {
    overflow: hidden;
    border-radius: 10px;
    transition: .4s all ease-in-out;
    box-shadow: 0 0 24px 0 rgba(3,5,77,.08)
}

.it-up-blog-innerbox .it-up-blog-img {
    overflow: hidden
}

.it-up-blog-innerbox .it-up-blog-text {
    padding: 45px 20px 30px 30px
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-meta {
    top: -55px;
    left: 35px;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 1;
    font-weight: 700;
    font-size: 30px;
    padding-top: 15px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 8px 18px 0 rgba(241,37,41,.21);
    background: linear-gradient(90deg,#ff750c 0%,#ef192d 100%)
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-meta span {
    display: block;
    font-size: 14px;
    font-weight: 500
}

.it-up-blog-innerbox .it-up-blog-text h3 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    line-height: 1.333;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #eaeaea
}

.it-up-blog-innerbox .it-up-blog-text h3:after {
    left: 0;
    height: 3px;
    width: 38px;
    content: "";
    bottom: -2px;
    position: absolute;
    background: linear-gradient(90deg,#ff750c 0%,#ef192d 100%)
}

.it-up-blog-innerbox .it-up-blog-text p {
    color: #353535
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom {
    margin-top: 20px
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-author {
    width: 85%
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-author .it-up-blog-ath-img {
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-author .it-up-blog-ath-text {
    padding-top: 5px
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-author .it-up-blog-ath-text a {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    margin-right: 30px
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-author .it-up-blog-ath-text a:last-child {
    margin-right: 0
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share {
    cursor: pointer;
    padding-top: 5px
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share ul {
    left: 0;
    opacity: 0;
    top: -105px;
    visibility: hidden;
    position: absolute;
    transition: .4s all ease-in-out
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share ul li {
    margin-bottom: 5px
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share:hover span {
    color: #fd5d0a
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share:hover ul {
    opacity: 1;
    top: -115px;
    visibility: visible
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share:hover ul li a {
    transition: .4s all ease-in-out
}

.it-up-blog-innerbox .it-up-blog-text .it-up-blog-bottom .it-up-blog-share:hover ul li a:hover {
    color: #fd5d0a
}

.it-up-blog-innerbox:hover {
    box-shadow: 0 22px 24px 0 rgba(3,5,77,.15)
}

.it-up-blog-orange .it-up-blog-text .it-up-blog-meta {
    box-shadow: 0 8px 18px 0 rgba(241,37,41,.21);
    background: linear-gradient(90deg,#ff750c 0%,#ef192d 100%)
}

.it-up-blog-orange .it-up-blog-text h3:after {
    background: linear-gradient(90deg,#ff750c 0%,#ef192d 100%)
}

.it-up-blog-blue .it-up-blog-text .it-up-blog-meta {
    box-shadow: 0 0 24px 0 rgba(3,5,77,.08);
    background: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%)
}

.it-up-blog-blue .it-up-blog-text h3:after {
    background: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%)
}

.it-up-blog-grean .it-up-blog-text .it-up-blog-meta {
    box-shadow: 0 10px 11px 0 rgba(107,236,2,.29);
    background: linear-gradient(90deg,#30c677 0%,#70df11 100%)
}

.it-up-blog-grean .it-up-blog-text h3:after {
    background: linear-gradient(90deg,#30c677 0%,#70df11 100%)
}

.it-up-footer-section {
    padding: 210px 0 0
}

.it-up-footer-section:before {
    left: 0;
    top: -150px;
    width: 100%;
    content: "";
    height: 180%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/f-bg.png)
}

.it-up-footer-content-wrap {
    padding-bottom: 70px
}

.it-up-footer-widget .widget-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px
}

.it-up-footer-widget .widget-title:before {
    left: 0;
    height: 3px;
    width: 30px;
    content: "";
    bottom: -5px;
    position: absolute;
    background: linear-gradient(90deg,#ff750c 0%,#ef192d 100%)
}

.it-up-footer-widget .it-up-footer-logo-widget .it-up-footer-logo {
    padding-bottom: 45px
}

.it-up-footer-widget .it-up-footer-logo-widget p {
    color: #97a0b5;
    padding-bottom: 35px
}

.it-up-footer-widget .it-up-footer-newslatter-widget p {
    color: #97a0b5
}

.it-up-footer-newslatter-widget input {
    height: 45px;
    width: 100%;
    border: none;
    padding-left: 20px;
    background-color: #19243b
}

.it-up-footer-newslatter-widget input::placeholder {
    color: #fff;
    font-size: 14px
}

.it-up-footer-newslatter-widget button {
    top: 0;
    right: 0;
    width: 60px;
    padding: 0;
    color: #fff;
    height: 45px;
    border: none;
    position: absolute;
    background-color: #fff;
    transition: .3s all ease-in-out;
    background: linear-gradient(90deg,#1ec5fa 0%,#0d47d5 100%)
}

.it-up-footer-widget .it-up-footer-newslatter-widget .it-up-footer-social {
    margin-top: 22px
}

.it-up-footer-widget .it-up-footer-newslatter-widget .it-up-footer-social li {
    margin-right: 15px
}

.it-up-footer-widget .it-up-footer-newslatter-widget .it-up-footer-social li a {
    color: #494949;
    transition: .3s all ease-in-out
}

.it-up-footer-widget .it-up-footer-newslatter-widget .it-up-footer-social li a:hover {
    color: #fff
}

.it-up-footer-widget .it-up-footer-info-widget {
    padding-left: 20px
}

.it-up-footer-widget .it-up-footer-info-widget ul {
    padding-top: 15px
}

.it-up-footer-widget .it-up-footer-info-widget i {
    float: left;
    font-size: 14px;
    margin-top: 5px;
    color: #fff;
    margin-right: 10px
}

.it-up-footer-widget .it-up-footer-info-widget a {
    color: #97a0b5;
    display: block;
    font-size: 14px;
    overflow: hidden;
    max-width: 170px
}

.it-up-footer-widget .it-up-footer-info-widget .office-open-hour {
    margin-top: 10px
}

.it-up-footer-widget .it-up-footer-info-widget .office-open-hour span {
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    text-decoration: underline
}

.it-up-footer-widget .it-up-footer-info-widget .office-open-hour p {
    font-size: 14px;
    color: #97a0b5;
    max-width: 180px
}

.it-up-footer-widget .it-up-footer-instagram-widget .insta-feed {
    padding-top: 10px
}

.it-up-footer-widget .it-up-footer-instagram-widget .insta-feed li {
    float: left;
    width: 75px;
    height: 75px;
    margin-right: 10px;
    margin-bottom: 7px;
    position: relative;
    background-color: #000;
    transition: .3s all ease-in-out
}

.it-up-footer-widget .it-up-footer-instagram-widget .insta-feed li:before {
    top: 0;
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    transition: .3s all ease-in-out
}

.it-up-footer-widget .it-up-footer-instagram-widget .insta-feed li i {
    left: 0;
    top: 50%;
    right: 0;
    opacity: 0;
    color: #fff;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    transition: .3s all ease-in-out
}

.it-up-footer-widget .it-up-footer-instagram-widget .insta-feed li:hover:before {
    opacity: .7
}

.it-up-footer-widget .it-up-footer-instagram-widget .insta-feed li:hover i {
    opacity: 1
}

.it-up-footer-copyright {
    z-index: 1;
    padding: 15px 0;
    position: relative;
    background-color: #152039
}

.it-up-footer-copyright p {
    color: #fff
}

@media screen and (max-width: 6000px) {
    .it-up-footer-section:before {
        display:none
    }

    .it-up-footer-section {
        margin-top: 100px;
        padding-top: 100px;
        background-color: #00052b
    }
}

@media screen and (max-width: 1950px) {
    .it-up-footer-section:before {
        display:block
    }

    .it-up-footer-section {
        margin-top: 0;
        padding-top: 210px;
        background-color: transparent
    }
}

@media screen and (max-width: 1440px) {
    .it-up-banner-section .it-up-banner-deco3 {
        left:3%
    }

    .it-up-banner-section .it-up-banner-deco2 {
        left: 30px
    }
}

@media screen and (max-width: 1199px) {
    .it-up-banner-section .it-up-banner-deco3 {
        top:50px
    }

    .it-up-main-navigation li {
        margin-left: 50px
    }

    .it-up-header-cta-btn a {
        width: 130px
    }

    .it-up-banner-text {
        max-width: 580px
    }

    .it-up-service-tab-text {
        max-width: 350px
    }
}

@media screen and (max-width: 1040px) {
    .it-up-banner-text {
        max-width:470px
    }
}

@media screen and (max-width: 1024px) {
    .it-up-main-navigation li {
        margin-left:40px
    }

    .it-up-banner-section {
        padding-bottom: 50px
    }

    .it-up-banner-btn {
        justify-content: center
    }

    .it-up-banner-text {
        max-width: 100%;
        text-align: center;
        padding: 100px 0 50px
    }

    .it-up-banner-img {
        position: relative;
        z-index: 2;
        max-width: 500px;
        margin: 0 auto
    }
}

@media screen and (max-width: 991px) {
    .it-up-brand-logo {
        width:130px;
        padding-top: 5px
    }

    .it-up-header-cta-btn a {
        height: 45px;
        line-height: 45px;
        margin-right: 40px
    }

    .it-up-banner-text h1 {
        font-size: 70px
    }

    .it-up-about-img,.it-up-contact-img {
        max-width: 470px;
        margin: 0 auto
    }

    .it-up-about-text {
        margin: 0 auto;
        padding-left: 0;
        max-width: 630px;
        margin-top: 50px
    }

    .it-up-featured-content .col-lg-4:nth-child(2) .it-up-featured-innerbox,.it-up-featured-content .col-lg-4:nth-child(5) .it-up-featured-innerbox {
        transform: translateY(0)
    }

    .it-up-achivement-innerbox {
        margin-bottom: 40px
    }

    .it-up-blog-innerbox {
        margin: 0 auto;
        max-width: 370px
    }

    .it-up-footer-section:before {
        display: none
    }

    .it-up-footer-section {
        background-color: #060913
    }

    .it-up-footer-section {
        margin-top: 80px;
        padding: 85px 0 0
    }

    .it-up-footer-widget {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .it-up-service-tab-text {
        max-width:100%;
        float: none!important
    }

    .it-up-service-img {
        margin-top: 30px;
        text-align: center;
        float: none!important
    }
}

@media screen and (max-width: 480px) {
    .it-up-banner-text h1 {
        font-size:40px;
        padding-bottom: 15px
    }

    .it-up-banner-text span {
        font-size: 18px
    }

    .it-up-banner-text .it-up-banner-btn .it-up-banner-cta-btn,.it-up-banner-text .it-up-banner-btn .it-up-banner-play-btn {
        height: 45px;
        line-height: 45px
    }

    .it-up-banner-text .it-up-banner-btn .it-up-banner-play-btn {
        width: 45px
    }

    .it-up-section-title h2,.it-up-section-title-2 h2 {
        font-size: 30px
    }

    .it-up-about-ft-item {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }

    .it-up-about-feature {
        padding-bottom: 10px
    }

    .it-up-footer-widget .it-up-footer-logo-widget .footer-logo-btn,.it-up-form-wrap button,.it-up-service-tab-text .it-up-ser-btn,.it-up-ft-btn a,.it-up-about-btn a {
        height: 48px;
        width: 130px;
        line-height: 48px
    }

    .it-up-featured-section .it-up-ft-shape2 {
        display: none
    }

    .it-up-service-tab-text h3 {
        font-size: 26px
    }

    .it-up-about-section {
        padding: 50px 0
    }

    .it-up-featured-section,.it-up-service-section,.it-up-achivement-section,.it-up-contact-section {
        padding: 50px 0
    }

    .it-up-featured-content {
        padding-top: 40px
    }

    .it-up-ft-btn {
        margin-top: 0
    }

    .it-up-service-tab-btn .nav-tabs .nav-item {
        padding-bottom: 40px
    }

    .it-up-service-tab-wrap {
        padding: 30px 20px
    }

    .it-up-about-btn span {
        font-size: 16px
    }
}

.smm-team-innerbox {
    margin-top: 20px
}

.abc-form {
    width: 570px;
    border-radius: 50px;
    height: 77px;
    border: 0;
    padding-left: 20px;
    background: #fff;
    box-shadow: 0 5px 42px 0 rgb(0 0 0/10%);
    margin: 0 auto
}

.smm-team-innerbox .smm-team-img:before {
    line-height: 40px
}

.appseo-about-section .appseo-about-content {
    float: right;
    max-width: 580px;
    padding-right: 50px;
    padding-left: 54px
}

.feature-eight-section .eight-feature-box {
    margin-top: 25px
}

.smm-case-innerbox {
    margin-top: 30px
}

p {
    margin-top: 0;
    margin-bottom: 0
}

.job_li.elementor-widget.elementor-widget-text-editor ul li:before {
    content: "•";
    color: red;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.subs-56464 input {
    width: 100%;
    height: 60px;
    border: 0;
    padding-left: 27px;
    border-radius: 7px
}

.subs-56464 button {
    top: 0;
    right: 0;
    color: #fff;
    height: 60px;
    width: 180px;
    border: 0;
    font-weight: 700;
    position: absolute;
    border-radius: 0 7px 7px 0;
    transition: all .2s linear 0s;
    background: linear-gradient(90deg,#9753fe 0,#15dbfa 100%);
    font-family: Poppins;
    font-weight: 700;
    font-size: 18px
}

.subs-56464 button:hover {
    background: linear-gradient(90deg,#15dbfa 0,#9753fe 100%)
}

.contact-form input {
    margin-bottom: 20px;
    padding: 10px 0 10px 20px;
    border-radius: 5px;
    width: 100%
}

.contact-form input[type=checkbox] {
    width: auto;
    margin-right: 10px
}

span.contact-submit-19 input {
    background-image: -webkit-linear-gradient(left,#9752fe 0,#16dafa 100%);
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: Poppins
}

@media only screen and (max-width: 360px) {
    .abc-form {
        width:auto;
        border-radius: 50px;
        height: 60px;
        border: 0;
        padding-left: 20px;
        background: #fff;
        box-shadow: 0 5px 42px 0 rgb(0 0 0/10%);
        margin: 0 auto
    }

    .subs-56464 button {
        color: #fff;
        height: 60px;
        width: 100%;
        border: 0;
        font-weight: 700;
        position: absolute;
        border-radius: 7px;
        transition: all .2s linear 0s;
        background: linear-gradient(90deg,#9753fe 0,#15dbfa 100%);
        font-family: Poppins;
        font-weight: 700;
        font-size: 18px;
        margin-top: 20px;
        top: unset
    }
}

.agency-testimonials .agency-testimonial-single {
    text-align: center;
    position: relative
}

.agency-testimonials .agency-testimonial-single .box {
    border: 2px solid #a1c1f4;
    padding: 55px 60px 30px;
    margin-top: 48px;
    -webkit-box-shadow: 0 0 20px 0 #b3b3b3;
    -moz-box-shadow: 0 0 20px 0 #b3b3b3;
    -o-box-shadow: 0 0 20px 0 #b3b3b3;
    -ms-box-shadow: 0 0 20px 0 #b3b3b3;
    box-shadow: 0 0 20px 0 #b3b3b3;
    position: relative
}

@media(max-width: 991px) {
    .agency-testimonials .agency-testimonial-single .box.box {
        border:2px solid #a1c1f4;
        padding: 35px 20px 20px;
        margin: 35px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.agency-testimonials .client-pic {
    position: absolute;
    left: 50%;
    top: -48px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width: 991px) {
    .agency-testimonials .client-pic {
        top:-35px
    }
}

.agency-testimonials .client-pic img img {
    background-color: #fff;
    width: auto;
    display: inline-block;
    padding: 8px;
    border: 2px solid #30d4ba;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 991px) {
    .agency-testimonials .client-pic img img {
        max-width:70px;
        padding: 4px;
        border: 1px solid #30d4ba
    }
}

.agency-testimonials .rating {
    margin: 12px 0
}

.agency-testimonials .rating i {
    font-size: 14px;
    font-size: .875rem;
    color: #ffc603
}

@media(max-width: 991px) {
    .agency-testimonials .rating i {
        font-size:13px;
        font-size: .8125rem
    }
}

.agency-testimonials .client-info {
    padding-top: 20px
}

@media(max-width: 991px) {
    .agency-testimonials .client-info {
        padding-top:10px
    }
}

.agency-testimonials .client-info h5 h5 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 .3em;
    color: #4273f0
}

@media(max-width: 991px) {
    .agency-testimonials .client-info h5 h5 {
        font-size:14px;
        font-size: .875rem
    }
}

.agency-testimonials .client-info h5+span h5+span {
    font-size: 14px;
    font-size: .875rem
}

@media(max-width: 991px) {
    .agency-testimonials .client-info h5+span h5+span {
        font-size:13px;
        font-size: .8125rem
    }
}

.js-inview-animation .elementor-image {
    position: absolute;
    opacity: 0
}

.js-inview-animation .elementor-image.now-in-view {
    opacity: 1;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.bordered-layout .app-osaas-page-wrapper {
    padding: 0 50px 0
}

.app-osaas-auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

@media screen and (width: 1024px) {
    .app-res-main-navigation {
        display:none
    }

    .app-res-mobile_menu_button {
        display: block
    }
}

.medium-container {
    max-width: 850px
}

.app-osaas-page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px
}

.osaas-theme-btn {
    display: inline-block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.osaas-btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    padding: 10px 32px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 5px;
    background-color: #3246d3;
    text-transform: capitalize
}

.osaas-btn-style-one:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #ff5f63;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-one .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-one:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-one:hover {
    color: #fff
}

.osaas-btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 35px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 3px;
    text-transform: capitalize;
    background-color: #ff5f63;
    box-shadow: 0 10px 30px rgba(255,95,99,.3)
}

.osaas-btn-style-two .txt i {
    position: relative;
    font-style: normal;
    margin-right: 10px;
    font-weight: 400
}

.osaas-btn-style-two:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #3246d3;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-two .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-two:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-two:hover {
    color: #fff
}

.osaas-btn-style-three {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #19274d;
    padding: 13px 35px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 3px;
    text-transform: capitalize;
    border: 2px solid #e9ebef
}

.osaas-btn-style-three:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #222;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-three .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-three .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-three:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-three:hover {
    color: #fff;
    border-color: #222
}

.osaas-btn-style-four {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 12px 36px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    overflow: hidden;
    text-transform: capitalize;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.osaas-btn-style-four:before {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    background-image: -ms-linear-gradient(left,#ff7a43 0,#fa464a 100%);
    background-image: -moz-linear-gradient(left,#ff7a43 0,#fa464a 100%);
    background-image: -o-linear-gradient(left,#ff7a43 0,#fa464a 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff7a43),color-stop(100,#fa464a));
    background-image: -webkit-linear-gradient(left,#ff7a43 0,#fa464a 100%);
    background-image: linear-gradient(to right,#ff7a43 0,#fa464a 100%)
}

.osaas-btn-style-four .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-four i {
    font-weight: 300;
    margin-right: 10px
}

.osaas-btn-style-four:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-four:hover {
    color: #fff;
    border-color: #00e49a
}

.osaas-btn-style-five {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #19274d;
    padding: 12px 36px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    overflow: hidden;
    background-color: #fff;
    text-transform: capitalize
}

.osaas-btn-style-five:before {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    opacity: 0;
    background-color: #19274d;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-five .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-five i {
    position: relative;
    font-weight: 300;
    margin-right: 10px
}

.osaas-btn-style-five:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-five:hover {
    color: #fff
}

.osaas-btn-style-six {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 14px 42px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    overflow: hidden;
    background-color: #19274d;
    text-transform: capitalize
}

.osaas-btn-style-six:before {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-six .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-six i {
    position: relative;
    font-weight: 300;
    margin-right: 10px
}

.osaas-btn-style-six:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-six:hover {
    color: #19274d
}

.osaas-btn-style-seven {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #19274d;
    padding: 13px 43px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50px;
    text-transform: capitalize;
    border: 2px solid #fff1f1
}

.osaas-btn-style-seven:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #fa464a;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-seven .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-seven .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-seven:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-seven:hover {
    color: #fff;
    border-color: #fa464a
}

.osaas-btn-style-eight {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 10px 38px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    text-transform: capitalize;
    background-color: #32c788
}

.osaas-btn-style-eight:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #19274d;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-eight .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-eight .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-eight:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-eight:hover {
    color: #fff;
    border-color: #fa464a
}

.osaas-btn-style-nine {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    text-transform: capitalize;
    background-color: #32c788
}

.osaas-btn-style-nine:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #19274d;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-nine .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-nine .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-nine:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-nine:hover {
    color: #fff;
    border-color: #fa464a
}

.osaas-btn-style-ten {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #19274d;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    text-transform: capitalize;
    background-color: #effff8
}

.osaas-btn-style-ten:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #32c788;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-ten .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-ten .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-ten:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-ten:hover {
    color: #fff;
    border-color: #fa464a
}

.osaas-btn-style-eleven {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 48px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    text-transform: capitalize;
    background-color: #19274d
}

.osaas-btn-style-eleven:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #222;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-eleven .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-eleven .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-eleven:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-eleven:hover {
    color: #fff;
    border-color: #fa464a
}

.osaas-btn-style-twelve {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #3246d3;
    text-transform: capitalize;
    font-family: Roboto,sans-serif;
    background-image: -ms-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: -moz-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: -o-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4195),color-stop(100,#1c73c5));
    background-image: -webkit-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: linear-gradient(to right,#0c4195 0,#1c73c5 100%)
}

.osaas-btn-style-twelve:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    background-image: -ms-linear-gradient(right,#0c4195 0,#1c73c5 100%);
    background-image: -moz-linear-gradient(right,#0c4195 0,#1c73c5 100%);
    background-image: -o-linear-gradient(right,#0c4195 0,#1c73c5 100%);
    background-image: -webkit-gradient(linear,right top,left top,color-stop(0,#0c4195),color-stop(100,#1c73c5));
    background-image: -webkit-linear-gradient(right,#0c4195 0,#1c73c5 100%);
    background-image: linear-gradient(to left,#0c4195 0,#1c73c5 100%)
}

.osaas-btn-style-twelve .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-twelve:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-twelve:hover {
    color: #fff
}

.osaas-btn-style-thirteen {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #19274d;
    padding: 13px 47px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50px;
    text-transform: capitalize;
    border: 2px solid #d7e5f0;
    font-family: Roboto,sans-serif
}

.osaas-btn-style-thirteen:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #19274d;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1)
}

.osaas-btn-style-thirteen .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-thirteen .txt i {
    position: relative;
    font-weight: 300;
    margin-right: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.osaas-btn-style-thirteen:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-thirteen:hover {
    color: #fff;
    border-color: #19274d
}

.osaas-btn-style-fourteen {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #0556c4;
    text-transform: capitalize;
    font-family: Roboto,sans-serif
}

.osaas-btn-style-fourteen:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    background-color: #222
}

.osaas-btn-style-fourteen .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-fourteen:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-fourteen:hover {
    color: #fff
}

.osaas-btn-style-fifteen {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #1374f6;
    text-transform: capitalize;
    font-family: Roboto,sans-serif
}

.osaas-btn-style-fifteen:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    background-color: #222
}

.osaas-btn-style-fifteen .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-fifteen .txt i {
    position: relative;
    font-weight: 400;
    margin-right: 10px
}

.osaas-btn-style-fifteen:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-fifteen:hover {
    color: #fff
}

.osaas-btn-style-sixteen {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #19274d;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #fff;
    text-transform: capitalize;
    font-family: Roboto,sans-serif;
    box-shadow: 0 0 10px rgba(0,0,0,.07)
}

.osaas-btn-style-sixteen:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    background-color: #222
}

.osaas-btn-style-sixteen .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-sixteen:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-sixteen:hover {
    color: #fff
}

.osaas-btn-style-seventeen {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 15px 41px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #ff5f5f;
    text-transform: capitalize;
    font-family: Roboto,sans-serif;
    box-shadow: 0 0 10px rgba(0,0,0,.07)
}

.osaas-btn-style-seventeen:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    background-color: #fff
}

.osaas-btn-style-seventeen .txt {
    position: relative;
    z-index: 1
}

.osaas-btn-style-seventeen:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.osaas-btn-style-seventeen:hover {
    color: #ff5f5f
}

.social-icon-one {
    position: relative;
    display: block
}

.social-icon-one li {
    position: relative;
    margin-left: 9px;
    display: inline-block
}

.social-icon-one li a {
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #ccc;
    text-align: center;
    border-radius: 2px;
    background-color: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.social-icon-one li a:hover {
    color: #333;
    background-color: #feec42
}

.theme_color {
    color: #3246d3
}

.app-osaas-preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../images/icons/app-osaas-preloader.svg);
    background-size: 120px
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 60px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #0a0a0a;
    display: none;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.scroll-to-top:hover {
    color: #fff;
    background: #3246d3
}

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 35px
}

.sec-title .title {
    position: relative;
    color: #ff5f63;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: capitalize
}

.sec-title h1 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    font-size: 72px;
    line-height: 1.1em;
    padding-bottom: 20px
}

.sec-title h1 span {
    position: relative;
    font-weight: 300
}

.sec-title .text {
    position: relative;
    font-size: 16px;
    line-height: 1.8em;
    color: #666;
    margin-top: 20px
}

.sec-title.centered {
    text-align: center!important
}

.sec-title.light .text,.sec-title.light h1 {
    color: #fff
}

.sec-title.style-two .title {
    color: #fc3549;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sec-title.style-two h1 {
    font-size: 60px;
    font-weight: 600;
    font-family: Poppins,sans-serif
}

.sec-title.style-three {
    margin-bottom: 50px
}

.sec-title.style-three .title {
    color: #32c788
}

.sec-title.style-three.light .title {
    color: #fff
}

.sec-title.style-three h1 {
    font-size: 60px
}

.sec-title.style-three .text {
    position: relative;
    color: #19274d;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    padding-left: 25px;
    margin-top: 15px;
    border-left: 4px solid #32c788
}

.sec-title.style-four .title {
    background: -webkit-linear-gradient(45deg,#0c4094,#1c72c4 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sec-title.style-four.light .title {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.sec-title.style-four h1 {
    font-weight: 500;
    font-size: 60px
}

.sec-title.style-four .text {
    margin-top: 0;
    color: #19274d;
    font-size: 24px;
    line-height: 1.6em
}

.sec-title.style-five .title {
    color: #19274d
}

.sec-title.style-five h1 {
    font-size: 60px;
    padding-bottom: 12px;
    font-family: Poppins
}

.sec-title.style-five .text {
    margin-top: 0;
    color: #19274d;
    font-size: 18px;
    line-height: 1.7em
}

.sec-title.style-five .text span {
    font-weight: 600
}

.sec-title.style-six.light .title {
    color: #fff
}

.sec-title.style-six h1 {
    font-size: 60px;
    font-weight: 600;
    padding-bottom: 12px;
    font-family: Poppins,sans-serif
}

.sec-title.style-six .text {
    color: #19274d;
    line-height: 1.9em
}

.sec-title.style-six .text span {
    font-weight: 600
}

.list-style-one {
    position: relative;
    z-index: 1
}

.list-style-one li {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 70px;
    line-height: 1.5em;
    padding-top: 10px;
    min-height: 50px
}

.list-style-one li span {
    position: relative;
    color: #19274d;
    font-weight: 700
}

.list-style-one li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #19274d;
    line-height: 46px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #e9ebef;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.list-style-one li:hover:before {
    background-color: #0e209e;
    border-color: #0e209e;
    color: #fff
}

.list-style-two {
    position: relative;
    z-index: 1
}

.list-style-two li {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 70px;
    line-height: 1.9em;
    padding-top: 6px
}

.list-style-two li span {
    position: relative;
    color: #19274d;
    font-size: 20px;
    display: block;
    font-weight: 700;
    margin-bottom: 12px
}

.list-style-two li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #fb5248;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff0df;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.list-style-two li:hover:before {
    background-color: #fb5248;
    color: #fff
}

.list-style-three {
    position: relative;
    z-index: 1
}

.list-style-three li {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 70px;
    line-height: 1.9em;
    padding-top: 0;
    line-height: 50px;
    margin-bottom: 20px
}

.list-style-three li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #19274d;
    font-size: 16px;
    display: block;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    margin-bottom: 12px;
    display: inline-block;
    background-color: #fff
}

.list-style-two li:hover:before {
    background-color: #fb5248;
    color: #fff
}

.list-style-four {
    position: relative;
    z-index: 1
}

.list-style-four li {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-left: 70px;
    line-height: 1.9em;
    padding-top: 6px
}

.list-style-four li span {
    position: relative;
    color: #19274d;
    font-size: 20px;
    display: block;
    font-weight: 700;
    margin-bottom: 12px
}

.list-style-four li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #32c788;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #effff8;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.list-style-four li:hover:before {
    background-color: #32c788;
    color: #fff
}

.list-style-five {
    position: relative;
    z-index: 1
}

.list-style-five li {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    padding-left: 30px;
    line-height: 1.6em
}

.list-style-five li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 0;
    color: #32c788;
    color: #19274d;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-main-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    -ms-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -op-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.header-top {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #eef3ff
}

.header-top .app-osaas-auto-container {
    max-width: 1420px
}

.header-top .brand-column {
    position: relative
}

.header-top .brand-column .text {
    position: relative;
    color: #19274d;
    font-size: 14px;
    padding: 9px 0
}

.header-top .brand-column .text span {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px;
    margin-right: 10px;
    border-radius: 50px;
    text-transform: uppercase;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.header-top .links-column {
    position: relative;
    text-align: right
}

.header-top .links-column ul {
    position: relative;
    padding: 0 10px;
    display: inline-block;
    background-color: #fff8f8;
    border-radius: 0 0 6px 6px
}

.header-top .links-column ul:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    border-radius: 0 0 6px 6px;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.header-top .links-column ul li {
    position: relative;
    padding: 9px 25px;
    display: inline-block
}

.header-top .links-column ul li a {
    position: relative;
    color: #19274d;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.header-top .links-column ul li a:hover {
    color: #fa464a
}

.app-osaas-main-header .main-box {
    position: relative;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-main-header .main-box .outer-container {
    position: relative;
    padding: 0 40px
}

.app-osaas-main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0;
    z-index: 10;
    padding: 30px 0
}

.app-osaas-main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-main-header .header-upper .outer-container {
    padding: 0 15px;
    max-width: 1480px;
    margin: 0 auto
}

.app-osaas-main-header .header-upper {
    position: relative;
    z-index: 1;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.app-osaas-main-header .header-upper .outer-box {
    position: absolute;
    right: 0;
    top: 0;
    float: right;
    padding: 40px 0 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-header .header-upper .outer-box .nav-toggler {
    position: relative;
    font-size: 28px;
    color: #ff9600;
    cursor: pointer;
    display: inline-block
}

.app-osaas-main-header .header-upper .outer-box .login-nav {
    position: relative;
    margin-left: 30px;
    display: inline-block
}

.app-osaas-main-header .header-upper .outer-box .login-nav li {
    position: relative;
    margin-left: 18px;
    display: inline-block
}

.app-osaas-main-header .header-upper .outer-box .login-nav li a {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 0;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-header .header-upper .outer-box .login-nav li a:hover {
    color: #ff5f63
}

.app-osaas-main-header .header-upper .outer-box .login-nav li:last-child a {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 36px;
    border-radius: 5px;
    display: inline-block;
    background-color: #19274d
}

.app-osaas-main-header .header-upper .outer-box .login-nav li:last-child a:hover {
    background-color: #ff5f63;
    color: #fff
}

.app-osaas-main-header .header-upper .outer-box .button-box {
    position: relative;
    margin-left: 40px;
    display: inline-block
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background: #222;
    z-index: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.sticky-header .logo {
    padding: 8px 0 8px
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -op-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.sticky-header .app-osaas-main-menu .navigation>li>a {
    padding: 23px 0!important;
    color: #fff!important
}

.sticky-header .app-osaas-main-menu .navigation>li>a:after {
    display: none
}

.app-osaas-main-header .nav-outer {
    position: relative;
    float: right;
    width: 100%;
    margin-top: -105px;
    text-align: center;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-header .header-upper .logo-box {
    position: relative;
    z-index: 12;
    float: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-header .header-upper .logo-box .logo {
    position: relative;
    padding: 40px 0 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-header .header-lower {
    position: relative;
    background-color: rgba(0,0,0,.55)
}

.app-osaas-main-menu {
    position: static;
    float: left;
    width: 100%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navbar-collapse {
    padding: 0;
    display: block
}

.app-osaas-main-menu .navigation {
    position: static;
    margin: 0;
    width: 100%
}

.app-osaas-main-menu .navigation>li {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 18px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li:last-child {
    margin-right: 0
}

.app-osaas-main-header .header-upper .upper-right {
    position: relative;
    padding-top: 36px
}

.app-osaas-main-header .header-upper .info-box {
    position: relative;
    color: #333;
    font-weight: 600;
    padding-left: 42px;
    margin-right: 40px;
    float: left
}

.app-osaas-main-header .header-upper .info-box:last-child {
    margin-right: 0
}

.app-osaas-main-header .header-upper .info-box .icon-box {
    position: absolute;
    left: 0;
    top: 4px;
    color: #13a2b1;
    font-size: 28px;
    line-height: 1em
}

.app-osaas-main-header .header-upper .info-box li {
    position: relative;
    color: #555;
    font-size: 13px;
    font-weight: 400
}

.app-osaas-main-header .header-upper .info-box li strong {
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    display: block
}

.app-osaas-main-header .header-upper .info-box li a {
    position: relative;
    color: #555;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-main-header .header-upper .info-box li a:hover {
    color: #13a2b1
}

.app-osaas-main-header .header-upper .info-box .btn-box {
    position: relative;
    margin-top: -4px
}

.app-osaas-main-header .header-upper .social-box {
    position: relative;
    float: right;
    padding: 21px 0
}

.app-osaas-main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 700;
    padding: 50px 0 20px;
    font-size: 16px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: Roboto,sans-serif
}

.app-osaas-main-menu .navigation>li.current>a,.app-osaas-main-menu .navigation>li:hover>a {
    color: #ff5f63
}

.app-osaas-main-header.light-version .app-osaas-main-menu .navigation>li.current>a,.app-osaas-main-header.light-version .app-osaas-main-menu .navigation>li:hover>a,.app-osaas-main-menu .navigation>li.current>a,.app-osaas-main-menu .navigation>li:hover>a {
    opacity: 1
}

.app-osaas-main-menu .navigation>li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    opacity: 0;
    text-align: left;
    visibility: hidden;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    padding: 0;
    background-color: #1e1e1e;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.app-osaas-main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.app-osaas-main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.app-osaas-main-menu .navigation>li>ul>li:last-child {
    border-bottom: none
}

.app-osaas-main-menu .navigation>li>ul>li>a {
    position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li>ul>li:hover>a {
    color: #fff;
    padding-left: 30px;
    background: #3246d3
}

.app-osaas-main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 10px;
    width: 10px;
    height: 20px;
    display: block;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5;
    opacity: .4;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #fff;
    opacity: 1
}

.app-osaas-main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    text-align: left;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    padding: 0;
    background-color: #1e1e1e;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)
}

.app-osaas-main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #fff;
    padding-left: 30px;
    background: #3246d3
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 20px;
    display: block;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5;
    opacity: .5;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #fff;
    opacity: 1
}

.app-osaas-main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    border-top: 0!important;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.app-osaas-main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 28px;
    border: 1px solid #fff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none
}

.app-osaas-main-header .header-upper .outer-box .social-icon-one {
    position: relative;
    float: left
}

.app-osaas-main-header.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    border-bottom: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: #000
}

.app-osaas-main-header .header-upper .outer-box .login-box {
    position: relative;
    width: 52px;
    height: 52px;
    float: left;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid rgba(255,255,255,.5)
}

.app-osaas-main-header .header-upper .outer-box .app-osaas-sidebar-btn {
    position: relative;
    width: 52px;
    height: 52px;
    float: left;
    color: #fff;
    font-size: 18px;
    margin-left: 14px;
    cursor: pointer;
    line-height: 52px;
    text-align: center;
    border-radius: 50px;
    background-color: #05db56
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    opacity: 0;
    text-align: left;
    visibility: hidden;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    padding: 0;
    background-color: #1e1e1e;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li>ul>li>a {
    position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    border-top: 0!important;
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.app-osaas-main-menu .navigation>li>ul>li>ul>li>ul>li>a:hover {
    background-color: #3246d3;
    color: #fff
}

.app-osaas-main-header .header-upper .outer-box .menu-toggler {
    position: relative;
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 28px;
    margin-left: 30px;
    padding-left: 30px
}

.app-osaas-main-header .header-upper .outer-box .menu-toggler:before {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    width: 1px;
    height: 20px;
    border-left: 1px solid rgba(255,255,255,.3)
}

.app-osaas-main-header.fixed-header .nav-outer {
    margin-top: -70px
}

.app-osaas-main-header.fixed-header .app-osaas-main-menu .navigation>li>a {
    padding: 20px 0 20px
}

.app-osaas-main-header.fixed-header .header-upper .logo-box .logo {
    padding: 8px 0 8px
}

.app-osaas-main-header.fixed-header .header-upper .outer-box {
    padding: 9px 0 9px
}

.appilo-language-elements .language {
    position: relative;
    float: left;
    line-height: 1em
}

.appilo-language-elements .language .flag-icon {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid #fff
}

.appilo-language-elements .language .dropdown-menu {
    left: 0!important;
    width: 170px;
    border-radius: 0;
    background-color: #1e1e1e;
    border: none;
    padding: 0;
    margin-top: 60px;
    border-top: 3px solid #3246d3;
    transform: translate3d(0,0,0)!important
}

.appilo-language-elements .language>a {
    display: inline-block;
    border: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 1em;
    border-radius: 0;
    color: rgba(255,255,255,.5);
    text-transform: uppercase
}

.appilo-language-elements .language>a:focus {
    box-shadow: inherit
}

.appilo-language-elements .language>a:after {
    display: none
}

.appilo-language-elements .language a:hover {
    background: 0 0
}

.appilo-language-elements .language .dropdown-menu>li {
    padding-right: 0!important;
    margin: 0!important;
    float: none;
    display: block!important;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.appilo-language-elements .language .dropdown-menu>li:last-child {
    border-bottom: none
}

.appilo-language-elements .language .dropdown-menu>li>a {
    padding: 12px 16px!important;
    font-weight: 400;
    font-size: 12px;
    line-height: 1em;
    border-radius: 0;
    color: rgba(255,255,255,.9);
    text-transform: uppercase;
    display: block;
    text-align: left;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.appilo-language-elements .language .dropdown-menu>li>a>.flag {
    margin-right: 6px
}

.appilo-language-elements .language .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #3246d3
}

.app-osaas-main-header .header-lower .outer-box {
    position: absolute;
    right: 0;
    top: 0
}

.app-osaas-main-header .header-lower .social-box {
    position: relative;
    float: left;
    padding: 14px 0;
    margin-right: 28px
}

.app-osaas-main-header .header-lower .social-box a {
    position: relative;
    color: #555;
    font-size: 18px;
    margin-left: 18px;
    display: inline-block;
    transition: all .1s ease;
    -moz-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease
}

.app-osaas-main-header .header-lower .social-box a:hover {
    color: #13a2b1
}

.appilo-search-elements .app-osaas-search-box-outer {
    position: relative
}

.appilo-search-elements .search-box-btn {
    position: relative;
    font-size: 18px;
    color: #333536;
    cursor: pointer;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.appilo-search-elements .search-box-btn:after {
    display: none
}

.app-osaas-banner-section {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    background-color: #19274d
}

.app-osaas-banner-section .mouse-btn-down {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 20px;
    width: 30px;
    height: 68px;
    cursor: pointer;
    display: block;
    z-index: 20;
    cursor: pointer
}

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(.5,.5,.5);
    animation: move 3s ease-out infinite
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite
}

.chevron:after,.chevron:before {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff
}

.chevron:before {
    left: 0;
    transform: skew(0deg,30deg)
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg,-30deg)
}

@keyframes move {
    25% {
        opacity: 1
    }

    33% {
        opacity: 1;
        transform: translateY(30px)
    }

    67% {
        opacity: 1;
        transform: translateY(40px)
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(.5,.5,.5)
    }
}

@keyframes pulse {
    to {
        opacity: 1
    }
}

.app-osaas-banner-section .image-layer {
    position: absolute;
    right: -300px;
    top: 0;
    width: 867px;
    min-height: 100vh;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: right top;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-banner-section .image-layer.now-in-view {
    right: 0;
    opacity: 1
}

.app-osaas-banner-section .content-column {
    position: relative
}

.app-osaas-banner-section .content-column .icon-layer {
    position: absolute;
    content: '';
    right: 0;
    bottom: 185px;
    width: 480px;
    height: 70px;
    background-repeat: no-repeat
}

.app-osaas-banner-section .content-column .inner-column {
    position: relative;
    padding-top: 250px
}

.app-osaas-banner-section .content-column .title {
    position: relative;
    color: #a5aec5;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 20px;
    font-weight: 500
}

.app-osaas-banner-section .content-column h1 {
    position: relative;
    color: #fff;
    font-weight: 300;
    line-height: 1.1em;
    margin-bottom: 35px
}

.app-osaas-banner-section .content-column h1 span {
    font-weight: 700
}

.app-osaas-banner-section .content-column .text {
    position: relative;
    color: #a5aec5;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 35px;
    font-weight: 500
}

.app-osaas-banner-section .image-column {
    position: relative
}

.app-osaas-banner-section .image-column .inner-column {
    position: relative
}

.app-osaas-banner-section .image-column .image {
    position: relative
}

.app-osaas-banner-section .image-column .image img {
    position: relative;
    max-width: inherit;
    width: auto;
    opacity: 0;
    margin-left: 250px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-banner-section .image-column .image.now-in-view img {
    margin-left: 0;
    opacity: 1;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.subscribe-form {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.subscribe-form .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0
}

.subscribe-form .form-group input[type=email],.subscribe-form .form-group input[type=tel],.subscribe-form .form-group input[type=text],.subscribe-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    font-weight: 400;
    border-radius: 5px;
    background: 0 0;
    padding: 10px 20px 10px 40px;
    border: 3px solid rgba(255,255,255,.1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.subscribe-form .form-group input[type=email]:focus {
    border-color: #3246d3
}

.subscribe-form .form-group input::-webkit-input-placeholder,.subscribe-form .form-group textarea::-webkit-input-placeholder {
    color: #a5aec5
}

.subscribe-form .form-group .osaas-theme-btn {
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer
}

.app-osaas-main-header .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
    display: none
}

.app-osaas-mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.app-osaas-mobile-menu .nav-logo {
    position: relative;
    padding: 20px;
    text-align: left
}

.app-osaas-mobile-menu .nav-logo img {
    max-width: 200px
}

.app-osaas-mobile-menu-visible {
    overflow: hidden
}

.app-osaas-mobile-menu-visible .app-osaas-mobile-menu {
    opacity: 1;
    visibility: visible
}

.app-osaas-mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.9);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.app-osaas-mobile-menu-visible .app-osaas-mobile-menu .menu-backdrop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.app-osaas-mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.app-osaas-mobile-menu-visible .app-osaas-mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease .5s;
    -moz-transition: all .7s ease .5s;
    -ms-transition: all .7s ease .5s;
    -o-transition: all .7s ease .5s;
    transition: all .7s ease .5s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.app-osaas-mobile-menu .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 24px;
    color: #000;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.app-osaas-mobile-menu-visible .app-osaas-mobile-menu .close-btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.app-osaas-mobile-menu .close-btn:hover {
    opacity: .5
}

.app-osaas-mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1)
}

.app-osaas-mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.app-osaas-mobile-menu .navigation li>ul>li:last-child {
    border-bottom: none
}

.app-osaas-mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(0,0,0,.1)
}

.app-osaas-mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 14px 20px;
    font-size: 15px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-mobile-menu .navigation li.current>a,.app-osaas-mobile-menu .navigation li:hover>a {
    color: #3246d3
}

.app-osaas-mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 52px;
    color: #404040;
    cursor: pointer;
    z-index: 5
}

.app-osaas-mobile-menu .navigation li.dropdown .dropdown-btn span {
    position: absolute;
    right: 0;
    top: 3px;
    height: 44px;
    width: 50px;
    line-height: 44px
}

.app-osaas-mobile-menu .navigation li.dropdown .dropdown-btn span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0,0,0,.1)
}

.app-osaas-mobile-menu .navigation li>ul,.app-osaas-mobile-menu .navigation li>ul>li>ul {
    display: none
}

.app-osaas-mobile-menu.yellow-theme .navigation li.current>a,.app-osaas-mobile-menu.yellow-theme .navigation li:hover>a {
    color: #feec42
}

.sticky-header .navbar-header {
    display: none
}

.sticky-header .mobile-nav-toggler {
    display: none
}

.app-osaas-main-menu .navigation>li.has-mega-menu {
    position: static
}

.app-osaas-main-menu .navigation>li>.mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1170px;
    background-color: #1e1e1e;
    padding: 45px 40px 30px 45px;
    top: 100%;
    z-index: 100;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)
}

.app-osaas-main-menu .navigation>li:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.app-osaas-main-menu .navigation>li>.mega-menu .mega-menu-bar {
    position: relative;
    text-align: left
}

.app-osaas-main-menu .navigation>li .mega-menu-bar h4 {
    position: relative;
    color: rgba(255,255,255,.5);
    padding-bottom: 10px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.app-osaas-main-menu .navigation>li .mega-menu-bar>ul {
    position: relative
}

.app-osaas-main-menu .navigation>li .mega-menu-bar .column>ul>li {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    text-transform: capitalize;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li .mega-menu-bar .column {
    position: relative;
    margin-bottom: 10px
}

.app-osaas-main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
    border: none
}

.app-osaas-main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
    position: relative;
    display: block;
    padding: 0;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
    color: #fff
}

.header-style-one.fixed-header .header-lower {
    position: fixed;
    top: 0;
    background-color: #222
}

.header-style-one.fixed-header .header-lower .nav-outer:before {
    display: none
}

.header-style-two {
    position: relative
}

.header-style-two .header-upper {
    background-color: #fff;
    box-shadow: 0 10px 8px rgba(255,233,233,.2)
}

.header-style-two .header-upper .logo-box .logo {
    padding: 27px 0 28px
}

.header-style-two .app-osaas-main-menu .navigation>li>a {
    padding: 37px 0 38px;
    color: #19274d
}

.header-style-two .app-osaas-main-menu .navigation>li>ul>li:hover>a,.header-style-two .app-osaas-main-menu .navigation>li>ul>li>ul>li:hover>a {
    background-color: #fa464a
}

.header-style-two .header-upper .outer-box {
    padding: 21px 0 20px
}

.header-style-two .header-upper .language .flag-icon {
    box-shadow: 0 10px 15px rgba(250,70,74,.15)
}

.header-style-two.fixed-header .header-upper .outer-box {
    padding: 7px 0 0
}

.header-style-two .header-upper .language .dropdown-menu {
    border-color: #fa464a;
    margin-top: 84px
}

.header-style-two .header-upper .language .dropdown-menu>li>a:hover {
    background-color: #fa464a
}

.header-style-two.fixed-header {
    position: relative;
    background-color: #fff
}

.header-style-two.fixed-header .header-upper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0
}

.header-style-three {
    position: relative;
    border-bottom: 1px solid #efefef
}

.header-style-three .nav-outer {
    margin-top: -130px;
    padding-right: 220px
}

.header-style-three .header-upper .logo-box .logo {
    padding: 38px 0 37px
}

.header-style-three .app-osaas-main-menu .navigation>li.dropdown:after {
    position: absolute;
    content: "\f067";
    right: 0;
    top: 54px;
    opacity: 1;
    color: #32c788;
    font-size: 12px;
    font-weight: 400;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: FontAwesome
}

.header-style-three .app-osaas-main-menu .navigation>li.dropdown>a {
    padding-right: 18px!important
}

.header-style-three .app-osaas-main-menu .navigation>li.current:after,.header-style-three .app-osaas-main-menu .navigation>li:hover:after {
    opacity: 1
}

.header-style-three .app-osaas-main-menu .navigation>li>a {
    padding: 50px 0 50px;
    color: #19274d
}

.header-style-three .app-osaas-main-menu .navigation>li>ul>li:hover>a,.header-style-three .app-osaas-main-menu .navigation>li>ul>li>ul>li:hover>a {
    background-color: #32c788
}

.header-style-three .header-upper .outer-box {
    padding: 38px 0 32px
}

.header-style-three .header-upper .language .flag-icon {
    box-shadow: 0 10px 15px rgba(250,70,74,.15)
}

.header-style-three .header-upper .language .dropdown-menu {
    border-color: #32c788;
    margin-top: 84px
}

.header-style-three .header-upper .language .dropdown-menu>li>a:hover {
    background-color: #32c788
}

.header-style-three.fixed-header {
    position: relative;
    background-color: #fff
}

.header-style-three.fixed-header .header-upper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background-color: #fff
}

.header-style-three.fixed-header .app-osaas-main-menu .navigation>li.dropdown:after {
    top: 24px
}

.header-style-four .app-osaas-main-menu .navigation>li>a {
    color: #19274d
}

.header-style-four .header-upper .logo-box {
    position: relative;
    left: 50%;
    margin-left: -80px
}

.header-style-four .header-upper .nav-outer {
    padding-right: 180px
}

.header-style-four .header-upper .language .dropdown-menu {
    right: 0!important;
    left: auto!important
}

.header-style-four .app-osaas-main-menu .navigation {
    position: relative
}

.header-style-four .app-osaas-main-menu .navigation.left-nav {
    float: left;
    text-align: left
}

.header-style-four .app-osaas-main-menu .navigation.right-nav {
    float: right;
    text-align: right
}

.header-style-four.fixed-header {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.header-style-five .header-upper .logo-box .logo {
    padding: 27px 0 28px
}

.header-style-five .app-osaas-main-menu .navigation>li>a {
    padding: 37px 0 38px;
    color: #19274d
}

.header-style-five .header-upper .outer-box {
    padding: 21px 0 20px
}

.header-style-five .header-upper .language .flag-icon {
    box-shadow: 0 10px 15px rgba(19,116,246,.15)
}

.header-style-five.fixed-header {
    position: relative;
    background-color: #fff
}

.header-style-five.fixed-header .header-upper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,.03)
}

.header-style-five.fixed-header .header-upper .outer-box {
    padding: 4px 0 0
}

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    height: 50px;
    padding: 10px 20px;
    line-height: 28px;
    color: #777;
    border: none;
    border-radius: 0;
    background: 0 0;
    border: 1px solid #e0e0e0
}

.form-group .ui-button .ui-icon {
    background: 0 0;
    position: relative;
    top: 2px;
    text-indent: 0;
    color: #333
}

.form-group .ui-button .ui-icon:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    position: absolute;
    right: 0;
    top: 2px!important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #000;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5;
    font-weight: 800
}

.ui-menu .ui-menu-item {
    font-size: 14px
}

.ui-menu .ui-menu-item:last-child {
    border: none
}

.ui-state-active,.ui-widget-content .ui-state-active {
    background: #08d;
    border-color: #08d
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px
}

.ui-menu-item:hover {
    background-color: #08d
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,.9);
    -webkit-transition: all .5s cubic-bezier(.86,0,.07,1);
    -moz-transition: all .5s cubic-bezier(.86,0,.07,1);
    -o-transition: all .5s cubic-bezier(.86,0,.07,1);
    transition: all 1.5s cubic-bezier(.86,0,.07,1);
    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    -moz-transition-timing-function: cubic-bezier(.86,0,.07,1);
    -o-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1)
}

.sidenav-bar-visible .search-popup {
    width: 80%
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/combine/waves-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0;
    content: ""
}

.search-active .search-popup {
    transform: translateY(0);
    margin-top: 0
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #3246d3;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    border-bottom: 3px solid #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #fff
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.search-popup .form-group {
    position: relative;
    margin: 0;
    overflow: hidden
}

.search-popup .form-group input[type=search],.search-popup .form-group input[type=text] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    text-transform: capitalize
}

.search-popup .form-group button,.search-popup .form-group input[type=submit] {
    position: absolute;
    right: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    background: 0 0;
    text-align: center;
    font-size: 24px;
    color: #000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.search-popup .form-group button:hover,.search-popup .form-group input[type=submit]:hover {
    color: #000
}

.search-popup input::placeholder,.search-popup textarea::placeholder {
    color: #000
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #fff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0!important;
    box-shadow: none!important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.search-popup .close-search.style-two span {
    font-size: 20px;
    color: #fff
}

.app-osaas-featured-section {
    position: relative;
    overflow: hidden
}

.app-osaas-featured-section .owl-dots,.app-osaas-featured-section .owl-nav {
    display: none
}

.app-osaas-featured-section .outer-container {
    position: relative;
    padding: 0 10px;
    padding-bottom: 110px
}

.app-osaas-featured-section .outer-container .circle-one {
    position: absolute;
    top: -30px;
    left: 28%;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: inline-block;
    background-color: #ff5f63
}

.app-osaas-featured-section .outer-container .circle-two {
    position: absolute;
    left: 42%;
    bottom: 270px;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: inline-block;
    background-color: #3246d3
}

.app-osaas-featured-section .button-box {
    position: relative;
    margin-top: 90px
}

.app-osaas-featured-section .button-box .osaas-theme-btn {
    margin: 0 14px
}

.app-osaas-feature-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-feature-block .inner-box {
    position: relative;
    padding: 50px 30px;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block .inner-box .icon-box {
    position: relative;
    width: 60px;
    height: 60px;
    color: #f59e22;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: 0 10px 10px rgba(50,70,211,.05)
}

.app-osaas-feature-block .inner-box:hover .icon-box {
    background-color: #f59e22;
    color: #fff
}

.app-osaas-feature-block .inner-box .icon-box:before {
    position: absolute;
    content: '';
    left: -30px;
    top: -30px;
    width: 121px;
    height: 126px;
    opacity: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/combine/feature-icon.png);
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block .inner-box:hover .icon-box:before {
    opacity: 1
}

.app-osaas-feature-block .inner-box h2 {
    position: relative;
    line-height: 1.3em;
    font-weight: 700;
    margin-top: 32px
}

.app-osaas-feature-block .inner-box h2 a {
    position: relative;
    color: #19274d
}

.app-osaas-feature-block .inner-box h2 span {
    position: relative;
    font-weight: 400;
    display: block
}

.app-osaas-feature-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 18px
}

.app-osaas-feature-block .inner-box:hover {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(50,70,211,.07)
}

.app-osaas-feature-block.color-two .inner-box .icon-box {
    color: #3246d3
}

.app-osaas-feature-block.color-two .inner-box:hover .icon-box {
    background-color: #3246d3;
    color: #fff
}

.app-osaas-feature-block.color-three .inner-box .icon-box {
    color: #ff5f63
}

.app-osaas-feature-block.color-three .inner-box:hover .icon-box {
    background-color: #ff5f63;
    color: #fff
}

.app-osaas-feature-block.color-four .inner-box .icon-box {
    color: #1fae96
}

.app-osaas-feature-block.color-four .inner-box:hover .icon-box {
    background-color: #1fae96;
    color: #fff
}

.app-osaas-feature-block.color-five .inner-box .icon-box {
    color: #6f60ff
}

.app-osaas-feature-block.color-five .inner-box:hover .icon-box {
    background-color: #6f60ff;
    color: #fff
}

.app-osaas-feature-block.color-six .inner-box .icon-box {
    color: #00d0ff
}

.app-osaas-feature-block.color-six .inner-box:hover .icon-box {
    background-color: #00d0ff;
    color: #fff
}

.app-osaas-clients-section {
    position: relative;
    padding: 0 0 80px;
    border-bottom: 1px solid #f2f1ff
}

.app-osaas-clients-section .app-osaas-auto-container {
    max-width: 1600px
}

.app-osaas-clients-section .app-osaas-sponsors-outer .owl-dots,.app-osaas-clients-section .app-osaas-sponsors-outer .owl-nav {
    position: relative;
    display: none
}

.app-osaas-clients-section .app-osaas-sponsors-outer .image-box {
    position: relative;
    text-align: center;
    margin: 0
}

.app-osaas-clients-section .app-osaas-sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    opacity: .5;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-clients-section .app-osaas-sponsors-outer .image-box img:hover {
    opacity: 1
}

.app-osaas-clients-section.style-two {
    border-bottom: 0
}

.app-osaas-clients-section-two {
    position: relative;
    padding: 60px 0 100px
}

.app-osaas-clients-section-two .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat
}

.app-osaas-clients-section-two .outer-container {
    padding: 0 70px
}

.app-osaas-clients-section-two .app-osaas-sponsors-outer .owl-dots,.app-osaas-clients-section-two .app-osaas-sponsors-outer .owl-nav {
    position: relative;
    display: none
}

.app-osaas-clients-section-two .app-osaas-sponsors-outer .image-box {
    position: relative;
    text-align: center;
    margin: 0
}

.app-osaas-clients-section-two .app-osaas-sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    opacity: .3;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-clients-section-two .app-osaas-sponsors-outer .image-box img:hover {
    opacity: 1
}

.app-osaas-framework-section {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 110px 0 0
}

.app-osaas-framework-section .sec-title {
    text-align: left
}

.app-osaas-framework-section .platform-icons {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.app-osaas-framework-section .circle-one {
    position: absolute;
    left: -80px;
    bottom: -400px;
    width: 1200px;
    height: 800px;
    border-radius: 600px;
    background-color: #19274d
}

.app-osaas-framework-section .circle-two {
    position: absolute;
    right: -80px;
    bottom: -300px;
    width: 800px;
    height: 600px;
    border-radius: 600px;
    background-color: #3246d3
}

.app-osaas-framework-section .sec-title .osaas-theme-btn {
    margin-top: 40px
}

.app-osaas-framework-section .image-outer {
    position: relative;
    top: 1px;
    text-align: center;
    display: inline-block
}

.app-osaas-framework-section .platform-icons .java {
    position: absolute;
    left: -20%;
    top: 45%;
    font-size: 18px;
    color: #19274d;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1)
}

.app-osaas-framework-section .platform-icons .java .icon {
    position: relative;
    color: #3246d3;
    margin-right: 5px;
    font-weight: 400
}

.app-osaas-framework-section .platform-icons .wordpress {
    position: absolute;
    left: -5%;
    top: 3%;
    font-size: 18px;
    color: #19274d;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1)
}

.app-osaas-framework-section .platform-icons .wordpress .icon {
    position: relative;
    color: #3246d3;
    margin-right: 5px;
    font-weight: 400
}

.app-osaas-framework-section .platform-icons .ios {
    position: absolute;
    left: -5%;
    bottom: 3%;
    font-size: 18px;
    color: #19274d;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1)
}

.app-osaas-framework-section .platform-icons .ios .icon {
    position: relative;
    color: #3246d3;
    margin-right: 5px;
    font-weight: 400
}

.app-osaas-framework-section .platform-icons .python {
    position: absolute;
    right: 15%;
    top: -5%;
    font-size: 18px;
    color: #19274d;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1)
}

.app-osaas-framework-section .platform-icons .python .icon {
    position: relative;
    color: #3246d3;
    margin-right: 5px;
    font-weight: 400
}

.app-osaas-framework-section .platform-icons .window {
    position: absolute;
    right: -20%;
    top: 50%;
    font-size: 18px;
    color: #19274d;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1)
}

.app-osaas-framework-section .platform-icons .window .icon {
    position: relative;
    color: #3246d3;
    margin-right: 5px;
    font-weight: 400
}

.app-osaas-platform-app-osaas-intro-section {
    position: relative
}

.app-osaas-platform-app-osaas-intro-section .buttons-column {
    position: relative
}

.app-osaas-platform-app-osaas-intro-section .buttons-column .inner-column {
    position: relative;
    padding-right: 50px;
    padding-top: 115px
}

.app-osaas-platform-app-osaas-intro-section .content-column {
    position: relative
}

.app-osaas-platform-app-osaas-intro-section .content-column .inner-column {
    position: relative;
    margin-left: -25px
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs {
    position: relative
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    font-size: 16px;
    color: #3246d3;
    font-weight: 700;
    cursor: pointer;
    border-radius: 4px;
    line-height: 1.6em;
    margin-bottom: 30px;
    padding: 30px 0 30px 100px;
    transition: all .5s ease;
    text-transform: capitalize;
    border: 2px solid #f6f7f9
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:before {
    position: absolute;
    content: '';
    left: 40px;
    top: 25px;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    display: inline-block;
    border: 5px solid #3246d3
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:hover {
    border-color: #3246d3
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(2) {
    color: #ff5f63
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(2):hover {
    border-color: #ff5f63
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(2):before {
    border-color: #ff5f63
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(3) {
    color: #f59e22
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(3):hover {
    border-color: #f59e22
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(3):before {
    border-color: #f59e22
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(4) {
    color: #1fae96
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(4):hover {
    border-color: #1fae96
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:nth-child(4):before {
    border-color: #1fae96
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:last-child {
    margin-bottom: 0
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tabs-content {
    position: relative
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tabs-content .tab {
    position: relative;
    display: none;
    margin-bottom: 40px
}

.app-osaas-platform-app-osaas-intro-section .platform-tabs .tabs-content .tab.active-tab {
    display: block
}

.platform-tab-content {
    position: relative
}

.platform-tab-content .inner-content {
    position: relative;
    padding: 90px 70px;
    border-radius: 15px;
    background-color: #f9f8ff
}

.platform-tab-content .inner-content .big-icon img {
    width: 306px;
    height: 306px
}

.platform-tab-content .inner-content .big-icon {
    position: absolute;
    right: 35px;
    top: 35px;
    opacity: .05
}

.platform-tab-content .inner-content .icon-outer {
    position: relative;
    margin-bottom: 40px;
    display: inline-block
}

.platform-tab-content .inner-content .icon-outer .circles-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    z-index: 1
}

.platform-tab-content .inner-content .icon-outer .circles-layer:before {
    position: absolute;
    content: '';
    left: 3px;
    top: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background-color: #3246d3;
    box-shadow: 0 10px 15px rgba(50,70,211,.15)
}

.platform-tab-content .inner-content .icon-outer .circles-layer:after {
    position: absolute;
    content: '';
    right: 6px;
    bottom: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background-color: #ff5f63;
    box-shadow: 0 10px 15px rgba(255,95,99,.15)
}

.platform-tab-content .inner-content .icon-outer .icon-box {
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff
}

.platform-tab-content .inner-content .sec-title {
    margin-bottom: 10px
}

.platform-tab-content .inner-content .icon-outer .icon-box .icon {
    position: relative
}

.platform-tab-content .inner-content .text {
    position: relative;
    color: #19274d;
    font-size: 18px;
    line-height: 1.7em
}

.platform-tab-content .inner-content .text span {
    position: relative;
    font-weight: 700
}

.app-osaas-price-section {
    position: relative;
    padding: 110px 0 110px;
    background-color: #f9f8ff
}

.app-osaas-price-section .trial-column {
    position: relative;
    float: left;
    padding: 0
}

.app-osaas-price-section .trial-column .inner-column {
    position: relative;
    padding: 50px 45px;
    margin-top: 100px;
    background-size: cover
}

.app-osaas-price-section .trial-column .inner-column:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50,70,211,.9)
}

.app-osaas-price-section .trial-column .inner-column .icon {
    position: relative;
    color: #fff;
    font-size: 60px;
    line-height: 1em
}

.app-osaas-price-section .trial-column .inner-column h2 {
    position: relative;
    color: #fff;
    font-weight: 700;
    margin-top: 20px
}

.app-osaas-price-section .trial-column .inner-column h2 span {
    position: relative;
    font-weight: 400
}

.app-osaas-price-section .trial-column .inner-column .title {
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-top: 2px
}

.app-osaas-price-section .trial-column .inner-column .text {
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-top: 22px;
    line-height: 1.8em
}

.app-osaas-price-section .trial-column .inner-column .app-options {
    position: relative;
    margin-top: 28px
}

.app-osaas-price-section .trial-column .inner-column .app-options li {
    position: relative;
    margin-right: 20px;
    display: inline-block
}

.app-osaas-price-section .trial-column .inner-column .app-options li a {
    position: relative;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    background-color: #0e209e;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-price-section .trial-column .inner-column .app-options li a:hover {
    background-color: #fff;
    color: #3246d3
}

.app-osaas-price-section .price-column {
    position: relative;
    float: left;
    padding: 0
}

.app-osaas-price-section .price-column .inner-column {
    position: relative;
    padding: 60px 90px;
    background-color: #fff
}

.app-osaas-price-section .price-column .inner-column .upper-box {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dee2ff
}

.app-osaas-price-section .price-column .inner-column .upper-box .title-box {
    position: relative
}

.app-osaas-price-section .price-column .inner-column .upper-box .title-box .title-inner {
    position: relative;
    padding-top: 8px;
    padding-left: 125px
}

.app-osaas-price-section .price-column .inner-column .upper-box .title-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #3246d3;
    line-height: 1em;
    font-size: 78px
}

.app-osaas-price-section .price-column .inner-column .upper-box .title-box .title-inner h2 {
    position: relative;
    font-weight: 700;
    color: #19274d;
    line-height: 1.1em
}

.app-osaas-price-section .price-column .inner-column .upper-box .title-box .title-inner h2 span {
    font-weight: 400
}

.app-osaas-price-section .price-column .inner-column .upper-box .title-box .title-inner .title {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.3em;
    margin-top: 12px
}

.app-osaas-price-section .price-column .inner-column .upper-box .price {
    position: absolute;
    right: 0;
    top: 0;
    color: #ff5f63;
    font-size: 80px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -1px
}

.app-osaas-price-section .price-column .inner-column .upper-box .price sub {
    position: relative;
    color: #19274d;
    font-weight: 700;
    font-size: 16px
}

.app-osaas-price-section .price-column .inner-column .upper-box .text {
    position: relative;
    color: #19274d;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 25px
}

.app-osaas-price-section.style-two {
    background-color: #f5fbff
}

.app-osaas-price-section.style-two .trial-column .inner-column:before {
    opacity: .9;
    background-color: inherit;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-price-section.style-two .trial-column .inner-column .app-options li a {
    background-color: #002b5d
}

.app-osaas-price-section.style-two .price-column .inner-column .upper-box .title-box .icon {
    background: -webkit-linear-gradient(-45deg,#0c4094,#1c74c6 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-section.style-two .price-column .inner-column .upper-box .price {
    background: -webkit-linear-gradient(-45deg,#0c4094,#1c74c6 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-section.style-two .price-column .inner-column .upper-box .price sub,.app-osaas-price-section.style-two .price-column .inner-column .upper-box .price sup {
    background: -webkit-linear-gradient(-45deg,#0c4094,#1c74c6 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-section.style-three {
    background-color: #fff
}

.app-osaas-price-section.style-three .price-column .inner-column {
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.app-osaas-price-section.style-three .trial-column .inner-column:before {
    opacity: .9;
    background-color: inherit;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-price-section.style-three .trial-column .inner-column .app-options li a {
    background-color: #002b5d
}

.app-osaas-price-section.style-three .trial-column .inner-column .app-options li a:hover {
    background-color: #fff;
    color: #fe6b45
}

.app-osaas-price-section.style-three .price-column .inner-column .upper-box .title-box .icon {
    background: -webkit-linear-gradient(-45deg,#fa484a,#fe7344 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-section.style-three .price-column .inner-column .upper-box .price {
    background: -webkit-linear-gradient(-45deg,#fa484a,#fe7344 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-section.style-three .price-column .inner-column .upper-box .price sub,.app-osaas-price-section.style-three .price-column .inner-column .upper-box .price sup {
    background: -webkit-linear-gradient(-45deg,#fa484a,#fe7344 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-section.style-three .price-column .inner-column .list-style-one li:before {
    color: #fa4949
}

.app-osaas-price-section.style-three .price-column .inner-column .list-style-one li:hover:before {
    background-color: #fa4949;
    border-color: #fa4949;
    color: #fff
}

.app-osaas-counter-section {
    position: relative;
    padding: 100px 0 100px;
    background-color: #3246d3;
    background-position: center center;
    background-repeat: no-repeat
}

.app-osaas-counter-section .section-icon {
    position: relative;
    width: 120px;
    height: 120px;
    color: #3246d3;
    font-size: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 120px;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
    background-color: #fff
}

.app-osaas-counter-section .fact-counter .column:nth-child(2),.app-osaas-counter-section .fact-counter .column:nth-child(3) {
    margin-top: 70px
}

.fact-counter {
    position: relative
}

.fact-counter .column {
    position: relative;
    margin-bottom: 30px
}

.fact-counter .column .inner {
    position: relative;
    text-align: center
}

.fact-counter .column .inner .content {
    position: relative;
    width: 180px;
    text-align: center;
    padding: 45px 10px;
    border-radius: 5px;
    display: inline-block;
    background-color: #fff
}

.fact-counter .count-outer .percentage {
    display: inline-block;
    font-weight: 700;
    color: #19274d;
    font-size: 60px;
    line-height: 1em;
    font-family: Ubuntu,sans-serif
}

.fact-counter .column .inner .count-outer {
    position: relative;
    font-weight: 700;
    color: #19274d;
    font-size: 60px;
    line-height: 1em;
    font-family: Ubuntu,sans-serif
}

.fact-counter .column .inner .count-outer i {
    position: relative;
    font-style: normal;
    color: #3246d3;
    font-size: 30px;
    font-weight: 300
}

.fact-counter .column .inner .counter-title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    color: #19274d
}

.app-osaas-counter-section.style-two {
    background-color: inherit
}

.app-osaas-counter-section.style-two:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%)
}

.app-osaas-counter-section.style-two .fact-counter .column .inner .count-outer i {
    color: #fc5548;
    font-size: 30px;
    font-weight: 700
}

.app-osaas-counter-section.style-two .section-icon {
    color: #fa4a49
}

.app-osaas-partners-section {
    position: relative;
    padding: 185px 0 140px
}

.app-osaas-partners-section .image-column {
    position: relative
}

.app-osaas-partners-section .image-column .inner-column {
    position: relative
}

.app-osaas-partners-section .image-column .inner-column .circle-one {
    position: absolute;
    right: -60px;
    top: -60px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-partners-section .image-column .inner-column .circle-two {
    position: absolute;
    left: -60px;
    bottom: -60px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background-color: #3246d3
}

.app-osaas-partners-section .image-column .inner-column .image {
    position: relative
}

.app-osaas-partners-section .image-column .inner-column .image img {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 8px
}

.app-osaas-partners-section .content-column {
    position: relative
}

.app-osaas-partners-section .content-column .inner-column {
    position: relative;
    padding-left: 60px;
    padding-top: 35px
}

.app-osaas-partners-section .content-column h2 {
    position: relative;
    color: #19274d;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 45px
}

.app-osaas-partners-section .content-column .lower-box {
    position: relative;
    padding-top: 40px;
    border-top: 2px solid #eaedff
}

.app-osaas-partners-section .content-column .lower-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: -2px;
    width: 220px;
    height: 4px;
    background-color: #3246d3
}

.app-osaas-partners-section .content-column .lower-box ul {
    position: relative
}

.app-osaas-partners-section .content-column .lower-box ul li {
    position: relative;
    color: #19274d;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    display: inline-block;
    margin-right: 70px
}

.app-osaas-partners-section .content-column .lower-box ul li span {
    position: relative;
    display: block;
    color: #3246d3;
    font-size: 14px;
    margin-top: 0
}

.app-osaas-partners-section .content-column .lower-box ul li:last-child {
    margin-right: 0
}

.app-osaas-partners-section .content-column .lower-box ul li:nth-child(2) span {
    color: #ff5f63
}

.app-osaas-partners-section .content-column .lower-box ul li:nth-child(3) span {
    color: #1fae96
}

.app-osaas-partners-section.style-two .image-column .inner-column .circle-two {
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-partners-section.style-two .content-column .lower-box:before {
    background-color: #fb5448
}

.app-osaas-partners-section.style-two .content-column .lower-box ul li {
    font-family: Poppins,sans-serif;
    margin-right: 60px
}

.app-osaas-partners-section.style-two .content-column .lower-box ul li span {
    color: #fb5448
}

.app-osaas-partners-section.style-two .content-column .lower-box ul li:last-child {
    margin-right: 0
}

.app-osaas-blog-section {
    position: relative
}

.app-osaas-blog-section .inner-container {
    position: relative
}

.app-osaas-blog-section .circle-one {
    position: absolute;
    top: -30px;
    left: 28%;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: inline-block;
    background-color: #ff5f63
}

.app-osaas-blog-section .circle-two {
    position: absolute;
    left: 42%;
    bottom: 10px;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: inline-block;
    background-color: #3246d3
}

.app-osaas-news-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-news-block .inner-box {
    position: relative;
    padding: 40px 30px;
    border-radius: 4px;
    background-color: #0a1533
}

.app-osaas-news-block .inner-box .category {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 6px 18px;
    border-radius: 5px;
    font-weight: 700;
    display: inline-block;
    background-color: #3246d3
}

.app-osaas-news-block .inner-box h5 {
    position: relative;
    line-height: 1.6em;
    font-weight: 700;
    margin-top: 25px
}

.app-osaas-news-block .inner-box h5 a {
    position: relative;
    color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-news-block .inner-box h5 a:hover {
    color: #ff5f63
}

.app-osaas-news-block .inner-box .text {
    position: relative;
    color: #9aa6c8;
    font-size: 14px;
    line-height: 1.9em;
    margin-top: 18px
}

.app-osaas-news-block .inner-box .post-meta {
    position: relative;
    padding-top: 18px;
    margin-top: 22px;
    border-top: 1px solid rgba(255,255,255,.08)
}

.app-osaas-news-block .inner-box .post-meta li {
    position: relative;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-right: 6px;
    display: inline-block
}

.app-osaas-news-block .inner-box .post-meta li:last-child {
    margin-right: 0
}

.app-osaas-news-block .inner-box .post-meta li .icon {
    position: relative;
    margin-right: 10px;
    color: #ff5f63;
    font-weight: 300
}

.app-osaas-main-footer {
    position: relative;
    overflow: hidden;
    padding: 90px 0 0
}

.app-osaas-main-footer:before {
    position: absolute;
    content: '';
    left: 140px;
    top: 0;
    bottom: 0;
    width: 300%;
    border-radius: 15px;
    background-color: #fff
}

.app-osaas-main-footer .footer-widget {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.app-osaas-main-footer .widgets-section {
    position: relative;
    padding-bottom: 40px
}

.app-osaas-main-footer .footer-widget h5 {
    position: relative;
    font-weight: 700;
    color: #19274d;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-transform: capitalize
}

.list-link {
    position: relative
}

.list-link li {
    position: relative;
    margin-bottom: 15px
}

.list-link li a {
    position: relative;
    color: #19274d;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.list-link li a:hover {
    color: #3246d3
}

.app-osaas-main-footer .quote-btn {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 40px;
    border-radius: 5px;
    background-color: #3246d3;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-main-footer .quote-btn .icon {
    font-weight: 400;
    margin-right: 8px
}

.app-osaas-main-footer .quote-btn:hover {
    background-color: #f45b60
}

.app-osaas-main-footer .footer-bottom {
    position: relative
}

.app-osaas-main-footer .footer-bottom .inner-container {
    position: relative;
    padding: 24px 0;
    border-top: 1px solid #d8e3ff
}

.app-osaas-main-footer .copyright-two {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-top: 35px
}

.app-osaas-main-footer .copyright-two a {
    position: relative;
    color: #fff;
    font-weight: 600
}

.app-osaas-main-footer .footer-bottom .copyright-column {
    position: relative;
    text-align: right
}

.app-osaas-main-footer .footer-bottom .copyright-column .copyright {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 700
}

.app-osaas-main-footer .footer-bottom .copyright-column .copyright a {
    position: relative;
    color: #f45b60
}

.app-osaas-main-footer .footer-bottom .social-column {
    position: relative
}

.app-osaas-main-footer .footer-bottom .social-column ul {
    position: relative
}

.app-osaas-main-footer .footer-bottom .social-column ul li {
    position: relative;
    margin-right: 14px;
    display: inline-block
}

.app-osaas-main-footer .footer-bottom .social-column ul li a {
    position: relative;
    color: #19274d;
    font-size: 18px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-main-footer .footer-bottom .social-column ul li a:hover {
    color: #f45b60
}

.app-osaas-main-footer .upper-box {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-main-footer .upper-box .social-box {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-main-footer .upper-box .social-box li {
    position: relative;
    margin-left: 10px;
    display: inline-block
}

.app-osaas-main-footer .upper-box .social-box li a {
    position: relative;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 54px;
    border-radius: 50px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border: 2px solid rgba(255,255,255,.1)
}

.app-osaas-main-footer .upper-box .social-box li a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #fa4949
}

.app-osaas-main-footer.style-two {
    padding-top: 110px;
    padding-bottom: 100px;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-main-footer.style-five:before,.app-osaas-main-footer.style-four:before,.app-osaas-main-footer.style-two:before {
    display: none
}

.app-osaas-main-footer.style-two .widgets-section {
    position: relative;
    padding: 75px 70px 40px;
    border-radius: 15px;
    background-color: #fff
}

.app-osaas-main-footer.style-two .widgets-section .circle-one {
    position: absolute;
    left: -100px;
    top: -50px;
    width: 325px;
    height: 325px;
    opacity: .06;
    border-radius: 50%;
    background-color: #fff
}

.app-osaas-main-footer.style-two .widgets-section .circle-two {
    position: absolute;
    right: -100px;
    bottom: -50px;
    width: 325px;
    height: 325px;
    opacity: .06;
    border-radius: 50%;
    background-color: #fff
}

.app-osaas-main-footer .download-options {
    position: relative;
    text-align: center;
    margin-bottom: 70px
}

.app-osaas-main-footer .download-options ul {
    position: relative
}

.app-osaas-main-footer .download-options ul li {
    position: relative;
    margin-right: 28px;
    margin-bottom: 15px;
    display: inline-block
}

.app-osaas-main-footer .download-options ul li.download {
    position: relative;
    color: #19274d;
    font-size: 20px;
    font-weight: 700
}

.app-osaas-main-footer .download-options ul li a {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 38px;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #e6edf7;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-main-footer .download-options ul li a span {
    position: relative;
    margin-right: 10px;
    color: #32c788;
    font-size: 16px;
    font-weight: 400
}

.app-osaas-main-footer .download-options ul li:nth-child(2) a span {
    font-weight: 800
}

.app-osaas-main-footer .download-options ul li a:hover {
    color: #fff;
    border-color: #32c788;
    background-color: #32c788
}

.app-osaas-main-footer .download-options ul li a:hover span {
    color: #fff
}

.app-osaas-main-footer.style-three {
    padding-top: 80px;
    background-color: #fcfdff
}

.app-osaas-main-footer.style-three:before {
    display: none
}

.app-osaas-main-footer.style-three .footer-bottom .social-column ul li a:hover {
    color: #32c788
}

.app-osaas-main-footer.style-three .footer-bottom .copyright-column .copyright a {
    color: #32c788
}

.app-osaas-main-footer.style-four {
    padding-top: 170px;
    background-color: #19274d
}

.app-osaas-main-footer.style-four .footer-widget h5 {
    color: #fff
}

.app-osaas-main-footer.style-four .list-link li a {
    color: #fff
}

.app-osaas-main-footer.style-four .footer-bottom .social-column ul li a {
    color: #fff
}

.app-osaas-main-footer.style-four .footer-bottom .inner-container {
    border-color: rgba(255,255,255,.1)
}

.app-osaas-main-footer.style-four .footer-bottom .copyright-column .copyright,.app-osaas-main-footer.style-four .footer-bottom .copyright-column .copyright a {
    color: #fff
}

.app-osaas-main-footer.style-five {
    padding-top: 100px;
    background-color: #19274d
}

.app-osaas-main-footer.style-five .footer-widget h5 {
    color: #fff
}

.app-osaas-main-footer.style-five .list-link li a {
    color: #fff
}

.app-osaas-main-footer.style-five .footer-bottom {
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%)
}

.app-osaas-main-footer.style-five .footer-bottom .social-column ul li a {
    color: #fff
}

.app-osaas-main-footer.style-five .footer-bottom .inner-container {
    border: none
}

.app-osaas-main-footer.style-five .footer-bottom .copyright-column .copyright,.app-osaas-main-footer.style-five .footer-bottom .copyright-column .copyright a {
    color: #fff
}

.app-osaas-banner-section-two {
    position: relative;
    overflow: hidden
}

.app-osaas-banner-section-two .app-osaas-auto-container {
    max-width: 1420px
}

.app-osaas-banner-section-two .content-column {
    position: relative
}

.app-osaas-banner-section-two .content-column .inner-column {
    position: relative;
    padding-top: 130px
}

.app-osaas-banner-section-two .content-column .title {
    position: relative;
    color: #fc3549;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 15px;
    font-weight: 500
}

.app-osaas-banner-section-two .content-column h1 {
    position: relative;
    color: #19274d;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.1em;
    margin-bottom: 35px
}

.app-osaas-banner-section-two .content-column .text {
    position: relative;
    color: #a5aec5;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 35px;
    font-weight: 500
}

.app-osaas-banner-section-two .image-column {
    position: relative
}

.app-osaas-banner-section-two .image-column .inner-column {
    position: relative
}

.app-osaas-banner-section-two .image-column .inner-column:before {
    position: absolute;
    content: '';
    left: 280px;
    top: 90px;
    width: 200%;
    bottom: 0;
    background-color: #ffe9e9
}

.app-osaas-banner-section-two .image-column .image {
    position: relative;
    margin-left: 120px;
    margin-right: -190px
}

.app-osaas-banner-section-two .image-column .image img {
    position: relative;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-banner-section-two .image-column .image.now-in-view img {
    margin-left: 0;
    opacity: 1;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.app-osaas-banner-section-two .image-column .counter-boxed {
    position: absolute;
    left: 60px;
    top: 110px;
    z-index: 1
}

.app-osaas-banner-section-two .image-column .counter-boxed .graph-outer {
    position: relative;
    width: 270px;
    padding: 40px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(251,71,73,.1)
}

.app-osaas-banner-section-two .image-column .counter-boxed .app-osaas-count-box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 16px;
    color: #19274d;
    font-weight: 700;
    margin-top: -38px;
    text-align: center
}

.app-osaas-banner-section-two .image-column .counter-boxed .app-osaas-count-box .count-text {
    position: relative;
    color: #19274d;
    font-size: 48px;
    font-weight: 700
}

.app-osaas-banner-section-two .image-column .counter-boxed .app-osaas-count-box .sign {
    font-size: 20px
}

.app-osaas-banner-section-two .image-column .counter-boxed h6 {
    position: relative;
    line-height: 1.6em;
    color: #19274d;
    font-weight: 700;
    margin-top: 22px;
    text-transform: capitalize;
    font-family: Roboto,sans-serif
}

.app-osaas-banner-section-two .authors-box {
    position: absolute;
    left: 0;
    bottom: 0
}

.app-osaas-banner-section-two .authors-box .banner-author-box {
    position: relative;
    margin-right: 30px;
    display: inline-block
}

.app-osaas-banner-section-two .authors-box .banner-author-box .box-inner {
    position: relative;
    min-height: 250px;
    padding-left: 255px;
    padding-top: 70px
}

.app-osaas-banner-section-two .authors-box .banner-author-box .box-inner .author-image {
    position: absolute;
    left: 0;
    top: 0
}

.app-osaas-banner-section-two .authors-box .banner-author-box .box-inner .rating {
    position: relative;
    color: #fc3549;
    font-size: 14px
}

.app-osaas-banner-section-two .authors-box .banner-author-box .box-inner h3 {
    position: relative;
    color: #19274d;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 10px;
    font-family: Poppins,sans-serif
}

.app-osaas-banner-section-two .authors-box .banner-author-box .box-inner .author {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 600;
    margin-top: 12px
}

.app-osaas-banner-section-two .authors-box .banner-author-box .box-inner .author span {
    position: relative;
    color: #fc3549;
    font-size: 14px;
    font-weight: 700
}

.subscribe-form-two {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.subscribe-form-two .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0
}

.subscribe-form-two .form-group input[type=email],.subscribe-form-two .form-group input[type=tel],.subscribe-form-two .form-group input[type=text],.subscribe-form-two .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #19274d;
    line-height: 38px;
    font-weight: 400;
    border-radius: 50px;
    background: #f6f8ff;
    padding: 10px 20px 10px 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.subscribe-form-two .form-group input::-webkit-input-placeholder,.subscribe-form-two .form-group textarea::-webkit-input-placeholder {
    color: #19274d
}

.subscribe-form-two .form-group .osaas-theme-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.app-osaas-about-section {
    position: relative;
    padding: 120px 0 80px
}

.app-osaas-about-section .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-about-section .image-column .inner-column {
    position: relative
}

.app-osaas-about-section .image-column .pattern-layer {
    position: absolute;
    left: -35px;
    bottom: -35px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat
}

.app-osaas-about-section .image-column .image {
    position: relative;
    display: inline-block
}

.app-osaas-about-section .image-column .image img {
    position: relative
}

.app-osaas-about-section .image-column .image-content {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 100%;
    max-width: 320px;
    padding: 45px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(250,71,71,.2)
}

.app-osaas-about-section .image-column .image-content .icon-box {
    position: absolute;
    left: -42px;
    top: -50px;
    width: 102px;
    height: 106px
}

.app-osaas-about-section .image-column .image-content h4 {
    position: relative;
    color: #19274d;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 25px;
    font-family: Poppins,sans-serif
}

.app-osaas-about-section .image-column .image-content .circle-box {
    position: absolute;
    content: '';
    right: -15px;
    top: -15px;
    width: 32px;
    height: 32px;
    z-index: -1;
    border-radius: 50%;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-about-section .image-column .image-content ul {
    position: relative
}

.app-osaas-about-section .image-column .image-content ul li {
    position: relative;
    color: #19274d;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-top: 8px;
    padding-left: 60px;
    margin-bottom: 25px
}

.app-osaas-about-section .image-column .image-content ul li:last-child {
    margin-bottom: 0
}

.app-osaas-about-section .image-column .image-content ul li .icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #fa474a;
    line-height: 1em;
    font-size: 40px;
    font-weight: 500;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-about-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-about-section .content-column .sec-title {
    margin-bottom: 10px
}

.app-osaas-about-section .content-column .inner-column {
    position: relative;
    padding-left: 40px;
    padding-top: 80px
}

.app-osaas-about-section .content-column .text {
    position: relative;
    color: #19274d;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 40px
}

.app-osaas-about-section .content-column .text span {
    font-weight: 600
}

.app-osaas-seo-section {
    position: relative;
    padding: 110px 0 70px;
    background-color: #fff0f0
}

.app-osaas-seo-section .left-column {
    position: relative
}

.app-osaas-seo-section .left-column .inner-column:before {
    position: absolute;
    content: '';
    right: -20px;
    top: 50px;
    width: 2px;
    bottom: -40px;
    background-color: #eacece
}

.app-osaas-seo-section .left-column .inner-column {
    position: relative;
    padding-right: 50px
}

.app-osaas-seo-section .right-column {
    position: relative
}

.app-osaas-seo-section .right-column .inner-column {
    position: relative;
    padding-left: 50px
}

.app-osaas-seo-section .column .inner-column {
    position: relative
}

.app-osaas-seo-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-seo-block .inner-box {
    position: relative
}

.app-osaas-seo-block .inner-box .upper-box {
    position: relative;
    text-align: right;
    padding-top: 25px;
    padding-right: 135px;
    min-height: 100px
}

.app-osaas-seo-block .inner-box .upper-box .icon-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    font-size: 60px;
    line-height: 100px;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 10px 10px 20px rgba(250,71,71,.2)
}

.app-osaas-seo-block .inner-box .upper-box .icon-box .icon {
    position: relative;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-seo-block .inner-box .upper-box h2 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.3em;
    font-family: Poppins,sans-serif
}

.app-osaas-seo-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 32px;
    text-align: right;
    margin-bottom: 30px
}

.app-osaas-seo-block .inner-box .btn-box {
    position: relative;
    text-align: right
}

.app-osaas-seo-block .inner-box .btn-box .osaas-theme-btn {
    margin-left: 15px
}

.app-osaas-seo-block.style-two .inner-box .upper-box {
    padding-right: 0;
    padding-left: 135px;
    text-align: left
}

.app-osaas-seo-block.style-two .inner-box .upper-box .icon-box {
    left: 0;
    right: auto
}

.app-osaas-seo-block.style-two .inner-box .text {
    text-align: left
}

.app-osaas-about-app-osaas-software-section {
    position: relative;
    overflow: hidden;
    padding-top: 130px;
    padding-bottom: 130px
}

.app-osaas-about-app-osaas-software-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-about-app-osaas-software-section .content-column .inner-column {
    position: relative
}

.app-osaas-about-app-osaas-software-section .content-column .sec-title {
    margin-bottom: 10px
}

.app-osaas-about-app-osaas-software-section .content-column .text {
    position: relative;
    color: #19274d;
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 40px
}

.app-osaas-about-app-osaas-software-section .content-column .text span {
    font-weight: 600
}

.app-osaas-about-app-osaas-software-section .content-column .row {
    margin: 0 -2px
}

.app-osaas-about-app-osaas-software-section .content-column .number-block {
    padding: 0 2px
}

.number-block {
    position: relative
}

.number-block .block-inner {
    position: relative;
    padding: 45px 35px;
    box-shadow: 2px 0 20px rgba(250,71,71,.07)
}

.number-block .block-inner .number {
    position: relative;
    font-size: 80px;
    font-weight: 600;
    line-height: 1em;
    color: #fc3549;
    font-family: Poppins,sans-serif;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.number-block .block-inner h4 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 15px;
    font-family: Poppins,sans-serif
}

.number-block .block-inner .block-text {
    position: relative;
    color: #19274d;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 14px
}

.app-osaas-about-app-osaas-software-section .images-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-about-app-osaas-software-section .images-column .inner-column {
    position: relative;
    margin-right: -550px
}

.app-osaas-about-app-osaas-software-section .images-column .circle-layer {
    position: absolute;
    right: 50px;
    top: 0;
    width: 900px;
    height: 900px;
    overflow: hidden;
    border-radius: 50%;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-about-app-osaas-software-section .images-column .images {
    position: relative
}

.app-osaas-about-app-osaas-software-section .images-column .images .image {
    position: relative;
    display: inline-block
}

.app-osaas-about-app-osaas-software-section .images-column .images .image:first-child {
    top: 100px
}

.app-osaas-about-app-osaas-software-section .images-column .images .image:last-child {
    margin-left: -120px
}

.app-osaas-agency-section {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-agency-section .agents-images {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.app-osaas-agency-section .agents-images .agent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 138px;
    height: 138px;
    opacity: 0;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -64px;
    margin-top: -64px;
    border: 5px solid #fff;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-agency-section .agents-images .agent.now-in-view {
    left: 15%;
    top: 2%;
    opacity: 1
}

.app-osaas-agency-section .agents-images .agent-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border: 4px solid #fff;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-agency-section .agents-images .agent-1.now-in-view {
    left: 10%;
    top: 85%;
    opacity: 1
}

.app-osaas-agency-section .agents-images .agent-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 176px;
    height: 176px;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -88px;
    margin-top: -88px;
    border: 5px solid #fff;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-agency-section .agents-images .agent-2.now-in-view {
    left: 75%;
    top: 25%;
    opacity: 1
}

.app-osaas-agency-section .agents-images .agent-3 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 86px;
    height: 86px;
    opacity: 0;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -43px;
    margin-top: -43px;
    border: 5px solid #fff;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-agency-section .agents-images .agent-3.now-in-view {
    left: 84%;
    top: 85%;
    opacity: 1
}

.app-osaas-agency-section .agents-images .agent-4 {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 136px;
    height: 136px;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -68px;
    margin-top: -68px;
    border: 5px solid #fff;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-agency-section .agents-images .agent-4.now-in-view {
    left: 90%;
    top: 55%;
    opacity: 1
}

.app-osaas-agency-section .sec-title .title {
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.app-osaas-agency-section .sec-title h1 {
    padding-bottom: 0
}

.app-osaas-agency-section .section-icon {
    position: relative;
    width: 120px;
    height: 120px;
    color: #fa474a;
    font-size: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 120px;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
    background-color: #fff
}

.app-osaas-agency-section .pattern-layer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 905px;
    background-position: center bottom;
    background-repeat: no-repeat
}

.app-osaas-agency-section .buttons-box {
    position: relative
}

.app-osaas-agency-section .buttons-box .osaas-theme-btn {
    margin: 0 12px
}

.app-osaas-agency-section .osaas-btn-style-five {
    padding: 14px 42px
}

.app-osaas-intro-section {
    position: relative
}

.app-osaas-intro-section .owl-dots {
    display: none
}

.app-osaas-intro-section .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin-top: -40px
}

.app-osaas-intro-section .owl-nav .owl-prev {
    position: absolute;
    left: -40px;
    top: 0;
    width: 80px;
    height: 80px;
    color: #19274d;
    font-size: 22px;
    text-align: center;
    line-height: 80px;
    border-radius: 50px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    box-shadow: 0 10px 12px rgba(0,0,0,.1)
}

.app-osaas-intro-section .owl-nav .owl-next {
    position: absolute;
    right: -40px;
    top: 0;
    width: 80px;
    height: 80px;
    color: #19274d;
    font-size: 22px;
    text-align: center;
    line-height: 80px;
    border-radius: 50px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    box-shadow: 0 10px 12px rgba(0,0,0,.1)
}

.app-osaas-intro-section .owl-nav .owl-next:hover,.app-osaas-intro-section .owl-nav .owl-prev:hover {
    color: #fff;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-intro-section .video-column {
    position: relative
}

.app-osaas-intro-section .video-column .inner-column {
    position: relative
}

.app-osaas-video-box {
    position: relative
}

.app-osaas-video-box .video-image {
    position: relative;
    margin: 0
}

.app-osaas-video-box .video-image img {
    position: relative;
    width: 100%;
    z-index: 3
}

.app-osaas-video-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 45px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-video-box .overlay-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0,0,0,0)
}

.app-osaas-video-box .overlay-box span {
    position: absolute;
    width: 120px;
    height: 120px;
    left: 50%;
    top: 50%;
    z-index: 10;
    color: #fff;
    font-weight: 400;
    font-size: 26px;
    text-align: center;
    border-radius: 50%;
    padding-left: 4px;
    display: inline-block;
    margin-top: -60px;
    margin-left: -60px;
    line-height: 120px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-video-box .ripple,.app-osaas-video-box .ripple:after,.app-osaas-video-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(250,69,74,.6);
    -moz-box-shadow: 0 0 0 0 rgba(250,69,74,.6);
    -ms-box-shadow: 0 0 0 0 rgba(250,69,74,.6);
    -o-box-shadow: 0 0 0 0 rgba(250,69,74,.6);
    box-shadow: 0 0 0 0 rgba(250,69,74,.6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.app-osaas-video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.app-osaas-video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(253,167,0,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(253,167,0,0)
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(253,167,0,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(253,167,0,0)
    }
}

.app-osaas-intro-section .content-column {
    position: relative
}

.app-osaas-intro-section .content-column .inner-column {
    position: relative;
    padding-top: 35px;
    padding-left: 30px
}

.app-osaas-intro-section .content-column .app-options {
    position: relative
}

.app-osaas-intro-section .content-column .app-options .app-block {
    position: relative;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 20px;
    padding-top: 24px;
    margin-bottom: 20px;
    text-align: center;
    border: 2px solid #fff1f1;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-intro-section .content-column .app-options .app-block .overlay-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.app-osaas-intro-section .content-column .app-options .app-block .icon {
    position: relative;
    font-size: 36px;
    color: #fa474a;
    line-height: 1em
}

.app-osaas-intro-section .content-column .app-options .app-block h6 {
    position: relative;
    color: #19274d;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px
}

.app-osaas-intro-section .content-column .app-options .app-block:last-child {
    margin-right: 0
}

.app-osaas-intro-section .content-column .app-options .app-block:hover {
    border-color: #fb5148
}

.app-osaas-featured-section-two {
    position: relative
}

.app-osaas-featured-section-two.style-two {
    padding-top: 110px
}

.app-osaas-featured-section-two .inner-container {
    position: relative
}

.app-osaas-feature-block-two {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-feature-block-two .inner-box {
    position: relative;
    padding: 28px 34px;
    border-radius: 7px;
    border: 2px solid #fff1f1;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block-two .inner-box .upper-box {
    position: relative;
    padding-left: 50px
}

.app-osaas-feature-block-two .inner-box .upper-box .icon {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 24px;
    line-height: 1em;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block-two .inner-box .upper-box h5 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
    font-family: Poppins,sans-serif
}

.app-osaas-feature-block-two .inner-box .upper-box h5 a {
    position: relative;
    color: #19274d;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block-two .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    margin-top: 12px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block-two .inner-box .arrow {
    position: absolute;
    right: 0;
    top: 2px;
    color: #c4cee9;
    font-size: 20px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-feature-block-two .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    border-radius: 7px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-feature-block-two .inner-box:hover:before {
    width: 100%
}

.app-osaas-feature-block-two .inner-box:hover .upper-box .icon {
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.app-osaas-feature-block-two .inner-box:hover .arrow,.app-osaas-feature-block-two .inner-box:hover .text,.app-osaas-feature-block-two .inner-box:hover .upper-box h5 a {
    color: #fff
}

.app-osaas-feature-block-two .inner-box .big-icon {
    position: absolute;
    right: 0;
    bottom: -10px;
    font-size: 80px;
    line-height: 1em;
    color: rgba(255,255,255,.1)
}

.app-osaas-pricing-section {
    position: relative;
    padding: 110px 0 70px;
    background-color: #fff0f0
}

.app-osaas-price-box {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-price-box .box-inner {
    position: relative;
    padding: 74px 15px;
    border-radius: 10px;
    text-align: center;
    background-color: #fff
}

.app-osaas-price-box .box-inner .price {
    position: relative;
    font-weight: 600;
    font-size: 80px;
    color: #fc3549;
    line-height: 1em;
    font-family: Poppins,sans-serif;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins,sans-serif
}

.app-osaas-price-box .box-inner .price sub {
    position: relative;
    font-size: 24px;
    color: #fc3549;
    line-height: 1em;
    font-family: Poppins,sans-serif;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-box .box-inner h4 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 12px
}

.app-osaas-price-box-two {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-price-box-two .box-inner {
    position: relative;
    padding: 74px 70px;
    border-radius: 10px;
    background-color: #fff
}

.app-osaas-price-box-two .box-inner .content {
    position: relative;
    padding-top: 12px;
    padding-left: 160px
}

.app-osaas-price-box-two .box-inner .content .app-osaas-price-box {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.app-osaas-price-box-two .box-inner .content .price {
    position: relative;
    font-weight: 600;
    font-size: 80px;
    color: #fc3549;
    line-height: 1em;
    font-family: Poppins,sans-serif;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins,sans-serif
}

.app-osaas-price-box-two .box-inner .content .price sub {
    position: relative;
    font-size: 24px;
    color: #fc3549;
    line-height: 1em;
    font-family: Poppins,sans-serif;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-price-box-two .box-inner .content .app-osaas-price-box h4 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.1em;
    margin-top: 12px;
    display: block;
    font-size: 24px
}

.app-osaas-price-box-two .box-inner .content .text {
    position: relative;
    color: #19274d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9em
}

.app-osaas-price-box-two .box-inner .content .text span {
    font-weight: 500
}

.app-osaas-pricing-section .version-column {
    position: relative
}

.app-osaas-pricing-section .version-column .inner-column {
    position: relative;
    border-radius: 15px;
    padding: 70px 70px 0;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-subscribe-form-three {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.app-osaas-subscribe-form-three .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0
}

.app-osaas-subscribe-form-three .form-group input[type=email],.app-osaas-subscribe-form-three .form-group input[type=tel],.app-osaas-subscribe-form-three .form-group input[type=text],.app-osaas-subscribe-form-three .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #19274d;
    line-height: 38px;
    font-weight: 400;
    border-radius: 50px;
    background: #fff;
    padding: 10px 20px 10px 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-subscribe-form-three .form-group input::-webkit-input-placeholder,.app-osaas-subscribe-form-three .form-group textarea::-webkit-input-placeholder {
    color: #19274d
}

.app-osaas-subscribe-form-three .form-group .osaas-theme-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.app-osaas-pricing-section .version-column h2 {
    position: relative;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3em;
    text-align: center;
    margin-top: 30px;
    font-family: Poppins,sans-serif
}

.app-osaas-pricing-section .version-column .days {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3em;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 25px
}

.app-osaas-pricing-section .version-column .days span {
    font-weight: 700
}

.app-osaas-blog-section-two {
    position: relative
}

.app-osaas-blog-section-two .sec-title .osaas-theme-btn {
    margin-top: 30px
}

.app-osaas-news-block-two {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-news-block-two .inner-box {
    position: relative;
    text-align: center;
    padding-top: 26px
}

.app-osaas-news-block-two .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #fa474a
}

.app-osaas-news-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-news-block-two .inner-box:hover .image img {
    opacity: .5;
    transform: scale(1.05,1.05)
}

.app-osaas-news-block-two .inner-box .post-info {
    position: absolute;
    top: 0;
    left: 60px;
    right: 60px;
    padding: 13px 18px;
    border-radius: 50px;
    display: inline-block;
    z-index: 1;
    width: auto;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-news-block-two .inner-box .post-info li {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1em;
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block;
    border-right: 1px solid #fff
}

.app-osaas-news-block-two .inner-box .post-info li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.app-osaas-news-block-two .inner-box .lower-content {
    position: relative;
    padding-top: 35px
}

.app-osaas-news-block-two .inner-box .lower-content .post-author {
    position: relative;
    padding-left: 50px;
    color: #19274d;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    padding-top: 9px;
    margin-bottom: 20px;
    display: inline-block
}

.app-osaas-news-block-two .inner-box .lower-content .post-author .author-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.app-osaas-news-block-two .inner-box .lower-content h2 {
    position: relative;
    font-weight: 600;
    line-height: 1.1em;
    margin-top: 4px;
    font-family: Poppins,sans-serif
}

.app-osaas-news-block-two .inner-box .lower-content h2 a {
    position: relative;
    color: #19274d;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-news-block-two .inner-box .lower-content h2 a:hover {
    color: #fa474a
}

.app-osaas-banner-section-three {
    position: relative;
    z-index: 9
}

.app-osaas-banner-section-three .chat-icon {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 512px;
    height: 374px;
    background-repeat: no-repeat
}

.app-osaas-banner-section-three .content-column {
    position: relative
}

.app-osaas-banner-section-three .content-column .inner-column {
    position: relative;
    margin-left: -70px;
    padding-top: 195px
}

.app-osaas-banner-section-three .content-column .option-list {
    position: relative;
    margin-bottom: 15px
}

.app-osaas-banner-section-three .content-column .option-list li {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 700;
    padding-left: 15px;
    margin-right: 26px;
    display: inline-block
}

.app-osaas-banner-section-three .content-column .option-list li:before {
    position: absolute;
    content: '-';
    left: 0;
    top: 0;
    color: #32c788
}

.app-osaas-banner-section-three .content-column h1 {
    position: relative;
    color: #19274d;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.1em
}

.app-osaas-banner-section-three .content-column h1 i {
    position: relative;
    font-weight: 300;
    font-style: normal
}

.app-osaas-banner-section-three .content-column h1 span {
    color: #32c788
}

.app-osaas-banner-section-three .content-column .text {
    position: relative;
    color: #19274d;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    padding-left: 25px;
    margin-top: 28px;
    margin-bottom: 28px;
    border-left: 4px solid #32c788
}

.app-osaas-banner-section-three .content-column .users-box {
    position: relative
}

.app-osaas-banner-section-three .content-column .users-box .box-inner {
    position: relative;
    padding-top: 17px;
    padding-left: 130px
}

.app-osaas-banner-section-three .content-column .users-box .icon {
    position: absolute;
    left: 0;
    top: 0
}

.app-osaas-banner-section-three .content-column .users-box .box-inner .active {
    position: relative;
    color: #19274d;
    font-size: 14px
}

.app-osaas-banner-section-three .content-column .users-box .total-users {
    position: relative;
    display: block;
    color: #32c788;
    font-size: 30px;
    font-weight: 700;
    margin-top: 8px
}

.app-osaas-banner-section-three .image-column {
    position: relative
}

.app-osaas-banner-section-three .image-column .inner-column {
    position: relative;
    margin-left: -70px;
    margin-right: -40px
}

.app-osaas-banner-section-three .image-column .logo-icon {
    position: absolute;
    left: 0;
    top: 120px;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.app-osaas-banner-section-three .image-column .image {
    position: relative;
    margin-top: -130px;
    z-index: 1
}

.app-osaas-platform-section {
    position: relative;
    overflow: hidden
}

.app-osaas-platform-section .app-osaas-auto-container {
    position: relative
}

.app-osaas-platform-section .platform-tabs {
    position: relative;
    margin-top: 50px;
    padding-bottom: 35px
}

.app-osaas-platform-section .platform-tabs .tab-btns {
    position: relative;
    text-align: center;
    margin-bottom: 70px
}

.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    margin: 0 20px;
    font-size: 16px;
    background: 0 0;
    color: #19274d;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 12px;
    display: inline-block;
    transition: all .5s ease;
    text-transform: capitalize
}

.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -70px;
    width: 149px;
    height: 67px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/combine/line-1.png) no-repeat
}

.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn .icon {
    position: relative;
    width: 80px;
    height: 80px;
    color: #32c788;
    font-size: 30px;
    line-height: 80px;
    text-align: center;
    margin: 0 10px 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:nth-child(6):before,.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:nth-child(7):before,.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:nth-child(8):before {
    left: auto;
    right: 50%;
    transform: rotateY(180deg)
}

.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn.active-btn .icon,.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:hover .icon {
    color: #fff;
    background-color: #32c788
}

.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn.active-btn:before {
    opacity: 1
}

.app-osaas-platform-section .platform-tabs .tabs-content {
    position: relative;
    padding-left: 100px
}

.app-osaas-platform-section .platform-tabs .tabs-content .tab {
    position: relative;
    display: none
}

.app-osaas-platform-section .platform-tabs .tabs-content .tab.active-tab {
    display: block
}

.app-osaas-platform-section .platform-tabs .tabs-content .image {
    position: relative;
    z-index: 1
}

.app-osaas-platform-section .platform-tabs .tabs-content .image-two {
    position: absolute;
    right: 110px;
    bottom: -40px;
    z-index: 2
}

.app-osaas-journey-section {
    position: relative;
    padding: 120px 0 70px
}

.app-osaas-journey-section .video-column {
    position: relative
}

.app-osaas-journey-section .video-column .inner-column {
    position: relative
}

.app-osaas-journey-section .video-column .inner-column .image {
    position: relative
}

.app-osaas-journey-section .video-column .inner-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.osaas-video-lightbox {
    position: relative;
    width: 120px;
    height: 120px;
    color: #32c788;
    font-size: 26px;
    text-align: center;
    border-radius: 50%;
    line-height: 120px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    background-color: #fff
}

.osaas-video-lightbox span {
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.osaas-video-lightbox .ripple,.osaas-video-lightbox .ripple:after,.osaas-video-lightbox .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-left: .5px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(50,199,136,.4);
    -moz-box-shadow: 0 0 0 0 rgba(50,199,136,.4);
    -ms-box-shadow: 0 0 0 0 rgba(50,199,136,.4);
    -o-box-shadow: 0 0 0 0 rgba(50,199,136,.4);
    box-shadow: 0 0 0 0 rgba(50,199,136,.4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.osaas-video-lightbox .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.osaas-video-lightbox .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.app-osaas-journey-section .content-column {
    position: relative
}

.app-osaas-journey-section .content-column .inner-column {
    position: relative;
    padding-left: 40px
}

.app-osaas-journey-section .content-column .title {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 700
}

.app-osaas-journey-section .content-column h1 {
    position: relative;
    color: #19274d;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1em;
    margin-top: 18px;
    margin-bottom: 30px
}

.app-osaas-journey-section .content-column h1 span {
    font-weight: 300
}

.app-osaas-journey-section .content-column .text {
    position: relative;
    color: #19274d;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    padding-left: 25px;
    margin-top: 28px;
    margin-bottom: 34px;
    border-left: 4px solid #32c788
}

.app-osaas-journey-section .content-column .buttons-box {
    position: relative;
    margin-top: 25px
}

.app-osaas-journey-section .content-column .buttons-box .osaas-theme-btn {
    margin-right: 15px
}

.app-osaas-facilities-section {
    position: relative
}

.app-osaas-facilities-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-facilities-section .content-column .visitors-box {
    position: relative
}

.app-osaas-facilities-section .content-column .visitors-box .arrow-box {
    position: absolute;
    right: 0;
    top: 65px;
    width: 60px;
    height: 60px;
    color: #19274d;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    box-shadow: 0 10px 10px rgba(50,199,136,.1)
}

.app-osaas-facilities-section .content-column .visitors-box .arrow-box:hover {
    color: #fff;
    background-color: #32c788
}

.app-osaas-facilities-section .content-column .inner-column {
    position: relative;
    margin-right: -20px
}

.app-osaas-facilities-section .content-column .counter-boxed {
    position: relative;
    margin-right: 35px
}

.app-osaas-facilities-section .content-column .counter-boxed .graph-outer:before {
    position: absolute;
    content: '';
    left: 17px;
    top: 17px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 2px solid #e7f1ff
}

.app-osaas-facilities-section .content-column .app-osaas-count-box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 16px;
    color: #32c788;
    font-weight: 700;
    margin-top: -38px;
    text-align: center
}

.app-osaas-facilities-section .content-column .count-text {
    position: relative;
    color: #19274d;
    font-size: 48px;
    font-weight: 700
}

.app-osaas-facilities-section .content-column .counter-boxed .app-osaas-count-box .sign {
    font-size: 20px
}

.app-osaas-facilities-section .content-column .counter-boxed h6 {
    position: relative;
    line-height: 1.6em;
    color: #19274d;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    text-transform: capitalize;
    font-family: Roboto,sans-serif
}

.app-osaas-facilities-section .app-osaas-service-block {
    padding: 0 20px
}

.app-osaas-facilities-section .app-osaas-service-block:nth-child(2n+0) {
    transform: translateY(40px)
}

.app-osaas-service-block {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-service-block .inner-box {
    position: relative;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    padding: 50px 40px 65px;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(50,199,136,.1)
}

.app-osaas-service-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-top: 5px solid #32c788;
    background-color: #19274d;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transform: scale(.5,1)
}

.app-osaas-service-block .inner-box:hover:before {
    opacity: 1;
    transform: scale(1,1)
}

.app-osaas-service-block .inner-box h4 {
    position: relative;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 18px
}

.app-osaas-service-block .inner-box h4 a {
    position: relative;
    color: #19274d;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-service-block .inner-box:hover .text,.app-osaas-service-block .inner-box:hover h4 a {
    color: #fff
}

.app-osaas-service-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 30px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-service-block .inner-box .icon-outer {
    position: relative;
    display: inline-block
}

.app-osaas-service-block .inner-box .icon-outer .icon-box {
    position: relative;
    color: #32c788;
    font-size: 60px;
    line-height: 1em;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-service-block .inner-box .icon-outer:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 10px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #f0fff9;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-service-block .inner-box:hover .icon-outer:before {
    background-color: rgba(255,255,255,.1)
}

.app-osaas-team-section {
    position: relative
}

.app-osaas-team-section .owl-nav {
    display: none
}

.app-osaas-team-section .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 30px
}

.app-osaas-team-section .owl-dots .owl-dot {
    position: relative;
    width: 30px;
    height: 6px;
    margin: 0 6px;
    border-radius: 5px;
    display: inline-block;
    background-color: #f2f3f6;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.app-osaas-team-section .owl-dots .owl-dot.active,.app-osaas-team-section .owl-dots .owl-dot:hover {
    background-color: #32c788
}

.app-osaas-team-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-team-block .inner-box {
    position: relative;
    padding: 35px;
    border: 2px solid #f2f3f6
}

.app-osaas-team-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    right: 0;
    height: 3px;
    opacity: 0;
    transform: scale(.5,1);
    background-color: #32c788;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-team-block .inner-box:hover:before {
    opacity: 1;
    transform: scale(1,1)
}

.app-osaas-team-block .inner-box .content {
    position: relative;
    overflow: hidden
}

.app-osaas-team-block .inner-box .content .circle-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: inline-block;
    background-color: #e2fff3
}

.app-osaas-team-block .inner-box .content .circle-two {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    background-color: #32c788
}

.app-osaas-team-block .inner-box .designation {
    position: relative;
    color: #32c788;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3em;
    text-align: right;
    margin-bottom: 28px
}

.app-osaas-team-block .inner-box .image {
    position: relative;
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 25px
}

.app-osaas-team-block .inner-box h2 {
    position: relative;
    font-weight: 700;
    line-height: 1.1em;
    font-family: Roboto,sans-serif;
    width: 80%
}

.app-osaas-team-block .inner-box h2 a {
    position: relative;
    color: #19274d;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-team-block .inner-box h2 a:hover {
    color: #32c788
}

.app-osaas-team-block .inner-box .content .social-outer-box {
    position: absolute;
    right: 0;
    bottom: 15px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-team-block .inner-box .content .social-outer-box .plus {
    position: relative;
    right: 0;
    bottom: 0;
    width: 50px;
    z-index: 1;
    height: 50px;
    color: #fff;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    background-color: #32c788
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed {
    position: absolute;
    right: 0;
    bottom: -400px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-team-block .inner-box .content .social-outer-box:hover {
    overflow: visible
}

.app-osaas-team-block .inner-box .content .social-outer-box:hover .social-boxed {
    bottom: 100%;
    top: auto
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box {
    position: relative
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li {
    position: relative;
    padding-bottom: 10px
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li a {
    position: relative;
    width: 50px;
    height: 50px;
    color: #19274d;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    border: 2px solid #f2f3f6;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.facebook a:hover {
    color: #fff;
    border-color: #4064ad;
    background-color: #4064ad
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.twitter a:hover {
    color: #fff;
    border-color: #2d88ff;
    background-color: #2d88ff
}

.app-osaas-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.behance a:hover {
    color: #fff;
    border-color: #0055f8;
    background-color: #0055f8
}

.app-osaas-subscribe-section {
    position: relative;
    padding: 100px 0 120px
}

.app-osaas-subscribe-section .chat-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 512px;
    height: 374px;
    z-index: 1;
    background-repeat: no-repeat
}

.app-osaas-subscribe-section .chat-icon-two {
    position: absolute;
    right: 20%;
    top: 150px;
    width: 256px;
    height: 256px;
    z-index: 1;
    opacity: .1;
    background-repeat: no-repeat
}

.app-osaas-subscribe-section .sec-title {
    margin-bottom: 30px
}

.app-osaas-subscribe-section .subscribe-form-four {
    max-width: 680px;
    margin: 0 auto
}

.app-osaas-subscribe-section .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -110px;
    background-color: #32c788;
    clip-path: polygon(0 0,100% 0,100% 100%,0 84%)
}

.subscribe-form-four {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.subscribe-form-four .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0
}

.subscribe-form-four .form-group input[type=email],.subscribe-form-four .form-group input[type=tel],.subscribe-form-four .form-group input[type=text],.subscribe-form-four .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #19274d;
    line-height: 38px;
    font-weight: 400;
    border-radius: 5px;
    background: #fff;
    padding: 10px 20px 10px 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.subscribe-form-four .form-group input::-webkit-input-placeholder,.subscribe-form-four .form-group textarea::-webkit-input-placeholder {
    color: #19274d
}

.subscribe-form-four .form-group .osaas-theme-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.app-osaas-subscribe-section .list-outer {
    position: relative;
    text-align: center;
    margin-top: 30px
}

.app-osaas-subscribe-section .list-outer li {
    position: relative;
    color: #fff;
    font-size: 16px;
    padding-left: 70px;
    padding-top: 14px;
    margin-right: 60px;
    display: inline-block
}

.app-osaas-subscribe-section .list-outer li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border: 2px solid rgba(255,255,255,.1)
}

.list-style-four li:hover:before {
    background-color: #32c788;
    color: #fff
}

.app-osaas-subscribe-section .list-outer li:last-child {
    margin-right: 0
}

.app-osaas-testimonial-section {
    position: relative
}

.app-osaas-testimonial-section .carousel-column {
    position: relative
}

.app-osaas-testimonial-section .text {
    position: relative;
    color: #19274d;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5em;
    padding-left: 28px;
    margin-top: 15px
}

.app-osaas-testimonial-section .text:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 4px;
    height: 60px;
    background-color: #32c788
}

.app-osaas-testimonial-section .clients-tabs {
    position: relative
}

.app-osaas-testimonial-section .clients-tabs .tab-btns {
    position: relative;
    margin-top: 40px
}

.app-osaas-testimonial-section .clients-tabs .tab-btns:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e9f4;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn:before,.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:hover:before {
    opacity: 1
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn,.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:hover {
    opacity: 1
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    margin: 0;
    font-size: 24px;
    background: 0 0;
    color: #19274d;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    margin-right: 40px;
    margin-bottom: 12px;
    padding-top: 30px;
    opacity: .2;
    border-top: 1px solid #e6e9f4;
    display: inline-block;
    transition: all .5s ease;
    text-transform: capitalize;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:after {
    position: absolute;
    content: '';
    left: 10px;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #32c788
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn:after,.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:hover:after {
    opacity: 1
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:last-child {
    margin-right: 0
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn span {
    position: relative;
    display: block;
    color: #32c788;
    font-size: 14px;
    margin-top: 7px
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:before {
    position: absolute;
    content: '';
    left: 0;
    top: -1px;
    width: 100%;
    height: 1px;
    opacity: 0;
    background-color: #32c788;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn.active-btn .icon,.app-osaas-testimonial-section .clients-tabs .tab-btns .tab-btn:hover .icon {
    color: #fff;
    background-color: #32c788
}

.app-osaas-testimonial-section .clients-tabs .tabs-content {
    position: relative
}

.app-osaas-testimonial-section .clients-tabs .tabs-content .tab {
    position: relative;
    display: none
}

.app-osaas-testimonial-section .clients-tabs .tabs-content .tab.active-tab {
    display: block
}

.osaas-testi-left-img .osaas-clnt-img {
    position: absolute;
    left: -60%;
    border-radius: 8px
}

.osaas-testi-center-img.clients-tabs .tab-btns .tab-btn:before,.osaas-testi-left-img.clients-tabs .tab-btns .tab-btn:before {
    height: 4px
}

.osaas-testi-center-img.clients-tabs .tab-btns .tab-btn:after,.osaas-testi-left-img.clients-tabs .tab-btns .tab-btn:after {
    content: none
}

.osaas-testi-center-img.clients-tabs .tab-btns:before {
    left: 27%;
    width: 46%
}

@media only screen and (max-width: 990px) {
    .osaas-testi-left-img .osaas-clnt-img {
        position:relative;
        left: 0
    }
}

@media only screen and (width: 1024px) {
    .osaas-testi-left-img .osaas-clnt-img {
        position:relative;
        left: 0
    }
}

.osaas-testi-left-img .osaas-clnt-img img {
    width: 370px
}

.osaas-testi-center-img .text:before,.osaas-testi-left-img .text:before {
    content: none
}

.osaas-testi-center-img .text,.osaas-testi-left-img .text {
    padding-left: 0;
    padding-top: 45px
}

.app-osaas-testimonial-section .blocks-column {
    position: relative
}

.app-osaas-testimonial-section .blocks-column .inner-column {
    position: relative;
    padding-left: 100px
}

.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(11),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(2),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(5),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(8) {
    transform: translateY(30px)
}

.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(3n+0) {
    transform: translateY(60px)
}

.app-osaas-category-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-category-block .inner-box {
    position: relative;
    display: block;
    text-align: center;
    padding: 45px 15px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.05)
}

.app-osaas-category-block .inner-box .icon {
    position: relative;
    color: #32c788;
    font-size: 50px
}

.app-osaas-category-block .inner-box h6 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase
}

.app-osaas-products-section {
    position: relative;
    padding: 110px 0 70px;
    border-bottom: 2px solid #e6edf7;
    background-image: -ms-linear-gradient(top,#f9fbff 0,#fbfdff 100%);
    background-image: -moz-linear-gradient(top,#f9fbff 0,#fbfdff 100%);
    background-image: -o-linear-gradient(top,#f9fbff 0,#fbfdff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9fbff),color-stop(100,#fbfdff));
    background-image: -webkit-linear-gradient(top,#f9fbff 0,#fbfdff 100%);
    background-image: linear-gradient(to bottom,#f9fbff 0,#fbfdff 100%)
}

.app-osaas-product-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-product-block .inner-box {
    position: relative;
    padding-left: 110px
}

.app-osaas-product-block .inner-box .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    text-align: center;
    line-height: 80px;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,.1)
}

.app-osaas-product-block .inner-box h5 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    line-height: 1.3em
}

.app-osaas-product-block .inner-box h5 a {
    position: relative;
    color: #19274d
}

.app-osaas-product-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 8px;
    font-size: 16px;
    margin-bottom: 10px
}

.app-osaas-product-block .inner-box .download {
    position: relative;
    color: #a367bf;
    font-weight: 700;
    font-size: 14px
}

.app-osaas-product-block:nth-child(2) .inner-box .download {
    color: #f05b68
}

.app-osaas-product-block:nth-child(3) .inner-box .download {
    color: #005edf
}

.app-osaas-banner-section-four {
    position: relative;
    overflow: hidden;
    padding-top: 200px
}

.app-osaas-banner-section-four .mouse-btn-down {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 20px;
    width: 30px;
    height: 68px;
    cursor: pointer;
    display: block;
    z-index: 20;
    cursor: pointer
}

.app-osaas-banner-section-four .content-box {
    position: relative;
    text-align: center
}

.app-osaas-banner-section-four .content-box .title {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em
}

.app-osaas-banner-section-four .content-box h1 {
    position: relative;
    color: #19274d;
    font-size: 80px;
    font-weight: 500;
    line-height: 1em;
    margin-top: 25px;
    margin-bottom: 30px
}

.app-osaas-banner-section-four .content-box .btn-box {
    position: relative;
    margin-top: 40px
}

.app-osaas-banner-section-four .content-box .btn-box .osaas-theme-btn {
    margin: 0 12px
}

.app-osaas-banner-section-four .image-box {
    position: relative;
    margin-top: 50px
}

.app-osaas-featured-section-three {
    position: relative;
    padding-bottom: 20px
}

.app-osaas-feature-block-three {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-feature-block-three .inner-box {
    position: relative;
    padding: 25px 35px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05)
}

.app-osaas-feature-block-three .inner-box .content {
    position: relative;
    padding-left: 62px
}

.app-osaas-feature-block-three .inner-box .content .arrow {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 22px;
    color: #e4e8f2;
    line-height: 1em
}

.app-osaas-feature-block-three .inner-box .content .icon {
    position: absolute;
    left: 0;
    top: 0
}

.app-osaas-feature-block-three .inner-box .content h4 {
    position: relative;
    color: #19274d;
    font-weight: 500;
    font-family: Roboto,sans-serif
}

.app-osaas-feature-block-three .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    margin-top: 6px
}

.app-osaas-featured-section-four {
    position: relative;
    padding: 70px 0 90px
}

.app-osaas-featured-section-four .image-column {
    position: relative
}

.app-osaas-featured-section-four .image-column .inner-column {
    position: relative;
    margin-left: -40px;
    padding-right: 30px
}

.app-osaas-featured-section-four .image-column .image {
    position: relative
}

.app-osaas-featured-section-four .content-column {
    position: relative
}

.app-osaas-featured-section-four .content-column .inner-column {
    position: relative
}

.app-osaas-feature-block-four {
    position: relative
}

.app-osaas-feature-block-four .inner-box {
    position: relative;
    padding: 35px 28px;
    overflow: hidden;
    box-shadow: 0 10px 40px #fafcfe
}

.app-osaas-feature-block-four .inner-box .number {
    position: absolute;
    right: -25px;
    bottom: -20px;
    color: #fafcfe;
    font-weight: 700;
    font-size: 140px;
    line-height: 1em
}

.app-osaas-feature-block-four .inner-box .upper-box {
    position: relative;
    padding-top: 8px;
    padding-left: 62px
}

.app-osaas-feature-block-four .inner-box .upper-box .icon {
    position: absolute;
    left: 0;
    top: 0
}

.app-osaas-feature-block-four .inner-box .upper-box h4 {
    position: relative;
    color: #19274d;
    font-weight: 500;
    line-height: 1.3em
}

.app-osaas-feature-block-four .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 28px;
    z-index: 1
}

.app-osaas-download-section {
    position: relative
}

.app-osaas-download-section .outer-container {
    position: relative;
    max-width: 1775px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    padding: 110px 0 0
}

.app-osaas-download-section .outer-container:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background-color: #19274d
}

.app-osaas-download-section .triangle-one {
    position: absolute;
    left: -300px;
    top: 0;
    width: 560px;
    height: 580px;
    transform: rotate(50deg);
    background-image: -ms-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: -moz-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: -o-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4195),color-stop(100,#1c73c5));
    background-image: -webkit-linear-gradient(left,#0c4195 0,#1c73c5 100%);
    background-image: linear-gradient(to right,#0c4195 0,#1c73c5 100%)
}

.app-osaas-download-section .triangle-two {
    position: absolute;
    right: -250px;
    bottom: 0;
    width: 660px;
    height: 580px;
    transform: rotate(60deg);
    background-image: -ms-linear-gradient(left,#09b89b 0,#9ffdb3 100%);
    background-image: -moz-linear-gradient(left,#09b89b 0,#9ffdb3 100%);
    background-image: -o-linear-gradient(left,#09b89b 0,#9ffdb3 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#09b89b),color-stop(100,#9ffdb3));
    background-image: -webkit-linear-gradient(left,#09b89b 0,#9ffdb3 100%);
    background-image: linear-gradient(to right,#09b89b 0,#9ffdb3 100%)
}

.app-osaas-download-section .subscribe-form-five {
    max-width: 690px;
    margin: 0 auto
}

.app-osaas-download-section .outer-container .list-outer {
    position: relative;
    text-align: center;
    margin-top: 50px
}

.app-osaas-download-section .outer-container .list-outer li {
    position: relative;
    color: #fff;
    font-size: 16px;
    padding-left: 80px;
    padding-top: 14px;
    margin-right: 70px;
    font-weight: 700;
    margin-bottom: 25px;
    display: inline-block
}

.app-osaas-download-section .outer-container .list-outer li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #32c788
}

.app-osaas-download-section .outer-container .list-outer li:last-child {
    margin-right: 0
}

.app-osaas-download-section .outer-container .image-box {
    position: relative;
    margin-top: 70px
}

.subscribe-form-five {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.subscribe-form-five .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0
}

.subscribe-form-five .form-group input[type=email],.subscribe-form-five .form-group input[type=tel],.subscribe-form-five .form-group input[type=text],.subscribe-form-five .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #19274d;
    line-height: 38px;
    font-weight: 400;
    border-radius: 50px;
    background: #fff;
    padding: 10px 20px 10px 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.subscribe-form-five .form-group input::-webkit-input-placeholder,.subscribe-form-five .form-group textarea::-webkit-input-placeholder {
    color: #19274d
}

.subscribe-form-five .form-group .osaas-theme-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 50px
}

.app-osaas-choose-section {
    position: relative;
    padding: 110px 0 80px
}

.app-osaas-choose-section .content-column {
    position: relative
}

.app-osaas-choose-section .content-column .inner-column {
    position: relative;
    padding-top: 50px
}

.app-osaas-choose-section .content-column .list {
    position: relative
}

.app-osaas-choose-section .content-column .list li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
    color: #19274d;
    font-size: 20px;
    line-height: 1.6em
}

.app-osaas-choose-section .content-column .list li:before {
    position: absolute;
    content: "\f1da";
    left: 0;
    top: 4px;
    color: #104da0;
    display: inline-block;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-choose-section .content-column .list li span {
    position: relative;
    font-weight: 600
}

.app-osaas-choose-section .carousel-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-choose-section .carousel-column .inner-column {
    position: relative;
    margin-right: -50px
}

.app-osaas-choose-section .carousel-column .owl-nav {
    display: none
}

.app-osaas-choose-section .carousel-column .owl-dots {
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    text-align: center
}

.app-osaas-choose-section .carousel-column .owl-dots .owl-dot {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-choose-section .carousel-column .owl-dots .owl-dot.active,.app-osaas-choose-section .carousel-column .owl-dots .owl-dot:hover {
    background-color: #104da1
}

.app-osaas-process-section {
    position: relative;
    z-index: 1;
    background-color: #f5fbff
}

.app-osaas-process-section .carousel-column {
    position: relative
}

.app-osaas-process-section .carousel-column .inner-column {
    position: relative;
    margin-right: 40px;
    padding: 75px 50px 70px
}

.app-osaas-process-section .carousel-column .inner-column:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: -40px;
    background-color: #fff
}

.app-osaas-testimonial-block {
    position: relative
}

.app-osaas-testimonial-block .inner-box {
    position: relative
}

.app-osaas-testimonial-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5em
}

.app-osaas-testimonial-block .inner-box .author-box {
    position: relative;
    margin-top: 35px;
    border-top: 1px solid #e6e9f4
}

.app-osaas-testimonial-block .inner-box .author-box .box-inner {
    position: relative;
    padding-top: 30px;
    display: inline-block
}

.app-osaas-testimonial-block .inner-box .author-box .box-inner:before {
    position: absolute;
    content: '';
    left: 0;
    top: -1px;
    height: 1px;
    width: 80%;
    background-color: #0d4599
}

.app-osaas-testimonial-block .inner-box .author-box .box-inner:after {
    position: absolute;
    content: '';
    left: 20px;
    top: 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #0e4599
}

.app-osaas-testimonial-block .inner-box .author-box .author-content {
    position: relative;
    padding-left: 90px;
    padding-top: 5px
}

.app-osaas-testimonial-block .inner-box .author-box .author-content .author-image {
    position: absolute;
    left: 0;
    top: 0
}

.app-osaas-testimonial-block .inner-box .author-box .author-content h4 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    line-height: 1.3em
}

.app-osaas-testimonial-block .inner-box .author-box .author-content .designation {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 10px;
    background: -webkit-linear-gradient(45deg,#0c4094,#1c72c4 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-process-section .carousel-column .app-osaas-clients-box {
    position: relative;
    padding-top: 35px;
    margin-top: 60px;
    border-top: 1px solid #e6e9f4
}

.app-osaas-process-section .carousel-column .app-osaas-clients-box .client-column {
    position: relative;
    margin-bottom: 20px
}

.app-osaas-process-section .carousel-column .app-osaas-clients-box .client-column img {
    position: relative;
    opacity: .2;
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-process-section .carousel-column .app-osaas-clients-box .client-column img:hover {
    opacity: 1;
    filter: grayscale(0)
}

.app-osaas-process-section .content-column {
    position: relative
}

.app-osaas-process-section .content-column .inner-column {
    position: relative;
    padding: 110px 0 80px
}

.app-osaas-process-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-process-block .inner-box {
    position: relative;
    padding-left: 90px
}

.app-osaas-process-block .inner-box .arrow {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 22px;
    color: #e4e8f2;
    line-height: 1em
}

.app-osaas-process-block .inner-box .number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 1em;
    background: -webkit-linear-gradient(-45deg,#fff,#0e8bff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-process-block .inner-box h4 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    line-height: 1.3em;
    font-family: Roboto,sans-serif
}

.app-osaas-process-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.9em;
    margin-top: 10px
}

.app-osaas-process-block:nth-child(2) .inner-box .number {
    background: -webkit-linear-gradient(-45deg,#fff,#fea147 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-process-block:nth-child(3) .inner-box .number {
    background: -webkit-linear-gradient(-45deg,#fff,#fe8f8f 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-counter-section-two {
    position: relative;
    padding: 145px 0 230px;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-counter-section-two .app-osaas-fact-counter-two .column .inner:before {
    position: absolute;
    content: '';
    right: -20px;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background-color: rgba(255,255,255,.1)
}

.app-osaas-counter-section-two .app-osaas-fact-counter-two .column:last-child .inner:before {
    display: none
}

.app-osaas-fact-counter-two {
    position: relative
}

.app-osaas-fact-counter-two .column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-fact-counter-two .column .inner {
    position: relative;
    text-align: center
}

.app-osaas-fact-counter-two .column .inner .content {
    position: relative
}

.app-osaas-fact-counter-two .column .inner .content .icon-box {
    position: relative
}

.app-osaas-fact-counter-two .column .inner .content .plus {
    position: relative;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    margin-top: 25px;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid rgba(255,255,255,.1)
}

.app-osaas-fact-counter-two .count-outer .percentage {
    display: inline-block;
    font-weight: 700;
    color: #19274d;
    font-size: 60px;
    line-height: 1em
}

.app-osaas-fact-counter-two .column .inner .count-outer {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 60px;
    line-height: 1em
}

.app-osaas-fact-counter-two .column .inner .counter-title {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    color: #fff;
    margin-bottom: 15px
}

.app-osaas-cta-section {
    position: relative;
    padding-bottom: 20px
}

.app-osaas-cta-section .inner-container {
    position: relative;
    padding: 75px 90px 40px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.app-osaas-cta-section .inner-container.margin-top {
    margin-top: -150px
}

.app-osaas-cta-section .title-column {
    position: relative
}

.app-osaas-cta-section .title-column .inner-column {
    position: relative
}

.app-osaas-cta-section .button-column {
    position: relative
}

.app-osaas-cta-section .button-column .inner-column {
    position: relative;
    text-align: right;
    padding-top: 55px
}

.app-osaas-cta-section .button-column .osaas-theme-btn {
    margin-left: 20px
}

.app-osaas-featured-section-five {
    position: relative;
    padding: 110px 0 80px
}

.app-osaas-featured-section-five .tab-column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-featured-section-five .tab-column .inner-column {
    position: relative;
    padding: 40px;
    border-radius: 12px;
    margin-right: 30px;
    background-color: #19274d
}

.app-osaas-cources-tabs {
    position: relative
}

.app-osaas-cources-tabs .tab-btns {
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
    border-bottom: 2px solid #364674
}

.app-osaas-cources-tabs .tab-btns .tab-btn.active-btn,.app-osaas-cources-tabs .tab-btns .tab-btn:hover {
    opacity: 1;
    color: #fff
}

.app-osaas-cources-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    margin: 0;
    font-size: 18px;
    background: 0 0;
    color: #8490ae;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    padding: 0 22px;
    margin-bottom: 18px;
    display: inline-block;
    transition: all .5s ease;
    text-transform: capitalize;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-cources-tabs .tab-btns .tab-btn:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -20px;
    opacity: 0;
    height: 5px;
    width: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-cources-tabs .tab-btns .tab-btn.active-btn:before,.app-osaas-cources-tabs .tab-btns .tab-btn:hover:before {
    opacity: 1
}

.app-osaas-cources-tabs .tab-btns .tab-btn:last-child {
    margin-right: 0
}

.app-osaas-cources-tabs .tabs-content {
    position: relative
}

.app-osaas-cources-tabs .tabs-content .tab {
    position: relative;
    display: none
}

.app-osaas-cources-tabs .tabs-content .tab.active-tab {
    display: block
}

.app-osaas-cources-tabs .tabs-content .code-text {
    position: relative;
    color: #69ffb3;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7em
}

.app-osaas-cources-tabs .tabs-content .code-text .title {
    position: relative;
    color: #df4bff
}

.app-osaas-featured-section-five .content-column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-featured-section-five .content-column .inner-column {
    position: relative;
    padding-top: 30px
}

.app-osaas-featured-section-five .content-column .sec-title {
    margin-bottom: 15px
}

.app-osaas-featured-section-five .content-column .column-text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.7em
}

.app-osaas-blog-section-three {
    position: relative;
    padding: 110px 0 70px
}

.app-osaas-blog-section-three .inner-container {
    position: relative
}

.app-osaas-blog-section-three .circle-one {
    position: absolute;
    top: -30px;
    left: 28%;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-blog-section-three .circle-two {
    position: absolute;
    left: 42%;
    bottom: 10px;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-blog-section-three .sec-title .osaas-theme-btn {
    margin-top: 30px
}

.app-osaas-news-block-three {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-news-block-three .inner-box {
    position: relative;
    padding: 40px 30px;
    border-radius: 0;
    border: 2px solid #e1f3ff;
    background-color: #fff
}

.app-osaas-news-block-three .inner-box .category {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 6px 18px;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-news-block-three .inner-box h5 {
    position: relative;
    line-height: 1.5em;
    font-weight: 500;
    margin-top: 25px
}

.app-osaas-news-block-three .inner-box h5 a {
    position: relative;
    color: #19274d;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-news-block-three .inner-box h5 a:hover {
    color: #1c74c6
}

.app-osaas-news-block-three .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 15px;
    line-height: 1.8em;
    margin-top: 18px
}

.app-osaas-news-block-three .inner-box .post-meta {
    position: relative;
    padding-top: 18px;
    margin-top: 5px;
    border-top: 1px solid rgba(255,255,255,.08)
}

.app-osaas-news-block-three .inner-box .post-meta li {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    margin-right: 4px;
    display: inline-block;
    background: -webkit-linear-gradient(45deg,#0c4094,#1c72c4 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-news-block-three .inner-box .post-meta li:last-child {
    margin-right: 0
}

.app-osaas-news-block-three .inner-box .post-meta li .icon {
    position: relative;
    margin-right: 10px;
    font-weight: 300;
    background: -webkit-linear-gradient(45deg,#0c4094,#1c72c4 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-contact-info-section {
    position: relative;
    padding-top: 40px
}

.app-osaas-contact-info-section .inner-container {
    position: relative;
    padding: 45px 45px 15px;
    background-image: -ms-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -moz-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -o-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#0c4094),color-stop(100,#1c74c6));
    background-image: -webkit-linear-gradient(left,#0c4094 0,#1c74c6 100%);
    background-image: linear-gradient(to right,#0c4094 0,#1c74c6 100%)
}

.app-osaas-contact-info-section .inner-container.margin-bottom {
    margin-bottom: -80px;
    z-index: 1
}

.app-osaas-contact-info-section .inner-container .side-image {
    position: absolute;
    right: 0;
    top: -60px
}

.app-osaas-contact-info-section .info-column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-contact-info-section .info-column .inner-column {
    position: relative;
    padding-left: 40px
}

.app-osaas-contact-info-section .info-column .icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 20px
}

.app-osaas-contact-info-section .info-column .title {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.app-osaas-contact-info-section .info-column h2 {
    position: relative;
    color: #fff;
    font-weight: 700
}

.app-osaas-contact-info-section .info-column h2 a {
    position: relative;
    color: #fff
}

.app-osaas-banner-section-five {
    position: relative;
    overflow: hidden;
    padding-top: 245px;
    padding-bottom: 120px;
    background-color: #f4f7fc
}

.app-osaas-banner-section-five:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 20%;
    background-color: #1374f6
}

.app-osaas-banner-section-five .app-osaas-auto-container {
    max-width: 1500px
}

.app-osaas-banner-section-five .content-column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-banner-section-five .content-column .inner-column {
    position: relative;
    padding-top: 65px
}

.app-osaas-banner-section-five .content-column .title {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 500
}

.app-osaas-banner-section-five .content-column h1 {
    position: relative;
    color: #19274d;
    font-size: 100px;
    font-weight: 700;
    line-height: 1em;
    margin-top: 30px;
    font-family: Poppins
}

.app-osaas-banner-section-five .content-column .buttons-box {
    position: relative;
    margin-top: 30px
}

.app-osaas-banner-section-five .content-column .buttons-box .osaas-theme-btn {
    margin-right: 25px
}

.app-osaas-banner-section-five .image-column {
    position: relative
}

.app-osaas-banner-section-five .image-column .inner-column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-banner-section-five .image-column .image {
    position: relative;
    z-index: 2
}

.app-osaas-banner-section-five .image-column .image img {
    position: relative;
    max-width: inherit
}

.app-osaas-banner-section-five .image-column .layer-one {
    position: absolute;
    left: 20px;
    bottom: -20px;
    right: 20px;
    height: 20px;
    z-index: 1;
    background-color: rgba(255,255,255,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.app-osaas-banner-section-five .image-column .layer-two {
    position: absolute;
    left: 40px;
    bottom: -40px;
    right: 40px;
    height: 40px;
    z-index: -1;
    background-color: rgba(255,255,255,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.app-osaas-software-section {
    position: relative;
    padding: 115px 0 80px
}

.app-osaas-software-section .blocks-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-software-section .blocks-column .inner-column {
    position: relative
}

.app-osaas-customize-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-customize-block .inner-box {
    position: relative;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #f4f9ff
}

.app-osaas-customize-block .inner-box .title {
    position: relative;
    color: #1374f6;
    font-size: 14px;
    font-weight: 700
}

.app-osaas-customize-block .inner-box h4 {
    position: relative;
    color: #19274d;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 10px
}

.app-osaas-customize-block .inner-box .image {
    position: relative;
    margin-top: 25px
}

.app-osaas-engineer-block {
    position: relative
}

.app-osaas-engineer-block .inner-box {
    position: relative;
    padding: 50px 30px;
    text-align: center
}

.app-osaas-engineer-block .inner-box .content {
    position: relative
}

.app-osaas-engineer-block .inner-box .check {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    background-color: #ff8c8c;
    box-shadow: 0 10px 10px rgba(255,140,140,.2)
}

.app-osaas-engineer-block .inner-box .content .image {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
    border: 10px solid #fff
}

.app-osaas-engineer-block .inner-box .content .image:before {
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    z-index: 1;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/combine/circle-layer.png) no-repeat
}

.app-osaas-engineer-block .inner-box .content .designation {
    position: relative;
    color: #ff8c8c;
    font-size: 14px;
    font-weight: 700;
    margin-top: 25px
}

.app-osaas-engineer-block .inner-box .content .name {
    position: relative;
    color: #19274d;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    font-family: Poppins
}

.app-osaas-engineer-block .inner-box .owl-nav {
    display: none
}

.app-osaas-engineer-block .inner-box .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 20px
}

.app-osaas-engineer-block .inner-box .owl-dots .owl-dot {
    position: relative;
    width: 20px;
    height: 4px;
    opacity: .2;
    margin: 0 5px;
    display: inline-block;
    background-color: #ff8c8c;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-engineer-block .inner-box .owl-dots .owl-dot.active,.app-osaas-engineer-block .inner-box .owl-dots .owl-dot:hover {
    opacity: 1
}

.app-osaas-business-block {
    position: relative
}

.app-osaas-business-block .inner-box {
    position: relative;
    border-radius: 15px;
    padding: 45px 30px 45px 40px;
    background-color: #5fcda9
}

.app-osaas-business-block .inner-box .content {
    position: relative;
    padding-left: 90px
}

.app-osaas-business-block .inner-box .content .graph-outer {
    position: absolute;
    left: 0;
    top: 12px;
    width: 80px;
    text-align: center
}

.app-osaas-business-block .inner-box .content .app-osaas-count-box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-top: -17px;
    text-align: center
}

.app-osaas-business-block .inner-box .content .app-osaas-count-box .count-text {
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    font-family: Poppins
}

.app-osaas-business-block .inner-box .content .app-osaas-count-box .sign {
    font-size: 20px
}

.app-osaas-business-block .inner-box .content .title {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.app-osaas-business-block .inner-box .content h4 {
    position: relative;
    color: #fff;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 8px;
    font-family: Poppins
}

.app-osaas-business-block .inner-box .content .image {
    position: absolute;
    right: 0;
    top: -25px
}

.app-osaas-software-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-software-section .content-column .inner-column {
    position: relative;
    padding-left: 40px;
    padding-top: 58px
}

.app-osaas-software-section .content-column .title {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em
}

.app-osaas-software-section .content-column h1 {
    position: relative;
    color: #19274d;
    font-size: 56px;
    line-height: 1.1em;
    margin-top: 18px;
    font-family: Poppins
}

.app-osaas-software-section .content-column .languages {
    position: relative;
    padding: 28px 0;
    margin-top: 32px;
    margin-bottom: 32px;
    border-top: 2px solid #e8eeff;
    border-bottom: 2px solid #e8eeff
}

.app-osaas-software-section .content-column .languages li {
    position: relative;
    color: #19274d;
    font-size: 18px;
    font-weight: 700;
    margin-right: 45px;
    display: inline-block
}

.app-osaas-software-section .content-column .languages li .icon {
    position: relative;
    color: #3246d3;
    font-weight: 400;
    margin-right: 7px
}

.app-osaas-software-section .content-column .languages li:last-child {
    margin-right: 0
}

.app-osaas-software-section .content-column .inner-column .text {
    position: relative;
    margin-top: 32px;
    color: #19274d;
    font-size: 18px;
    line-height: 1.8em
}

.app-osaas-software-section .content-column .inner-column .text span {
    position: relative;
    font-weight: 600
}

.app-osaas-featured-section-six {
    position: relative;
    padding: 110px 0 80px;
    background-image: -ms-linear-gradient(top,#f4f7fc 0,#fff 100%);
    background-image: -moz-linear-gradient(top,#f4f7fc 0,#fff 100%);
    background-image: -o-linear-gradient(top,#f4f7fc 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f7fc),color-stop(100,#fff));
    background-image: -webkit-linear-gradient(top,#f4f7fc 0,#fff 100%);
    background-image: linear-gradient(to bottom,#f4f7fc 0,#fff 100%)
}

.app-osaas-feature-block-five {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-feature-block-five .inner-box {
    position: relative;
    text-align: center
}

.app-osaas-feature-block-five .inner-box .icon-box {
    position: relative
}

.app-osaas-feature-block-five .inner-box h2 {
    position: relative;
    line-height: 1.3em;
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: Poppins
}

.app-osaas-feature-block-five .inner-box h2 a {
    position: relative;
    color: #19274d;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-feature-block-five .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 12px;
    padding: 0 35px;
    margin-bottom: 15px
}

.app-osaas-feature-block-five .inner-box .read-more {
    position: relative;
    color: #1374f6;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-feature-block-five .inner-box h2 a:hover {
    color: #1374f6
}

.app-osaas-feature-block-five .inner-box .read-more:hover {
    color: #19274d
}

.app-osaas-counter-section-three {
    position: relative
}

.app-osaas-counter-section-three .inner-container {
    position: relative;
    padding: 80px 80px 50px;
    box-shadow: 0 10px 20px rgba(5,88,200,.2);
    background-image: -ms-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: -moz-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: -o-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#004eb7),color-stop(100,#1374f6));
    background-image: -webkit-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: linear-gradient(to right,#004eb7 0,#1374f6 100%)
}

.app-osaas-fact-counter-three {
    position: relative
}

.app-osaas-fact-counter-three .column {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-fact-counter-three .column .inner {
    position: relative;
    text-align: center
}

.app-osaas-fact-counter-three .column .inner .content {
    position: relative
}

.app-osaas-fact-counter-three .column .inner .content:before {
    position: absolute;
    content: '';
    right: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

.app-osaas-fact-counter-three .column:last-child .inner .content:before {
    display: none
}

.app-osaas-fact-counter-three .count-outer .percentage {
    display: inline-block;
    font-weight: 500;
    color: #fff;
    font-size: 60px;
    line-height: 1em
}

.app-osaas-fact-counter-three .column .inner .count-outer {
    position: relative;
    font-weight: 500;
    color: #fff;
    font-size: 60px;
    line-height: 1em
}

.app-osaas-fact-counter-three .column .inner .counter-title {
    position: relative;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px
}

.app-osaas-tracking-section {
    position: relative;
    overflow: hidden
}

.app-osaas-feature-block-six {
    position: relative;
    margin-bottom: 1px
}

.app-osaas-feature-block-six .inner-box {
    position: relative;
    padding: 45px 40px;
    box-shadow: 0 10px 20px rgba(19,116,246,.1)
}

.app-osaas-feature-block-six .inner-box .big-icon {
    position: absolute;
    right: -30px;
    top: 0;
    font-size: 140px;
    line-height: 1em;
    color: rgba(255,255,255,.1)
}

.app-osaas-feature-block-six .inner-box:before {
    position: absolute;
    content: '';
    left: -30px;
    top: 0;
    right: -30px;
    bottom: 0;
    opacity: 0;
    transform: scale(.5,1);
    background-color: #1374f6;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-feature-block-six .inner-box:hover:before,.app-osaas-feature-block-six.active .inner-box:before {
    opacity: 1;
    transform: scale(1,1)
}

.app-osaas-feature-block-six .inner-box .content {
    position: relative;
    padding-left: 70px
}

.app-osaas-feature-block-six .inner-box .icon {
    position: absolute;
    left: 0;
    top: 8px;
    color: #1374f6;
    font-size: 44px;
    line-height: 1em;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-feature-block-six .inner-box h4 {
    position: relative;
    font-family: Poppins
}

.app-osaas-feature-block-six .inner-box h4 a {
    position: relative;
    color: #19274d;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-feature-block-six .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.9em;
    margin-top: 8px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-feature-block-six .inner-box:hover .icon,.app-osaas-feature-block-six .inner-box:hover .text,.app-osaas-feature-block-six .inner-box:hover h4 a,.app-osaas-feature-block-six.active .inner-box .icon,.app-osaas-feature-block-six.active .inner-box .text,.app-osaas-feature-block-six.active .inner-box h4 a {
    color: #fff
}

.app-osaas-demo-section {
    position: relative;
    overflow: hidden;
    padding: 0 0 20px;
    background-color: #f4f7fc
}

.app-osaas-demo-section .image-layer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 354px;
    height: 233px;
    background-repeat: no-repeat
}

.app-osaas-demo-section .content-column {
    position: relative
}

.app-osaas-demo-section .content-column .inner-column {
    position: relative;
    padding-top: 110px
}

.app-osaas-demo-section .content-column .button-box {
    position: relative
}

.app-osaas-demo-section .content-column .button-box .osaas-theme-btn {
    position: relative;
    margin-right: 15px;
    border-radius: 50px
}

.app-osaas-demo-section .image-column {
    position: relative
}

.app-osaas-demo-section .image-column .inner-column {
    position: relative
}

.app-osaas-demo-section .image-column .image {
    position: relative
}

.app-osaas-demo-section .image-column .image img {
    position: relative;
    max-width: inherit
}

.app-osaas-testimonial-section-two {
    position: relative;
    padding: 80px 0 50px
}

.app-osaas-testimonial-section-two .color-one {
    position: absolute;
    left: 15%;
    top: 22%;
    width: 16px;
    height: 16px;
    background-color: #ffe6e6
}

.app-osaas-testimonial-section-two .color-two {
    position: absolute;
    left: 20%;
    top: 65%;
    width: 16px;
    height: 16px;
    background-color: #e3e6ff
}

.app-osaas-testimonial-section-two .color-three {
    position: absolute;
    right: 12%;
    top: 18%;
    width: 16px;
    height: 16px;
    background-color: #ffe6e6
}

.app-osaas-testimonial-section-two .color-four {
    position: absolute;
    right: 18%;
    top: 65%;
    width: 16px;
    height: 16px;
    background-color: #3246d3
}

.app-osaas-testimonial-section-two .testimonial-tabs {
    position: relative;
    margin-top: 50px;
    text-align: center;
    padding-bottom: 35px
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns {
    position: relative;
    margin-top: 40px;
    display: inline-block
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e9f4;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn.active-btn:before,.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn:hover:before {
    opacity: 1
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn.active-btn,.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn:hover {
    opacity: 1
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    margin: 0;
    font-size: 24px;
    background: 0 0;
    color: #19274d;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    margin-right: 40px;
    margin-bottom: 12px;
    padding-top: 30px;
    opacity: .2;
    border-top: 1px solid #eaedff;
    display: inline-block;
    transition: all .5s ease;
    text-transform: capitalize;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn:last-child {
    margin-right: 0
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn span {
    position: relative;
    display: block;
    color: #1374f6;
    font-size: 14px;
    margin-top: 7px
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn:before {
    position: absolute;
    content: '';
    left: 0;
    top: -1px;
    width: 100%;
    height: 4px;
    opacity: 0;
    background-color: #1374f6;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn.active-btn .icon,.app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn:hover .icon {
    color: #fff;
    background-color: #1374f6
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content {
    position: relative;
    text-align: center
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .author-image {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .author-image:before {
    position: absolute;
    content: '';
    left: -30px;
    top: -30px;
    width: 60px;
    height: 60px;
    z-index: -1;
    border-radius: 50px;
    background-color: #ff5f63
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .author-image:after {
    position: absolute;
    content: '';
    right: -25px;
    bottom: -25px;
    width: 60px;
    height: 60px;
    z-index: -1;
    border-radius: 50px;
    background-color: #3246d3
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .tab {
    position: relative;
    display: none
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .tab.active-tab {
    display: block
}

.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
    position: relative;
    color: #19274d;
    font-size: 60px;
    line-height: 1.1em;
    max-width: 850px;
    margin: 0 auto;
    margin-top: 30px;
    font-family: Poppins
}

.app-osaas-platform-section-two {
    position: relative
}

.app-osaas-platform-section-two .sec-title.light .title {
    color: #fff
}

.app-osaas-platform-section-two .buttons-box {
    position: relative;
    margin-bottom: 65px
}

.app-osaas-platform-section-two .buttons-box .osaas-theme-btn {
    margin: 0 12px
}

.app-osaas-platform-section-two .outer-container {
    position: relative;
    text-align: center;
    padding: 0 15px;
    top: 2px
}

.app-osaas-blog-section-four {
    position: relative
}

.app-osaas-blog-section-four .inner-container {
    position: relative
}

.app-osaas-blog-section-four .sec-title .osaas-theme-btn {
    margin-top: 40px;
    padding: 14px 50px
}

.app-osaas-news-block-four {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-news-block-four .inner-box {
    position: relative;
    padding-top: 26px;
    padding: 18px;
    border-radius: 8px;
    border: 2px solid #f6f6ff
}

.app-osaas-news-block-four .inner-box .image {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: #1374f6
}

.app-osaas-news-block-four .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-news-block-four .inner-box:hover .image img {
    opacity: .5;
    transform: scale(1.05,1.05)
}

.app-osaas-news-block-four .inner-box .image .post-date {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 65px;
    height: 65px;
    color: #1374f6;
    font-size: 24px;
    font-weight: 700;
    padding-top: 5px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff
}

.app-osaas-news-block-four .inner-box .image .post-date span {
    font-size: 12px;
    color: #19274d;
    display: block;
    text-transform: capitalize
}

.app-osaas-news-block-four .inner-box .post-info {
    position: absolute;
    top: 0;
    left: 60px;
    right: 60px;
    padding: 13px 18px;
    border-radius: 50px;
    display: inline-block;
    z-index: 1;
    width: auto;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-news-block-four .inner-box .post-info li {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1em;
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block;
    border-right: 1px solid #fff
}

.app-osaas-news-block-four .inner-box .post-info li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.app-osaas-news-block-four .inner-box .lower-content {
    position: relative
}

.app-osaas-news-block-four .inner-box .lower-content .category-link {
    position: relative;
    margin-left: 20px;
    margin-top: -17px
}

.app-osaas-news-block-four .inner-box .lower-content .category-link a {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
    margin-right: 8px;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    background-color: #1374f6
}

.app-osaas-news-block-four .inner-box .lower-content h4 {
    position: relative;
    font-size: 22px;
    line-height: 1.5em;
    margin-top: 20px;
    font-weight: 700;
    padding: 0 8px
}

.app-osaas-news-block-four .inner-box .lower-content h4 a {
    position: relative;
    color: #19274d;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-news-block-four .inner-box .lower-content h4 a:hover {
    color: #1374f6
}

.app-osaas-news-block-four .inner-box .lower-content .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 12px;
    padding: 0 8px;
    margin-bottom: 15px
}

.footer-style-two {
    position: relative;
    overflow: hidden;
    padding: 150px 0 0
}

.footer-style-two:before {
    position: absolute;
    content: '';
    left: -80px;
    top: 35px;
    bottom: -80px;
    width: 120%;
    transform: rotate(-3deg);
    background-image: -ms-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: -moz-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: -o-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#004eb7),color-stop(100,#1374f6));
    background-image: -webkit-linear-gradient(left,#004eb7 0,#1374f6 100%);
    background-image: linear-gradient(to right,#004eb7 0,#1374f6 100%)
}

.footer-style-two .footer-widget {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.footer-style-two .widgets-section {
    position: relative;
    padding-bottom: 40px
}

.footer-style-two .footer-widget h4 {
    position: relative;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-family: Poppins
}

.footer-style-two .logo-widget .logo {
    position: relative;
    margin-bottom: 15px
}

.footer-style-two .logo-widget .text {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 25px
}

.footer-style-two .logo-widget .social-box {
    position: relative
}

.footer-style-two .logo-widget .social-box li {
    position: relative;
    margin-right: 8px;
    display: inline-block
}

.footer-style-two .logo-widget .social-box li a {
    position: relative;
    color: #fff;
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid rgba(255,255,255,.15);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.footer-style-two .logo-widget .social-box li a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1374f6
}

.footer-style-two .list-link {
    position: relative
}

.footer-style-two .list-link li {
    position: relative;
    margin-bottom: 15px
}

.footer-style-two .list-link li a {
    position: relative;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.footer-style-two .gallery-widget {
    position: relative
}

.footer-style-two .gallery-widget .images-outer {
    position: relative;
    margin: 0 -3px
}

.footer-style-two .gallery-widget .image-box {
    position: relative;
    float: left;
    width: 33.333%;
    padding: 0 6px;
    margin-bottom: 12px
}

.footer-style-two .gallery-widget .image-box img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.footer-style-two .gallery-widget .image-box img:hover {
    opacity: .7
}

.osaas-footer-rcp .news-widget {
    position: relative
}

.osaas-footer-rcp .news-widget {
    position: relative
}

.osaas-footer-rcp .news-widget .post {
    position: relative;
    min-height: 70px;
    padding-left: 90px;
    margin-bottom: 20px
}

.osaas-footer-rcp .news-widget .post:last-child {
    margin-bottom: 0
}

.osaas-footer-rcp .news-widget .post .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    width: 70px;
    overflow: hidden
}

.osaas-footer-rcp .news-widget .post .thumb a {
    display: block
}

.osaas-footer-rcp .news-widget .post .thumb img {
    display: block;
    width: 100%;
    height: auto
}

.osaas-footer-rcp .news-widget .post h6 {
    position: relative;
    color: #fff;
    line-height: 1.3em;
    padding-top: 1px;
    font-weight: 700;
    font-family: Poppins
}

.osaas-footer-rcp .news-widget .post h6 a {
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.osaas-footer-rcp .news-widget .post .post-info {
    position: relative;
    top: -4px;
    margin-bottom: 0
}

.osaas-footer-rcp .news-widget .post .post-info li {
    position: relative;
    font-size: 12px;
    margin-right: 12px;
    display: inline-block;
    color: rgba(255,255,255,.4)
}

.osaas-footer-rcp .news-widget .post .post-info li .icon {
    position: relative;
    margin-right: 6px;
    font-weight: 400
}

.footer-style-two .footer-bottom {
    position: relative;
    padding: 18px 0;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.1)
}

.footer-style-two .footer-bottom .copyright {
    position: relative;
    color: #fff;
    font-size: 16px
}

.app-osaas-page-title {
    position: relative;
    padding: 190px 0 190px
}

.app-osaas-page-title .images-outer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.app-osaas-page-title .images-outer .image.one {
    position: absolute;
    left: 5%;
    top: 40px
}

.app-osaas-page-title .images-outer .image.two {
    position: absolute;
    left: 25%;
    bottom: 0
}

.app-osaas-page-title .images-outer .image.three {
    position: absolute;
    left: 62%;
    top: 60px
}

.app-osaas-page-title .images-outer .image.four {
    position: absolute;
    left: 68%;
    bottom: 5%
}

.app-osaas-page-title .images-outer .image.five {
    position: absolute;
    right: 2%;
    top: 32%
}

.app-osaas-page-title .app-osaas-auto-container {
    position: relative
}

.app-osaas-page-title h1 {
    position: relative;
    color: #19274d;
    font-size: 72px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 0;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.page-breadcrumb {
    position: relative;
    margin-top: 20px;
    text-align: center
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 15px;
    color: #fc3549;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize
}

.page-breadcrumb li:after {
    position: absolute;
    content: "|";
    right: -2px;
    top: -1px;
    color: #fc3549;
    font-size: 14px;
    font-weight: 700;
    font-family: FontAwesome
}

.page-breadcrumb li:last-child:after {
    display: none
}

.page-breadcrumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.page-breadcrumb li a {
    color: #fc3549;
    font-weight: 500;
    text-transform: capitalize;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.page-breadcrumb li a:hover {
    color: #19274d
}

.app-osaas-services-section {
    position: relative;
    padding: 110px 0 90px
}

.app-osaas-service-block-two {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-service-block-two .inner-box {
    position: relative;
    text-align: center;
    padding: 20px;
    border: 2px solid #e9efff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-two .inner-box:hover {
    border-color: #fa464a
}

.app-osaas-service-block-two .inner-box .content {
    position: relative;
    padding-top: 50px;
    padding-bottom: 30px
}

.app-osaas-service-block-two .inner-box .content:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: -ms-linear-gradient(top,#f9fbff 0,#fff 100%);
    background-image: -moz-linear-gradient(top,#f9fbff 0,#fff 100%);
    background-image: -o-linear-gradient(top,#f9fbff 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9fbff),color-stop(100,#fff));
    background-image: -webkit-linear-gradient(top,#f9fbff 0,#fff 100%);
    background-image: linear-gradient(to bottom,#f9fbff 0,#fff 100%)
}

.app-osaas-service-block-two .inner-box .icon-outer {
    position: relative;
    display: inline-block
}

.app-osaas-service-block-two .inner-box .icon-outer:before {
    position: absolute;
    left: 50%;
    top: -10px;
    content: '';
    width: 20px;
    height: 110px;
    margin-left: -10px;
    border-radius: 50px;
    background-image: -ms-linear-gradient(left,#f65052 0,#fe7d48 100%);
    background-image: -moz-linear-gradient(left,#f65052 0,#fe7d48 100%);
    background-image: -o-linear-gradient(left,#f65052 0,#fe7d48 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f65052),color-stop(100,#fe7d48));
    background-image: -webkit-linear-gradient(left,#f65052 0,#fe7d48 100%);
    background-image: linear-gradient(to right,#f65052 0,#fe7d48 100%)
}

.app-osaas-service-block-two .inner-box .icon-outer .icon-box {
    position: relative;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff
}

.app-osaas-service-block-two .inner-box .icon-outer .icon-box .icon {
    position: relative;
    color: #fa474a;
    font-size: 48px;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-services-section .app-osaas-service-block-two:first-child .inner-box .icon-outer .icon-box .icon {
    padding-left: 10px
}

.app-osaas-service-block-two .inner-box h2 {
    position: relative;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 35px;
    font-family: Poppins,sans-serif
}

.app-osaas-service-block-two .inner-box h2 a {
    position: relative;
    color: #19274d;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-two .inner-box h2 a:hover {
    color: #f75251
}

.app-osaas-service-block-two .inner-box .text {
    position: relative;
    font-weight: 400;
    line-height: 1.9em;
    margin-top: 15px;
    color: #19274d;
    font-size: 16px;
    padding: 0 25px;
    margin-bottom: 20px
}

.app-osaas-service-block-two .inner-box .read-more {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    color: #fa454a;
    background: -webkit-linear-gradient(45deg,#fa454a,#ff9167 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-about-section-two {
    position: relative;
    padding: 0 0 120px
}

.app-osaas-about-section-two .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-about-section-two .image-column .inner-column {
    position: relative;
    padding-right: 25px
}

.app-osaas-about-section-two .image-column:before {
    position: absolute;
    content: '';
    left: -25px;
    bottom: -40px;
    right: 90px;
    top: 35px;
    border-radius: 15px;
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%)
}

.app-osaas-about-section-two .image-column .image {
    position: relative;
    display: inline-block
}

.app-osaas-about-section-two .image-column .image img {
    position: relative;
    border-radius: 30px
}

.app-osaas-about-section-two .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-about-section-two .content-column .inner-column {
    position: relative;
    padding-top: 55px;
    padding-left: 20px;
    padding-right: 60px
}

.app-osaas-intro-section-two {
    position: relative;
    overflow: hidden;
    padding-top: 110px;
    padding-bottom: 70px
}

.app-osaas-intro-section-two .image-layer {
    position: absolute;
    right: -280px;
    top: -100px;
    width: 460px;
    height: 423px;
    background-repeat: no-repeat
}

.app-osaas-intro-section-two .app-osaas-auto-container {
    position: relative
}

.app-osaas-intro-section-two .app-osaas-auto-container:before {
    position: absolute;
    content: '';
    right: 270px;
    top: -110px;
    bottom: -120px;
    width: 300%;
    border-radius: 30px;
    background-color: #f9f8ff
}

.app-osaas-intro-section-two .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-intro-section-two .content-column .sec-title h1 {
    padding-bottom: 0
}

.app-osaas-intro-section-two .content-column .sec-title .text {
    margin-top: 15px
}

.app-osaas-intro-section-two .content-column .inner-column {
    position: relative
}

.app-osaas-intro-section-two .content-column .app-osaas-video-box {
    position: relative;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    z-index: 1;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%)
}

.app-osaas-intro-section-two .content-column .app-osaas-video-box .overlay-box span {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    z-index: 99;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    padding-left: 7px;
    display: inline-block;
    margin-top: -40px;
    margin-left: -40px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.app-osaas-intro-section-two .content-column .app-osaas-video-box .ripple,.app-osaas-intro-section-two .content-column .app-osaas-video-box .ripple:after,.app-osaas-intro-section-two .content-column .app-osaas-video-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: .5px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(250,70,74,.4);
    -moz-box-shadow: 0 0 0 0 rgba(250,70,74,.4);
    -ms-box-shadow: 0 0 0 0 rgba(250,70,74,.4);
    -o-box-shadow: 0 0 0 0 rgba(250,70,74,.4);
    box-shadow: 0 0 0 0 rgba(250,70,74,.4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.app-osaas-intro-section-two .content-column .app-osaas-video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.app-osaas-intro-section-two .content-column .app-osaas-video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.app-osaas-intro-section-two .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-intro-section-two .image-column .inner-column {
    position: relative;
    padding-top: 55px
}

.app-osaas-clients-section-three {
    position: relative;
    padding: 105px 0 105px
}

.app-osaas-clients-section-three .app-osaas-auto-container {
    max-width: 1600px
}

.app-osaas-clients-section-three .app-osaas-sponsors-outer .owl-dots,.app-osaas-clients-section-three .app-osaas-sponsors-outer .owl-nav {
    position: relative;
    display: none
}

.app-osaas-clients-section-three .app-osaas-sponsors-outer .image-box {
    position: relative;
    text-align: center;
    margin: 0
}

.app-osaas-clients-section-three .app-osaas-sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    opacity: .2;
    display: inline-block;
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-clients-section-three .app-osaas-sponsors-outer .image-box img:hover {
    opacity: 1;
    filter: grayscale(0)
}

.app-osaas-team-page-section {
    position: relative;
    padding: 120px 0 100px
}

.app-osaas-team-block-two {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-team-block-two .inner-box {
    position: relative;
    padding: 35px;
    border: 2px solid #f2f3f6
}

.app-osaas-team-block-two .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    right: 0;
    height: 3px;
    opacity: 0;
    transform: scale(.5,1);
    background-color: #fa484b;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-team-block-two .inner-box:hover:before {
    opacity: 1;
    transform: scale(1,1)
}

.app-osaas-team-block-two .inner-box .content {
    position: relative;
    overflow: hidden
}

.app-osaas-team-block-two .inner-box .content .circle-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffe6e5
}

.app-osaas-team-block-two .inner-box .content .circle-two {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%)
}

.app-osaas-team-block-two .inner-box .designation {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3em;
    text-align: right;
    margin-bottom: 28px;
    color: #fa454a;
    background: -webkit-linear-gradient(45deg,#fa454a,#ff9167 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-team-block-two .inner-box .image {
    position: relative;
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 25px
}

.app-osaas-team-block-two .inner-box h2 {
    position: relative;
    font-weight: 700;
    line-height: 1.1em;
    font-family: Roboto,sans-serif
}

.app-osaas-team-block-two .inner-box h2 a {
    position: relative;
    color: #19274d;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-team-block-two .inner-box h2 a:hover {
    color: #fa484b
}

.app-osaas-team-block-two .inner-box .content .social-outer-box {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-team-block-two .inner-box .content .social-outer-box .plus {
    position: relative;
    right: 0;
    bottom: 0;
    width: 50px;
    z-index: 1;
    height: 50px;
    color: #fff;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%)
}

.app-osaas-team-block-two .inner-box .content .social-outer-box .social-boxed {
    position: absolute;
    right: 0;
    bottom: -400px;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.app-osaas-team-block-two .inner-box .content .social-outer-box:hover {
    overflow: visible
}

.app-osaas-team-block-two .inner-box .content .social-outer-box:hover .social-boxed {
    bottom: 100%;
    top: auto
}

.app-osaas-team-block-two .inner-box .content .social-outer-box .social-boxed .social-box {
    position: relative
}

.app-osaas-team-block-two .inner-box .content .social-outer-box .social-boxed .social-box li {
    position: relative;
    padding-bottom: 10px
}

.app-osaas-team-block-two .inner-box .content .social-outer-box .social-boxed .social-box li a {
    position: relative;
    width: 50px;
    height: 50px;
    color: #19274d;
    font-size: 16px;
    border-radius: 50px;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    border: 2px solid #f2f3f6;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-team-block-two .inner-box .content .social-outer-box .social-boxed .social-box li a:hover {
    color: #fff;
    border-color: #fb4e49;
    background-color: #fb4e49
}

.app-osaas-featured-section-seven {
    position: relative;
    padding: 110px 0 80px;
    background-color: #f9f8ff
}

.app-osaas-feature-block-seven {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-feature-block-seven .inner-box {
    position: relative;
    padding: 45px 30px;
    border-radius: 5px;
    background-color: #fff
}

.app-osaas-feature-block-seven .inner-box .number {
    position: absolute;
    right: -10px;
    top: -16px;
    color: #f9f8ff;
    font-size: 120px;
    line-height: 1em;
    font-weight: 600;
    font-family: Poppins,sans-serif
}

.app-osaas-feature-block-seven .inner-box .icon-box {
    position: relative
}

.app-osaas-feature-block-seven .inner-box .icon-box .icon {
    position: relative;
    color: #fa474a;
    line-height: 1em;
    font-size: 30px;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-feature-block-seven .inner-box h5 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 18px;
    font-family: Poppins,sans-serif
}

.app-osaas-feature-block-seven .inner-box .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 12px
}

.app-osaas-skill-section {
    position: relative;
    padding: 140px 0 120px
}

.app-osaas-skill-section .content-column {
    position: relative
}

.app-osaas-skill-section .content-column .inner-column {
    position: relative;
    padding-right: 60px
}

.app-osaas-skills .skill-item {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-skills .skill-item:last-child {
    margin-bottom: 0
}

.app-osaas-skills .skill-item .skill-bar {
    position: relative;
    width: 100%;
    padding: 6px;
    border: 2px solid #ffefeb
}

.app-osaas-skills .skill-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 5px;
    background: #ccc
}

.app-osaas-skills.style-two .skill-item .skill-bar .bar-inner {
    background-color: #eee
}

.app-osaas-skills .skill-item .skill-bar .bar-inner .bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 0;
    background-image: -ms-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa454a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa454a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa454a 0,#ff7a43 100%);
    -webkit-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease
}

.app-osaas-skills .skill-item .skill-header {
    position: relative;
    margin-bottom: 12px
}

.app-osaas-skills .skill-item .skill-header .skill-title {
    float: left;
    color: #19274d;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.app-osaas-skills .skill-item .skill-header .skill-percentage {
    position: relative;
    float: right;
    font-weight: 600;
    font-size: 18px;
    color: #fa454a;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.app-osaas-skill-section .images-column {
    position: relative
}

.app-osaas-skill-section .images-column .inner-column {
    position: relative;
    padding-right: 20px;
    padding-left: 50px;
    padding-top: 90px
}

.app-osaas-skill-section .images-column .image {
    position: relative
}

.app-osaas-skill-section .images-column .image:before {
    position: absolute;
    content: '';
    left: -30px;
    bottom: -30px;
    width: 0;
    height: 0;
    border-bottom: 150px solid #fa4a49;
    border-right: 150px solid transparent
}

.app-osaas-skill-section .images-column .image img {
    position: relative;
    display: block
}

.app-osaas-skill-section .images-column .image-one {
    position: absolute;
    left: -30px;
    top: 0
}

.app-osaas-skill-section .images-column .image-two {
    position: absolute;
    right: -85px;
    bottom: -140px
}

.app-osaas-faq-page-section {
    position: relative;
    padding: 100px 0 100px
}

.app-osaas-faq-page-section .inner-container {
    position: relative;
    max-width: 780px;
    margin: 0 auto
}

.app-osaas-accordion-box {
    position: relative
}

.app-osaas-accordion-box .block {
    position: relative;
    margin-bottom: 0
}

.app-osaas-accordion-box .block .acc-btn {
    position: relative;
    font-size: 18px;
    cursor: pointer;
    line-height: 34px;
    color: #19274d;
    font-weight: 700;
    background: #fff;
    padding: 19px 55px 17px 0;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border-bottom: 2px solid #e7edff
}

.app-osaas-accordion-box .block .icon-outer {
    position: absolute;
    right: 0;
    top: 18px;
    width: 36px;
    height: 36px;
    font-size: 20px;
    color: #fff;
    border-radius: 0 8px 8px 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-accordion-box .block .icon-outer .icon {
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-accordion-box .block .icon-outer .icon-plus {
    opacity: 1
}

.app-osaas-accordion-box .block .icon-outer .icon-minus {
    opacity: 0
}

.app-osaas-accordion-box .block .acc-btn.active .icon-outer .icon-minus {
    opacity: 1;
    background-color: #1c17a0
}

.app-osaas-accordion-box .block .acc-btn.active .icon-outer .icon-plus {
    opacity: 0
}

.app-osaas-accordion-box .block .acc-content {
    position: relative;
    display: none
}

.app-osaas-accordion-box .block .acc-content .content-text {
    padding-bottom: 6px
}

.app-osaas-accordion-box .block .acc-content.current {
    display: block
}

.app-osaas-accordion-box .block .content {
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 1.8em;
    padding: 35px 35px 30px 30px;
    box-shadow: 0 0 10px rgba(250,70,74,.2);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-accordion-box .block .content .text {
    line-height: 1.9em;
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.app-osaas-accordion-box .block .content p:last-child {
    margin-bottom: 0
}

.app-osaas-accordion-box .block .content .text span {
    font-weight: 600
}

.app-osaas-updates-section {
    position: relative;
    padding: 110px 0 70px;
    background-size: cover
}

.app-osaas-updates-section:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(103,112,138,.7)
}

.app-osaas-updates-section .subscribe-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-updates-section .subscribe-column .inner-column {
    position: relative
}

.app-osaas-updates-section .subscribe-column .title {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3em
}

.app-osaas-updates-section .subscribe-column h1 {
    position: relative;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1em;
    margin-top: 25px;
    margin-bottom: 42px
}

.subscribe-form-six {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.subscribe-form-six .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0
}

.subscribe-form-six .form-group input[type=email],.subscribe-form-six .form-group input[type=tel],.subscribe-form-six .form-group input[type=text],.subscribe-form-six .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    font-weight: 400;
    border-radius: 50px;
    background: 0 0;
    padding: 10px 20px 10px 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    border: 1px solid rgba(255,255,255,.5)
}

.subscribe-form-six .form-group input::-webkit-input-placeholder,.subscribe-form-six .form-group textarea::-webkit-input-placeholder {
    color: #fff
}

.subscribe-form-six .form-group .osaas-theme-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.app-osaas-updates-section .info-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-updates-section .info-column .inner-column {
    position: relative
}

.app-osaas-updates-section .info-column .info-block {
    position: relative
}

.app-osaas-updates-section .info-column .info-block .inner-box {
    position: relative;
    text-align: center
}

.app-osaas-updates-section .info-column .info-block .inner-box .icon-box {
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 140px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 30px;
    display: inline-block;
    background-color: #fff
}

.app-osaas-updates-section .info-column .info-block .inner-box .icon-box .icon {
    position: relative;
    font-size: 44px;
    background: -webkit-linear-gradient(-45deg,#fa484a,#fe7344 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-updates-section .info-column .info-block h2 {
    position: relative;
    color: #fff;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px
}

.app-osaas-updates-section .info-column .info-block .phone {
    position: relative
}

.app-osaas-updates-section .info-column .info-block .phone a {
    position: relative;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
    display: block
}

.app-osaas-updates-section .info-column .info-block .email {
    position: relative
}

.app-osaas-updates-section .info-column .info-block .email a {
    position: relative;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
    display: block
}

.process-page-section {
    position: relative;
    padding-top: 120px;
    padding-bottom: 40px
}

.app-osaas-process-block-two {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-two .inner-box {
    position: relative
}

.app-osaas-process-block-two .inner-box .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-two .inner-box .image-column .inner-column {
    position: relative;
    padding-right: 40px
}

.app-osaas-process-block-two .inner-box .image-column .image {
    position: relative
}

.app-osaas-process-block-two .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.app-osaas-process-block-two .inner-box .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-two .inner-box .content-column .inner-column {
    position: relative;
    padding-top: 30px
}

.app-osaas-process-block-two .inner-box .content-column .icon-box {
    position: relative;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 10px 10px rgba(252,93,71,.1);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-process-block-two .inner-box .content-column h1 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.1em;
    font-size: 60px;
    margin-top: 30px;
    font-family: Poppins,sans-serif
}

.app-osaas-process-block-two .inner-box .content-column .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    line-height: 1.8em;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px
}

.app-osaas-process-block-two .inner-box .content-column .text span {
    position: relative;
    font-weight: 600
}

.app-osaas-process-block-three {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-three .inner-box {
    position: relative
}

.app-osaas-process-block-three .inner-box .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-three .inner-box .image-column .inner-column {
    position: relative;
    padding-left: 40px
}

.app-osaas-process-block-three .inner-box .image-column .image {
    position: relative
}

.app-osaas-process-block-three .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.app-osaas-process-block-three .inner-box .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-three .inner-box .content-column .inner-column {
    position: relative;
    padding-top: 30px;
    padding-right: 30px
}

.app-osaas-process-block-three .inner-box .content-column .icon-box {
    position: relative;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 10px 10px rgba(25,23,191,.1);
    background-image: -ms-linear-gradient(left,#1917bf 0,#46cff8 100%);
    background-image: -moz-linear-gradient(left,#1917bf 0,#46cff8 100%);
    background-image: -o-linear-gradient(left,#1917bf 0,#46cff8 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#1917bf),color-stop(100,#46cff8));
    background-image: -webkit-linear-gradient(left,#1917bf 0,#46cff8 100%);
    background-image: linear-gradient(to right,#1917bf 0,#46cff8 100%)
}

.app-osaas-process-block-three .inner-box .content-column h1 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.1em;
    font-size: 60px;
    margin-top: 30px;
    font-family: Poppins,sans-serif
}

.app-osaas-process-block-three .inner-box .content-column .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    line-height: 1.8em;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px
}

.app-osaas-process-block-three .inner-box .content-column .text span {
    position: relative;
    font-weight: 600
}

.app-osaas-process-block-three .inner-box .content-column .app-options {
    position: relative
}

.app-osaas-process-block-three .inner-box .content-column .app-options .app-block {
    position: relative;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 20px;
    padding-top: 24px;
    text-align: center;
    border: 2px solid #f1faff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-process-block-three .inner-box .content-column .app-block .overlay-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.app-osaas-process-block-three .inner-box .content-column .app-options .app-block .icon {
    position: relative;
    font-size: 36px;
    color: #1b1fc2;
    line-height: 1em;
    background: -webkit-linear-gradient(-45deg,#1b1fc2,#44c6f5 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-process-block-three .inner-box .content-column .app-options .app-block h6 {
    position: relative;
    color: #19274d;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px
}

.app-osaas-process-block-three .inner-box .content-column .app-options .app-block:last-child {
    margin-right: 0
}

.app-osaas-process-block-three .inner-box .content-column .app-options .app-block:hover {
    border-color: #2548ce
}

.app-osaas-process-block-four {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-four .inner-box {
    position: relative
}

.app-osaas-process-block-four .inner-box .image-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-four .inner-box .image-column .inner-column {
    position: relative;
    padding-right: 40px
}

.app-osaas-process-block-four .inner-box .image-column .image {
    position: relative
}

.app-osaas-process-block-four .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.app-osaas-process-block-four .inner-box .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-process-block-four .inner-box .content-column .inner-column {
    position: relative;
    padding-top: 30px
}

.app-osaas-process-block-four .inner-box .content-column .icon-box {
    position: relative;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 10px 10px rgba(252,93,71,.1);
    background-image: -ms-linear-gradient(left,#39cb6e 0,#6ad831 100%);
    background-image: -moz-linear-gradient(left,#39cb6e 0,#6ad831 100%);
    background-image: -o-linear-gradient(left,#39cb6e 0,#6ad831 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#39cb6e),color-stop(100,#6ad831));
    background-image: -webkit-linear-gradient(left,#39cb6e 0,#6ad831 100%);
    background-image: linear-gradient(to right,#39cb6e 0,#6ad831 100%)
}

.app-osaas-process-block-four .inner-box .content-column h1 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.1em;
    font-size: 60px;
    margin-top: 30px;
    font-family: Poppins,sans-serif
}

.app-osaas-process-block-four .inner-box .content-column .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    line-height: 1.8em;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px
}

.app-osaas-process-block-four .inner-box .content-column .text span {
    position: relative;
    font-weight: 600
}

.app-osaas-process-block-four .inner-box .content-column .row {
    margin: 0 -2px
}

.app-osaas-process-block-four .inner-box .content-column .number-block-two {
    padding: 0 2px
}

.number-block-two {
    position: relative
}

.number-block-two .block-inner {
    position: relative;
    padding: 45px 35px;
    box-shadow: 2px 0 20px rgba(70,206,93,.07)
}

.number-block-two .block-inner .icon {
    position: absolute;
    right: 0;
    top: 0
}

.number-block-two .block-inner .number {
    position: relative;
    font-size: 80px;
    font-weight: 600;
    line-height: 1em;
    color: #37ca6f;
    font-family: Poppins,sans-serif;
    background: linear-gradient(to right,#37ca6f 0,#67d734 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.number-block-two .block-inner h4 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 15px;
    font-family: Poppins,sans-serif
}

.number-block-two .block-inner .block-text {
    position: relative;
    color: #19274d;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 14px
}

.works-section {
    position: relative;
    padding: 110px 0 70px;
    background-color: #fff0f0
}

.work-block {
    position: relative;
    margin-bottom: 30px
}

.work-block .inner-box {
    position: relative;
    text-align: center
}

.work-block .inner-box .icon-box {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 30px;
    background-color: #fff
}

.work-block .inner-box .icon-box .check {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    box-shadow: 0 10px 10px rgba(252,93,71,.1);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.work-block .inner-box .icon-box .icon {
    position: relative;
    width: 120px;
    height: 120px;
    color: #fa474a;
    line-height: 120px;
    font-size: 66px;
    background: -webkit-linear-gradient(-45deg,#fa474a,#ff7943 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.work-block .inner-box h3 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: Poppins,sans-serif
}

.work-block .inner-box h3 a {
    position: relative;
    color: #19274d;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.work-block .inner-box h3 a:hover {
    color: #fb4b49
}

.work-block .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 18px;
    line-height: 1.8em;
    padding: 0 25px;
    margin-bottom: 28px
}

.work-block .inner-box .arrow {
    position: relative;
    width: 50px;
    height: 50px;
    color: #ff7644;
    font-size: 18px;
    line-height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.work-block .inner-box:hover .arrow {
    color: #fff;
    background-color: #fb4b49
}

.app-osaas-service-page-section {
    position: relative;
    padding: 110px 0 70px
}

.app-osaas-service-page-section .video-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-service-page-section .video-column .inner-column {
    position: relative;
    padding-top: 75px;
    padding-right: 40px
}

.app-osaas-service-page-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-service-page-section .content-column .sec-title {
    margin-bottom: 0
}

.app-osaas-service-page-section .content-column .inner-column {
    position: relative
}

.app-osaas-service-page-section .content-column .row {
    margin: 0
}

.app-osaas-service-page-section .content-column .app-osaas-feature-block-eight {
    padding: 0;
    float: left
}

.app-osaas-feature-block-eight {
    position: relative
}

.app-osaas-feature-block-eight .inner-box {
    position: relative;
    padding: 35px 28px;
    overflow: hidden;
    box-shadow: 0 10px 40px #fafcfe
}

.app-osaas-feature-block-eight .inner-box .number {
    position: absolute;
    right: -10px;
    bottom: -20px;
    color: #fafcfe;
    font-weight: 700;
    font-size: 140px;
    line-height: 1em
}

.app-osaas-feature-block-eight .inner-box .upper-box {
    position: relative;
    padding-top: 8px;
    padding-left: 62px
}

.app-osaas-feature-block-eight .inner-box .upper-box .icon {
    position: absolute;
    left: 0;
    top: 0
}

.app-osaas-feature-block-eight .inner-box .upper-box h4 {
    position: relative;
    color: #19274d;
    font-weight: 500;
    line-height: 1.3em
}

.app-osaas-feature-block-eight .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 28px;
    z-index: 1
}

.app-osaas-service-page-section-two {
    position: relative;
    padding: 160px 0 60px
}

.app-osaas-service-block-three {
    position: relative;
    margin-bottom: 75px
}

.app-osaas-service-block-three .inner-box {
    position: relative;
    text-align: center;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-three .inner-box .image {
    position: relative;
    background-color: #fa464a
}

.app-osaas-service-block-three .inner-box .image .icon-box {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: -40px;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 32px;
    line-height: 80px;
    border-radius: 50px;
    box-shadow: 0 10px 10px rgba(252,93,71,.1);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-service-block-three .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-three .inner-box:hover .image img {
    opacity: .5
}

.app-osaas-service-block-three .inner-box .lower-content {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px 15px;
    margin-top: -60px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(250,83,86,.1)
}

.app-osaas-service-block-three .inner-box .lower-content:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 4px;
    bottom: 0;
    transform: scale(1,.32);
    background-color: #fd6246;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-three .inner-box .lower-content:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 4px;
    bottom: 0;
    transform: scale(1,.32);
    background-color: #fd6246;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-three .inner-box:hover .lower-content:after,.app-osaas-service-block-three .inner-box:hover .lower-content:before {
    transform: scale(1,.7)
}

.app-osaas-service-block-three .inner-box .lower-content h4 {
    position: relative;
    font-weight: 600;
    line-height: 1.3em
}

.app-osaas-service-block-three .inner-box .lower-content h4 a {
    position: relative;
    color: #19274d;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-service-block-three .inner-box .lower-content h4 a:hover {
    color: #fa484a
}

.app-osaas-service-block-three .inner-box .lower-content .text {
    position: relative;
    font-weight: 400;
    color: #19274d;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 8px
}

.app-osaas-service-detail-section {
    position: relative;
    padding: 110px 0 120px
}

.app-osaas-service-detail-section .inner-container {
    position: relative
}

.app-osaas-service-detail-section .image {
    position: relative;
    margin-bottom: 50px
}

.app-osaas-service-detail-section .image img {
    position: relative;
    width: 100%;
    display: block
}

.app-osaas-service-detail-section .service-info-boxed {
    position: relative;
    margin-left: 70px;
    margin-right: 70px
}

.app-osaas-service-detail-section .service-info-boxed .box-inner {
    position: relative;
    z-index: 1;
    margin-bottom: -75px;
    padding: 42px 70px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-service-detail-section .service-info-boxed .arrow {
    position: absolute;
    right: -25px;
    top: 50%;
    width: 55px;
    height: 55px;
    color: #fa454a;
    font-size: 24px;
    line-height: 55px;
    margin-top: -28px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    box-shadow: 0 0 10px rgba(250,70,74,.15)
}

.app-osaas-service-detail-section .service-info-boxed .arrow:hover {
    background-color: #fa474a;
    color: #fff
}

.app-osaas-service-detail-section .service-info-boxed h4 {
    position: relative;
    color: #fff;
    font-weight: 600;
    line-height: 1.3em;
    font-family: Poppins,sans-serif
}

.app-osaas-service-detail-section .two-column {
    position: relative;
    margin-top: 40px
}

.app-osaas-service-detail-section .service-info-boxed .text {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-top: 8px;
    line-height: 1.6em
}

.app-osaas-service-detail-section .inner-container p {
    position: relative;
    color: #19274d;
    font-size: 18px;
    line-height: 1.7em;
    margin-bottom: 20px
}

.app-osaas-service-detail-section .new-posts {
    position: relative;
    margin-top: 60px
}

.app-osaas-service-detail-section .new-posts .grid-icon {
    position: absolute;
    left: 50%;
    width: 80px;
    height: 80px;
    color: #fff;
    line-height: 86px;
    text-align: center;
    margin-left: -40px;
    border-radius: 50px;
    font-size: 22px;
    box-shadow: 0 0 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-service-detail-section .new-posts .title {
    position: relative;
    color: #fc3549;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-service-detail-section .new-posts h4 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-top: 10px;
    font-family: Poppins,sans-serif
}

.app-osaas-service-detail-section .new-posts h4 a {
    position: relative;
    color: #19274d
}

.app-osaas-service-detail-section .new-posts .right-text {
    text-align: right
}

.app-osaas-portfolio-page-section {
    position: relative;
    padding: 110px 0 120px
}

.app-osaas-portfolio-page-section .btn-box {
    margin-top: 10px
}

.app-osaas-gallery-block {
    position: relative;
    margin-bottom: 30px
}

.app-osaas-gallery-block .inner-box {
    position: relative;
    width: 100%
}

.app-osaas-gallery-block .image-box {
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
    border-radius: 20px
}

.app-osaas-gallery-block .image-box img {
    position: relative;
    display: block;
    width: 100%
}

.app-osaas-gallery-block .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff;
    text-align: center;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.app-osaas-gallery-block .overlay-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-gallery-block .inner-box:hover .overlay-box {
    opacity: 1;
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    visibility: visible
}

.app-osaas-gallery-block .overlay-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 0
}

.app-osaas-gallery-block .overlay-inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.app-osaas-gallery-block .overlay-inner .link {
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: #fb4b49;
    line-height: 50px;
    margin: 0 3px;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-gallery-block .overlay-inner .link .icon {
    position: relative;
    z-index: 1
}

.app-osaas-gallery-block .overlay-inner .link:hover {
    box-shadow: inset 0 0 10px rgba(0,0,0,.9)
}

.app-osaas-contact-page-section {
    position: relative;
    padding: 110px 0 80px
}

.app-osaas-contact-page-section .info-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-contact-page-section .info-column .inner-column {
    position: relative;
    padding-right: 70px
}

.app-osaas-contact-page-section .info-column .sec-title .text {
    margin-top: 5px
}

.app-osaas-contact-page-section .info-column .contact-info {
    position: relative
}

.app-osaas-contact-page-section .info-column .contact-info li {
    position: relative;
    color: #19274d;
    font-weight: 600;
    font-size: 24px;
    padding-left: 110px;
    min-height: 80px;
    padding-top: 8px;
    margin-bottom: 22px;
    line-height: 1.4em
}

.app-osaas-contact-page-section .info-column .contact-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(28,158,225,.1)
}

.app-osaas-contact-page-section .info-column .contact-info li i {
    position: relative;
    color: #7da3ac;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    display: block;
    margin-bottom: 0
}

.app-osaas-contact-page-section .info-column .contact-info li:last-child {
    margin-bottom: 0
}

.app-osaas-contact-page-section .form-column {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-contact-page-section .form-column .inner-column {
    position: relative;
    padding: 60px;
    box-shadow: 0 10px 22px rgba(250,71,74,.05)
}

.contact-form {
    position: relative
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 20px
}

.contact-form .form-group .icon {
    position: absolute;
    right: 20px;
    top: 22px;
    color: #fa4a49;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400
}

.contact-form input[type=email],.contact-form input[type=password],.contact-form input[type=text],.contact-form select,.contact-form textarea {
    display: block;
    width: 100%;
    line-height: 28px;
    height: 56px;
    font-size: 16px;
    padding: 8px 30px;
    color: #19274d;
    border-radius: 0;
    background-color: snow;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.contact-form .form-group input::-webkit-input-placeholder,.contact-form .form-group textarea::-webkit-input-placeholder {
    color: #19274d
}

.contact-form textarea {
    height: 170px;
    resize: none;
    font-size: 15px;
    padding-top: 18px
}

.contact-form input[type=email]:focus,.contact-form input[type=password]:focus,.contact-form input[type=text]:focus,.contact-form select:focus,.contact-form textarea:focus {
    border-color: #ffc108
}

.contact-form .osaas-theme-btn {
    cursor: pointer;
    padding: 15px 57px;
    box-shadow: 0 0 15px rgba(250,70,74,.15)
}

.app-osaas-map-section {
    padding-bottom: 90px
}

.app-osaas-error-section {
    position: relative;
    padding-top: 110px;
    padding-bottom: 110px
}

.app-osaas-error-section .image {
    position: relative;
    margin-bottom: 0
}

.app-osaas-error-section .btns-box .osaas-theme-btn {
    top: -30px;
    padding: 15px 46px;
    margin-top: -110px
}

.app-osaas-sidebar-page-container {
    position: relative;
    padding: 100px 0 80px
}

.app-osaas-sidebar-page-container .app-osaas-sidebar-side,.app-osaas-sidebar-page-container .content-side {
    margin-bottom: 40px
}

.app-osaas-sidebar-page-container .app-osaas-sidebar-side .app-osaas-sidebar-inner {
    padding-left: 20px
}

.app-osaas-sticky-top {
    top: 90px;
    z-index: 1
}

.app-osaas-sidebar-widget {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-sidebar-widget .widget-content {
    position: relative;
    padding: 35px;
    border: 2px solid #ededed
}

.app-osaas-sidebar-widget:last-child {
    margin-bottom: 0
}

.app-osaas-sidebar-title {
    position: relative;
    margin-bottom: 35px
}

.app-osaas-sidebar-title h5 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    line-height: 1.3em;
    padding-left: 30px;
    text-align: left;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.app-osaas-sidebar-title h5:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 3px;
    height: 25px;
    background-image: -ms-linear-gradient(top,#fa474a 0,#ff7843 100%);
    background-image: -moz-linear-gradient(top,#fa474a 0,#ff7843 100%);
    background-image: -o-linear-gradient(top,#fa474a 0,#ff7843 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fa474a),color-stop(100,#ff7843));
    background-image: -webkit-linear-gradient(top,#fa474a 0,#ff7843 100%);
    background-image: linear-gradient(to bottom,#fa474a 0,#ff7843 100%)
}

.app-osaas-about-widget {
    text-align: center
}

.app-osaas-about-widget .author-image {
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto
}

.app-osaas-about-widget h6 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-top: 25px;
    font-family: Poppins,sans-serif
}

.app-osaas-about-widget .text {
    position: relative;
    color: #19274d;
    font-weight: 400;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.9em
}

.app-osaas-about-widget .social-box {
    position: relative;
    margin-top: 12px
}

.app-osaas-about-widget .social-box li {
    position: relative;
    margin: 0 9px;
    display: inline-block
}

.app-osaas-about-widget .social-box li a {
    position: relative;
    color: #b3bed3;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-about-widget .social-box li a:hover {
    color: #19274d
}

.app-osaas-sidebar .search-box .form-group {
    position: relative;
    margin: 0
}

.app-osaas-sidebar .search-box .form-group input[type=search],.app-osaas-sidebar .search-box .form-group input[type=text] {
    position: relative;
    line-height: 38px;
    padding: 10px 50px 10px 30px;
    background: #f6f4ff;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 60px;
    color: #19274d;
    font-style: italic;
    border-radius: 50px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-sidebar .search-box .form-group input::placeholder,.app-osaas-sidebar .search-box .form-group textarea::placeholder {
    color: #19274d
}

.app-osaas-sidebar .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    display: block;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    line-height: 100%;
    font-weight: 400;
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-sidebar .popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666;
    padding-top: 6px;
    padding-left: 100px;
    min-height: 110px;
    margin-bottom: 28px;
    border-bottom: 1px solid #e1e6ff
}

.app-osaas-sidebar .popular-posts .post:last-child {
    margin-bottom: 0;
    min-height: auto;
    border: none
}

.app-osaas-sidebar .popular-posts .post:last-child {
    margin-bottom: 0
}

.app-osaas-sidebar .popular-posts .post .post-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    border-radius: 0;
    overflow: hidden
}

.app-osaas-sidebar .popular-posts .post .post-thumb .overlay-box {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    font-size: 18px;
    opacity: 0;
    overflow: hidden;
    border-radius: 50%;
    text-align: center;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    background-color: rgba(251,80,73,.7)
}

.app-osaas-sidebar .popular-posts .post .post-thumb .overlay-box .fa {
    top: 50%;
    position: relative;
    margin-top: -12px;
    display: block
}

.app-osaas-sidebar .popular-posts .post:hover .post-thumb .overlay-box {
    opacity: 1
}

.app-osaas-sidebar .popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-sidebar .popular-posts .post .text {
    position: relative;
    top: -4px;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    color: #19274d;
    line-height: 1.6em;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.app-osaas-sidebar .popular-posts .post .text a {
    color: #19274d;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-sidebar .popular-posts .post a:hover {
    color: #fa474a
}

.app-osaas-sidebar .popular-posts .post-info {
    position: relative;
    color: #fc3549;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    padding-left: 20px;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-sidebar .popular-posts .post-info:before {
    position: absolute;
    content: '\f073';
    left: 0;
    top: 5px;
    font-size: 13px;
    font-weight: 800;
    font-family: FontAwesome;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-blog-cat {
    position: relative
}

.app-osaas-blog-cat li {
    position: relative;
    margin-bottom: 10px
}

.app-osaas-blog-cat li a {
    position: relative;
    color: #19274d;
    font-size: 14px;
    display: block;
    font-weight: 500;
    z-index: 1;
    border-radius: 50px;
    padding: 14px 50px 14px 30px;
    background-color: #edf5ff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-blog-cat li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-blog-cat li a:hover:before {
    width: 100%
}

.app-osaas-blog-cat li a:hover {
    color: #fff
}

.app-osaas-blog-cat li a span {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 51px;
    line-height: 52px;
    text-align: center;
    border-radius: 50px;
    background-color: #dae6f6
}

.app-osaas-blog-cat li a:hover span {
    background-color: #dc4016
}

.app-osaas-social-widget .social-box li {
    position: relative;
    margin-right: 8px;
    display: inline-block
}

.app-osaas-social-widget .social-box li a {
    position: relative;
    width: 40px;
    height: 40px;
    color: #19274d;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: #eaf2ff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-social-widget .social-box li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    transform: scale(0,0);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-social-widget .social-box li a span {
    position: relative
}

.app-osaas-social-widget .social-box li a:hover:before {
    transform: scale(1,1)
}

.app-osaas-social-widget .social-box li a:hover {
    color: #fff
}

.app-osaas-tweet-widget .tweets-outer {
    position: relative
}

.tweet-block {
    position: relative;
    margin-bottom: 30px
}

.tweet-block .block-inner {
    position: relative;
    padding-left: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e6ff
}

.tweet-block .block-inner .icon {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 20px;
    line-height: 1em;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tweet-block .block-inner .text {
    position: relative;
    color: #19274d;
    font-size: 14px;
    line-height: 2em
}

.tweet-block .block-inner .tweet-date {
    position: relative;
    color: #19274d;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.tweet-block:last-child {
    margin-bottom: 0
}

.tweet-block:last-child .block-inner {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.app-osaas-instagram-widget .row {
    margin: 0 -7px
}

.app-osaas-instagram-widget .post-thumb {
    position: relative;
    width: 28%;
    float: left;
    border-radius: 0;
    overflow: hidden;
    margin: 0 8px 18px
}

.app-osaas-instagram-widget .post-thumb .overlay-box {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    background-color: rgba(251,81,72,.7)
}

.app-osaas-instagram-widget .post-thumb .overlay-box .fa {
    top: 50%;
    position: relative;
    margin-top: -12px;
    display: block
}

.app-osaas-instagram-widget .post-thumb:hover .overlay-box {
    opacity: 1
}

.app-osaas-instagram-widget .post-thumb img {
    display: block;
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-sidebar .app-osaas-popular-tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 5px 24px;
    margin: 0 2px 7px 0;
    color: #19274d;
    text-align: center;
    font-size: 12px;
    background: #f4f4f4;
    font-weight: 500;
    border-radius: 50px;
    text-transform: uppercase;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.app-osaas-sidebar .app-osaas-popular-tags a:hover {
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%);
    color: #fff
}

.app-osaas-add-widget .image img {
    width: 100%;
    display: block
}

.app-osaas-news-block-five {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-news-block-five .inner-box {
    position: relative
}

.app-osaas-news-block-five .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #fa484a
}

.app-osaas-news-block-five .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.app-osaas-news-block-five .inner-box:hover .image img {
    opacity: .5
}

.app-osaas-news-block-five .inner-box .image .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center
}

.app-osaas-news-block-five .inner-box .image .overlay-box .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    color: #fff;
    margin-left: -40px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    padding-left: 4px;
    font-size: 18px;
    margin-top: -40px;
    background-color: #ff5b2e
}

.app-osaas-news-block-five .inner-box .image .overlay-box .ripple,.app-osaas-news-block-five .inner-box .image .overlay-box .ripple:after,.app-osaas-news-block-five .inner-box .image .overlay-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: .5px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255,91,46,.4);
    -moz-box-shadow: 0 0 0 0 rgba(255,91,46,.4);
    -ms-box-shadow: 0 0 0 0 rgba(255,91,46,.4);
    -o-box-shadow: 0 0 0 0 rgba(255,91,46,.4);
    box-shadow: 0 0 0 0 rgba(255,91,46,.4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.app-osaas-news-block-five .inner-box .image .overlay-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.app-osaas-news-block-five .inner-box .image .overlay-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.app-osaas-news-block-five .inner-box .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -25px
}

.app-osaas-news-block-five .inner-box .owl-nav .owl-prev {
    position: absolute;
    left: 30px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-news-block-five .inner-box .owl-nav .owl-next {
    position: absolute;
    right: 30px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-news-block-five .inner-box .owl-nav .owl-next:hover,.app-osaas-news-block-five .inner-box .owl-nav .owl-prev:hover {
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-news-block-five .inner-box .lower-content {
    position: relative;
    padding: 50px 50px 40px;
    border: 2px solid #ededed;
    border-top: 0
}

.app-osaas-news-block-five.style-two .inner-box .lower-content {
    border-top: 2px solid #ededed
}

.app-osaas-news-block-five .inner-box .lower-content .category {
    position: relative;
    color: #fff;
    padding: 5px 28px;
    font-weight: 500;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-news-block-five .inner-box .lower-content h2 {
    position: relative;
    font-size: 34px;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 25px;
    font-family: Poppins,sans-serif
}

.app-osaas-news-block-five .inner-box .lower-content h2 a {
    position: relative;
    color: #19274d;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.app-osaas-news-block-five .inner-box .lower-content h2 a:hover {
    color: #fa4a49
}

.app-osaas-news-block-five .inner-box .lower-content .post-meta {
    position: relative;
    margin-top: 22px
}

.app-osaas-news-block-five .inner-box .lower-content .post-meta li {
    position: relative;
    margin-right: 12px;
    font-weight: 400;
    display: inline-block;
    color: #fc3549;
    font-size: 14px;
    padding-left: 22px;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-news-block-five .inner-box .lower-content .post-meta li .icon {
    position: absolute;
    left: 0;
    top: 4px;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-osaas-news-block-five .inner-box .lower-content .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 20px;
    margin-bottom: 25px
}

.app-osaas-news-block-five .inner-box .lower-content .post-author {
    position: relative;
    padding-left: 50px;
    color: #19274d;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    padding-top: 9px;
    margin-bottom: 20px;
    display: inline-block;
    font-family: Poppins,sans-serif
}

.app-osaas-news-block-five .inner-box .lower-content .post-author .author-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.app-osaas-news-block-five .inner-box .lower-content .read-more {
    position: relative;
    color: #19274d;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.app-osaas-news-block-five .inner-box .lower-content .read-more .arrow {
    position: relative;
    margin-right: 4px
}

.app-osaas-news-block-five .inner-box .lower-content .read-more:hover {
    color: #fa484a
}

.app-osaas-news-block-six {
    position: relative;
    margin-bottom: 40px
}

.app-osaas-news-block-six .inner-box {
    position: relative;
    padding: 50px;
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-news-block-six .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(//digitalinvea.com/wp-content/themes/appilo/css/../images/background/pattern-5.png) repeat
}

.app-osaas-news-block-six .inner-box .content {
    position: relative;
    padding-left: 110px
}

.app-osaas-news-block-six .inner-box .content .quote {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    line-height: 1em;
    font-size: 84px
}

.app-osaas-news-block-six .inner-box .content h2 {
    position: relative;
    line-height: 1.3em;
    font-weight: 600;
    font-size: 34px;
    font-family: Poppins,sans-serif
}

.app-osaas-news-block-six .inner-box .content h2 a {
    position: relative;
    color: #fff
}

.app-osaas-news-block-six .inner-box .content .post-meta {
    position: relative;
    margin-top: 22px
}

.app-osaas-news-block-six .inner-box .content .post-meta li {
    position: relative;
    margin-right: 12px;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding-left: 22px
}

.app-osaas-news-block-six .inner-box .content .post-meta li .icon {
    position: absolute;
    left: 0;
    top: 4px;
    color: #fff;
    line-height: 1em
}

.app-osaas-news-block-five.style-three .inner-box .lower-content {
    border: none;
    background-color: #fff9f9
}

.blog-classic .app-osaas-styled-pagination {
    margin-top: 50px
}

.app-osaas-styled-pagination {
    position: relative
}

.app-osaas-styled-pagination li {
    position: relative;
    margin: 0 4px 10px;
    display: inline-block
}

.app-osaas-styled-pagination li a {
    position: relative;
    width: 50px;
    height: 50px;
    z-index: 1;
    color: #19274d;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #ededed;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.app-osaas-styled-pagination li a:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    border-radius: 50px;
    transform: scale(0,0);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.app-osaas-styled-pagination li.active a,.app-osaas-styled-pagination li:hover a {
    color: #fff
}

.app-osaas-styled-pagination li.active a:before,.app-osaas-styled-pagination li:hover a:before {
    transform: scale(1,1)
}

.blog-detail {
    position: relative;
    margin-bottom: 40px
}

.blog-detail .inner-box {
    position: relative;
    padding: 50px 50px 55px;
    border: 2px solid #ededed
}

.blog-detail .inner-box .category {
    position: relative;
    color: #fff;
    padding: 5px 28px;
    font-weight: 500;
    border-radius: 50px;
    display: inline-block;
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.blog-detail .inner-box h2 {
    position: relative;
    font-size: 36px;
    color: #19274d;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 25px;
    font-family: Poppins,sans-serif
}

.blog-detail .inner-box .post-meta {
    position: relative;
    margin-top: 22px;
    margin-bottom: 20px
}

.blog-detail .inner-box .post-meta li {
    position: relative;
    margin-right: 12px;
    font-weight: 500;
    display: inline-block;
    color: #fc3549;
    font-size: 14px;
    padding-left: 22px;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-detail .inner-box .post-meta li .icon {
    position: absolute;
    left: 0;
    top: 4px;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-detail .inner-box p {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 25px
}

.blog-detail .inner-box .image {
    position: relative;
    margin-top: 35px;
    margin-bottom: 30px
}

.blog-detail .inner-box h3 {
    position: relative;
    font-size: 30px;
    color: #19274d;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 25px;
    font-family: Poppins,sans-serif
}

.blog-detail .inner-box .text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 20px;
    margin-bottom: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed
}

.blog-detail .inner-box .list-style-five {
    margin-top: 25px;
    margin-bottom: 35px
}

.blog-detail .inner-box blockquote {
    position: relative;
    padding: 50px 40px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.blog-detail .inner-box blockquote .title {
    position: relative;
    color: #fff;
    font-size: 14px
}

.blog-detail .inner-box blockquote .quote-text {
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.7em;
    margin-top: 15px;
    font-family: Poppins,sans-serif
}

.blog-detail .post-share-options {
    position: relative;
    padding: 20px 0 40px;
    margin-top: 40px;
    border-bottom: 1px solid #e1e6ff
}

.blog-detail .post-share-options .post-title {
    position: relative;
    color: #19274d;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    font-family: Poppins,sans-serif
}

.blog-detail .post-share-options .tags {
    position: relative;
    display: inline-block
}

.blog-detail .post-share-options .tags li {
    position: relative;
    margin-right: 4px;
    margin-bottom: 6px;
    display: inline-block
}

.blog-detail .post-share-options .tags a {
    position: relative;
    color: #19274d;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    border-radius: 50px;
    padding: 5px 26px 3px;
    display: inline-block;
    background-color: #efefef;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blog-detail .post-share-options .tags a:hover {
    color: #fff;
    box-shadow: 0 10px 15px rgba(250,70,74,.15);
    background-image: -ms-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -moz-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -o-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fa464a),color-stop(100,#ff7a43));
    background-image: -webkit-linear-gradient(left,#fa464a 0,#ff7a43 100%);
    background-image: linear-gradient(to right,#fa464a 0,#ff7a43 100%)
}

.blog-detail .post-share-options .social-icon {
    position: relative;
    display: inline-block
}

.blog-detail .post-share-options .social-icon li {
    position: relative;
    display: inline-block;
    margin-left: 20px
}

.blog-detail .post-share-options .social-icon li:last-child {
    margin-right: 0
}

.blog-detail .post-share-options .social-icon li a {
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    color: #b5becc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blog-detail .post-share-options .social-icon li a:hover {
    color: #fa474a
}

.blog-detail .inner-box .new-posts {
    position: relative;
    margin-top: 45px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e1e6ff
}

.blog-detail .inner-box .new-posts .grid-icon {
    position: absolute;
    left: 50%;
    margin-top: 15px;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 46px
}

.blog-detail .inner-box .new-posts .title {
    position: relative;
    color: #fc3549;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-detail .inner-box .new-posts h4 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-top: 10px;
    font-size: 28px;
    font-family: Poppins,sans-serif
}

.blog-detail .inner-box .new-posts h4 a {
    position: relative;
    color: #19274d
}

.blog-detail .inner-box .new-posts .right-text {
    text-align: right
}

.blog-detail .related-projects {
    position: relative;
    margin-top: 40px
}

.blog-detail .related-projects .projects-title {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 26px;
    font-family: Poppins,sans-serif
}

.related-block {
    position: relative;
    margin-bottom: 45px
}

.related-block .inner-block {
    position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,.05)
}

.related-block .inner-block .block-image {
    position: relative
}

.related-block .inner-block .block-image img {
    position: relative;
    width: 100%;
    display: block
}

.related-block .inner-block .block-lower-content {
    position: relative;
    padding: 30px
}

.related-block .inner-block .block-lower-content .post-date {
    position: relative;
    margin-right: 12px;
    font-weight: 500;
    display: inline-block;
    color: #fc3549;
    font-size: 14px;
    padding-left: 22px;
    background: linear-gradient(to right,#fc3549 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.related-block .inner-block .block-lower-content .post-date .icon {
    position: absolute;
    left: 0;
    top: 4px;
    color: #fa474a;
    line-height: 1em;
    background: linear-gradient(to top,#fa474a 0,#ff7a43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.related-block .inner-block .block-lower-content h5 {
    position: relative;
    margin-top: 12px;
    font-weight: 600;
    line-height: 1.5em;
    font-family: Poppins,sans-serif
}

.related-block .inner-block .block-lower-content h5 a {
    position: relative;
    color: #19274d
}

.related-block .inner-block .block-lower-content .block-text {
    position: relative;
    color: #19274d;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 12px
}

.blog-author-box {
    position: relative;
    margin-bottom: 60px
}

.blog-author-box .author-inner {
    position: relative;
    padding: 40px;
    border: 2px solid #e1e6ff
}

.blog-author-box .author-inner .content-box {
    position: relative;
    padding-left: 220px
}

.blog-author-box .author-inner .content-box .author-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    overflow: hidden;
    margin-bottom: 20px
}

.blog-author-box .author-inner .content-box .author-name {
    position: relative;
    color: #ff5b2e;
    font-weight: 700;
    font-size: 12px
}

.blog-author-box .author-inner .content-box h6 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 36px
}

.blog-author-box .author-inner .content-box .author-box-text {
    position: relative;
    color: #19274d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9em;
    margin-bottom: 10px
}

.app-osaas-sidebar-page-container .comments-area {
    position: relative;
    margin-bottom: 50px
}

.app-osaas-sidebar-page-container .group-title {
    position: relative
}

.app-osaas-sidebar-page-container .group-title h3 {
    position: relative;
    color: #19274d;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.app-osaas-sidebar-page-container .comments-area .comment-box {
    position: relative;
    padding: 0 0 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eff2ff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.app-osaas-sidebar-page-container .comments-area .comment-box:last-child {
    margin-bottom: 0
}

.app-osaas-sidebar-page-container .comments-area .comment {
    position: relative;
    font-size: 14px;
    min-height: 120px;
    padding: 5px 0 0 135px
}

.app-osaas-sidebar-page-container .comments-area .reply-comment {
    margin-left: 60px
}

.app-osaas-sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden
}

.app-osaas-sidebar-page-container .comments-area .comment-box .author-thumb img {
    width: 100%;
    display: block
}

.app-osaas-sidebar-page-container .comments-area .comment-info {
    margin-bottom: 15px
}

.app-osaas-sidebar-page-container .comments-area .comment-box strong {
    font-size: 18px;
    font-weight: 600;
    color: #19274d;
    display: block;
    line-height: 1.3em;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.app-osaas-sidebar-page-container .comments-area .comment-box .comment-text {
    color: #19274d;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 0;
    padding-top: 0
}

.app-osaas-sidebar-page-container .comments-area .comment-info .comment-time {
    font-size: 12px;
    color: #ff5b2e;
    margin-top: 10px;
    font-weight: 700;
    display: inline-block
}

.app-osaas-sidebar-page-container .comments-area .comment-box .osaas-theme-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #19274d;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 50px;
    display: inline-block;
    text-transform: capitalize;
    border: 2px solid #f4f4ff
}

.app-osaas-sidebar-page-container .comments-area .comment-box .osaas-theme-btn:hover {
    color: #fff;
    border-color: #ff5b2e;
    background-color: #ff5b2e
}

.app-osaas-sidebar-page-container .comments-area .comment-box .osaas-theme-btn .icon {
    margin-right: 6px
}

.comment-form {
    position: relative
}

.comment-form .form-outer {
    position: relative;
    padding: 50px;
    background-color: #fff7f3
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 20px
}

.comment-form .form-group .icon {
    position: absolute;
    right: 20px;
    top: 22px;
    color: #fa4a49;
    font-size: 16px;
    line-height: 1em;
    font-weight: 800
}

.comment-form input[type=email],.comment-form input[type=password],.comment-form input[type=text],.comment-form select,.comment-form textarea {
    display: block;
    width: 100%;
    line-height: 28px;
    height: 60px;
    font-size: 16px;
    padding: 8px 30px;
    color: #19274d;
    border-radius: 0;
    background-color: #fff;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.comment-form .form-group input::-webkit-input-placeholder,.comment-form .form-group textarea::-webkit-input-placeholder {
    color: #19274d
}

.comment-form textarea {
    height: 170px;
    resize: none;
    font-size: 15px;
    padding-top: 18px
}

.comment-form input[type=email]:focus,.comment-form input[type=password]:focus,.comment-form input[type=text]:focus,.comment-form select:focus,.comment-form textarea:focus {
    border-color: #ffc108
}

.comment-form .osaas-theme-btn {
    cursor: pointer;
    padding: 15px 40px;
    box-shadow: 0 0 15px rgba(250,70,74,.15)
}

.contact-form input.error,.contact-form select.error,.contact-form textarea.error {
    border-color: red!important
}

.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: red;
    font-weight: 500
}

@media only screen and (max-width: 1400px) {
    .app-osaas-main-footer:before {
        left:0
    }

    .app-osaas-blog-section:before {
        right: 0
    }
}

@media only screen and (max-width: 1140px) {
    .app-osaas-main-header {
        margin:0!important
    }

    .app-osaas-main-menu .navigation>li {
        margin-left: 0
    }

    .app-osaas-main-header .outer-box .buttons-box .osaas-theme-btn {
        font-size: 16px
    }

    .app-osaas-main-header .nav-outer {
        padding-top: 0
    }

    .app-osaas-tracking-section .image-column .image {
        margin-top: 0
    }

    .app-osaas-main-menu .navigation>li {
        margin-right: 25px
    }

    .app-osaas-main-header .header-upper .outer-container {
        padding: 0 15px
    }

    .app-osaas-main-header .header-upper .info-box {
        margin-right: 20px
    }

    .app-osaas-main-header .header-upper .info-box:last-child {
        padding-left: 10px
    }

    .app-osaas-banner-section-two .authors-box,.app-osaas-main-header.header-style-five .header-upper .language,.app-osaas-main-header.header-style-one .header-upper .language,.app-osaas-main-header.header-style-two .header-upper .language,.app-osaas-platform-section .platform-tabs .tab-btns .tab-btn:before {
        display: none
    }

    .app-osaas-banner-section .content-column h1,.app-osaas-banner-section-five .content-column h1 {
        font-size: 70px
    }

    .app-osaas-contact-page-section .info-column .inner-column,.app-osaas-platform-app-osaas-intro-section .buttons-column .inner-column {
        padding-right: 0
    }

    .app-osaas-platform-app-osaas-intro-section .content-column .inner-column {
        margin-left: 0
    }

    .app-osaas-price-section .price-column .inner-column {
        padding: 50px 40px
    }

    .app-osaas-price-section .trial-column .inner-column {
        padding: 50px 35px
    }

    .app-osaas-banner-section-two .content-column h1 {
        font-size: 60px
    }

    .app-osaas-banner-section-two .image-column .image {
        margin-right: -50px;
        margin-left: 50px
    }

    .app-osaas-about-section .content-column .inner-column,.app-osaas-intro-section .content-column .inner-column,.app-osaas-software-section .content-column .inner-column {
        padding: 0
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image:last-child,.app-osaas-feature-block-two .inner-box .arrow {
        display: none
    }

    .app-osaas-about-app-osaas-software-section .images-column .circle-layer {
        left: -20px
    }

    .app-osaas-intro-section .owl-nav .owl-prev {
        left: 15px
    }

    .app-osaas-intro-section .owl-nav .owl-next {
        right: 15px
    }

    .sec-title.style-two h1 {
        font-size: 50px
    }

    .app-osaas-pricing-section .version-column .inner-column {
        padding: 40px 40px 0
    }

    .app-osaas-price-box-two .box-inner {
        padding: 35px 30px
    }

    h2 {
        font-size: 24px
    }

    .app-osaas-seo-block .inner-box .btn-box .osaas-theme-btn {
        margin-left: 10px
    }

    .list-style-three li {
        line-height: 25px;
        padding-top: 10px
    }

    .header-style-three .nav-outer {
        padding-right: 0
    }

    .app-osaas-banner-section-three .content-column .inner-column {
        margin-left: 0;
        padding-top: 120px
    }

    .app-osaas-banner-section-three .content-column .text br,.app-osaas-journey-section .content-column .text br {
        display: none
    }

    .app-osaas-banner-section-three .content-column h1 {
        font-size: 70px
    }

    .app-osaas-facilities-section .blocks-column .circle-two {
        right: 3%
    }

    .app-osaas-banner-section-three .image-column .inner-column {
        margin-right: 0
    }

    .app-osaas-facilities-section .blocks-column .inner-column,.app-osaas-journey-section .content-column .inner-column,.app-osaas-sidebar-page-container .app-osaas-sidebar-side .app-osaas-sidebar-inner,.app-osaas-testimonial-section .blocks-column .inner-column {
        padding-left: 0
    }

    .app-osaas-journey-section .content-column h1 {
        font-size: 54px
    }

    .app-osaas-service-block .inner-box {
        padding-left: 15px;
        padding-right: 15px
    }

    .app-osaas-facilities-section {
        overflow: hidden
    }

    .app-osaas-cta-section .inner-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .sec-title.style-four h1 {
        font-size: 50px
    }

    .app-osaas-featured-section-five .tab-column .inner-column {
        margin-right: 0
    }

    .app-osaas-choose-section .carousel-column .inner-column {
        margin-right: 0
    }

    .app-osaas-software-section .content-column h1 {
        font-size: 44px
    }

    .app-osaas-software-section .content-column .languages li {
        margin-right: 25px
    }

    .app-osaas-feature-block-five .inner-box .text,.app-osaas-process-block-three .inner-box .content-column .inner-column {
        padding: 0
    }

    .app-osaas-tracking-section {
        margin-bottom: 120px
    }

    .app-osaas-about-section-two .content-column .inner-column,.app-osaas-process-block-four .inner-box .content-column .inner-column,.app-osaas-service-page-section .video-column .inner-column {
        padding: 0
    }

    .app-osaas-about-section-two .image-column:before,.app-osaas-intro-section-two .image-layer {
        display: none
    }

    .app-osaas-about-section-two .image-column .inner-column,.app-osaas-process-block-four .inner-box .image-column .inner-column,.app-osaas-process-block-two .inner-box .image-column .inner-column,.app-osaas-skill-section .content-column .inner-column {
        padding-right: 0
    }

    .app-osaas-skill-section .images-column .image-two {
        right: 0
    }

    .app-osaas-process-block-three .inner-box .image-column .inner-column {
        padding-left: 0
    }

    .app-osaas-process-block-four .inner-box .content-column h1,.app-osaas-process-block-three .inner-box .content-column h1,.app-osaas-process-block-two .inner-box .content-column h1 {
        font-size: 50px
    }

    .app-osaas-partners-section .content-column .inner-column,.work-block .inner-box .text {
        padding: 0
    }

    .app-osaas-partners-section.style-two .content-column .lower-box ul li {
        margin-right: 30px
    }

    .app-osaas-service-detail-section .service-info-boxed {
        margin-left: 20px;
        margin-right: 20px
    }

    .app-osaas-news-block-five .inner-box .lower-content {
        padding: 30px
    }

    .blog-detail .inner-box {
        padding: 20px 20px 25px
    }
}

@media only screen and (min-width: 768px) {
    .app-osaas-main-menu .navigation>li>ul,.app-osaas-main-menu .navigation>li>ul>li>ul,.app-osaas-main-menu .navigation>li>ul>li>ul>li>ul,.app-osaas-main-menu .navigation>li>ul>li>ul>li>ul>li>ul {
        display:block!important;
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (max-width: 1023px) {
    .app-osaas-main-header .sticky-header .pull-right {
        width:100%
    }

    .app-osaas-main-header .main-box .logo-box {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        text-align: left
    }

    .app-osaas-main-header .nav-outer {
        width: 100%!important;
        margin-top: 0
    }

    .app-osaas-main-header,.app-osaas-main-header.fixed-header {
        background-color: #222
    }

    .app-osaas-main-menu .navigation>li>a {
        font-size: 14px
    }

    .app-osaas-main-menu .navigation>li {
        margin-right: 18px
    }

    .app-osaas-main-menu {
        width: auto
    }

    .app-osaas-main-header.fixed-header .app-osaas-main-menu .navigation>li>a,.app-osaas-main-menu .navigation>li>a {
        padding: 0 0 20px
    }

    .app-osaas-main-menu .navigation>li>.mega-menu {
        padding: 25px 20px 20px 25px
    }

    .app-osaas-main-menu .navigation>li .mega-menu-bar h4 {
        font-size: 15px
    }

    .app-osaas-main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
        letter-spacing: 0
    }

    .app-osaas-main-header .header-upper .upper-right {
        float: left;
        padding-top: 0;
        padding-bottom: 30px
    }

    .app-osaas-main-header .header-upper .info-box .btn-box .osaas-theme-btn {
        padding: 14px 20px
    }

    .app-osaas-main-header .header-upper .info-box {
        margin-right: 3px
    }

    .app-osaas-main-header .header-lower .outer-box,.app-osaas-page-title .images-outer {
        display: none
    }

    .app-osaas-main-header .header-upper .outer-box,.app-osaas-main-header.fixed-header .header-upper .outer-box {
        padding: 0;
        top: -10px
    }

    .app-osaas-main-header .header-upper .logo-box .logo,.app-osaas-main-header.fixed-header .header-upper .logo-box .logo {
        padding: 20px 0
    }

    .app-osaas-main-header.fixed-header .nav-outer {
        margin-top: 0
    }

    .app-osaas-main-header,.app-osaas-main-header.fixed-header {
        position: relative
    }

    .app-osaas-banner-section .content-column .title {
        color: #fff
    }

    .app-osaas-banner-section .image-column .image,.app-osaas-partners-section .image-column .inner-column .circle-one {
        display: none
    }

    .app-osaas-banner-section .content-column .inner-column {
        padding: 70px 0 200px
    }

    .header-top .brand-column,.header-top .links-column {
        text-align: center
    }

    .header-style-two.fixed-header .header-upper {
        position: relative
    }

    .header-style-two .app-osaas-main-menu .navigation>li>a,.header-style-two.fixed-header .app-osaas-main-menu .navigation>li>a {
        padding: 15px 0 15px
    }

    .app-osaas-seo-block .inner-box .upper-box {
        text-align: center;
        padding: 0
    }

    .app-osaas-seo-block .inner-box .upper-box .icon-box {
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .app-osaas-seo-section .left-column .inner-column {
        padding-right: 0
    }

    .app-osaas-seo-block.style-two .inner-box .upper-box,.app-osaas-seo-section .right-column .inner-column {
        padding-left: 0
    }

    .list-style-three li {
        text-align: left
    }

    .app-osaas-seo-block .inner-box,.app-osaas-seo-block .inner-box .btn-box,.app-osaas-seo-block .inner-box .text,.app-osaas-seo-block .inner-box .upper-box h2,.app-osaas-seo-block.style-two .inner-box .text {
        text-align: center
    }

    .app-osaas-about-app-osaas-software-section .images-column .images {
        text-align: center
    }

    .app-osaas-about-app-osaas-software-section .images-column .circle-layer {
        width: 600px;
        height: 600px
    }

    .app-osaas-about-app-osaas-software-section .images-column .inner-column {
        margin-right: 0
    }

    .app-osaas-intro-section .content-column {
        order: 1;
        padding-bottom: 40px
    }

    .app-osaas-intro-section .video-column {
        order: 2
    }

    .app-osaas-price-box-two .box-inner {
        padding: 35px 60px
    }

    .app-osaas-banner-section-two .image-column .image {
        margin: 0
    }

    .app-osaas-seo-section .left-column .inner-column:before {
        display: none
    }

    .app-osaas-about-app-osaas-software-section .images-column .images .image:first-child {
        top: 0
    }

    .header-style-three {
        background-color: #fff
    }

    .header-style-five {
        position: relative;
        background-color: #fff
    }

    .header-style-five.fixed-header .header-upper {
        position: relative
    }

    .header-style-three .app-osaas-main-menu .navigation>li>a,.header-style-three.fixed-header .app-osaas-main-menu .navigation>li>a {
        padding: 12px 0 15px
    }

    .header-style-five .app-osaas-main-menu .navigation>li>a,.header-style-five.fixed-header .app-osaas-main-menu .navigation>li>a {
        padding: 12px 0 15px
    }

    .header-style-three .app-osaas-main-menu .navigation>li.dropdown:after,.header-style-three.fixed-header .app-osaas-main-menu .navigation>li.dropdown:after {
        top: 16px
    }

    .app-osaas-banner-section-three .image-column .inner-column {
        margin-left: 0
    }

    .app-osaas-platform-section .platform-tabs .tabs-content {
        padding-left: 0
    }

    .app-osaas-banner-section-three .image-column .image {
        margin-top: 0
    }

    .app-osaas-journey-section .content-column {
        order: 1;
        margin-bottom: 40px
    }

    .app-osaas-journey-section .video-column {
        order: 2
    }

    .app-osaas-facilities-section .content-column .inner-column {
        margin-right: 0;
        z-index: 1
    }

    .app-osaas-facilities-section .content-column .visitors-box {
        margin-left: 15px
    }

    .app-osaas-facilities-section .triangle-one,.app-osaas-facilities-section .triangle-two,.app-osaas-subscribe-section .chat-icon {
        display: none
    }

    .app-osaas-testimonial-section .carousel-column .inner-column {
        margin-right: 0
    }

    .header-style-four {
        background-color: #fff;
        box-shadow: 0 10px 10px rgba(0,0,0,.05)
    }

    .app-osaas-main-menu .navigation {
        width: auto
    }

    .header-style-four.fixed-header {
        background-color: #fff
    }

    .header-style-four .app-osaas-main-menu .navigation>li:last-child {
        margin-right: 18px
    }

    .header-style-four .header-upper .nav-outer {
        padding-right: 0
    }

    .app-osaas-banner-section-five .content-column .inner-column {
        padding-top: 0
    }

    .app-osaas-banner-section-five {
        padding-top: 120px
    }

    .app-osaas-tracking-section .image-column {
        margin-top: 40px
    }

    .app-osaas-tracking-section {
        margin-bottom: 40px
    }

    .app-osaas-demo-section .image-column .image img {
        max-width: 100%;
        margin-top: 40px
    }

    .app-osaas-demo-section .image-layer {
        display: none
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
        font-size: 40px;
        line-height: 1.3em
    }

    .app-osaas-page-title {
        padding: 120px 0;
        border-bottom: 2px solid #f9f9f9
    }

    .app-osaas-about-section-two .image-column .image,.app-osaas-about-section-two .image-column .image img {
        width: 100%;
        display: block
    }

    .app-osaas-about-section-two .content-column {
        order: 1
    }

    .app-osaas-about-section-two .image-column {
        order: 2
    }

    .app-osaas-intro-section-two .app-osaas-auto-container:before {
        width: 100%;
        display: block;
        right: 0;
        border-radius: 0
    }

    .app-osaas-intro-section-two .image-column .image img {
        width: 100%;
        display: block
    }

    .app-osaas-counter-section .fact-counter .column:nth-child(2),.app-osaas-counter-section .fact-counter .column:nth-child(3) {
        margin-top: 0
    }

    .app-osaas-skill-section .images-column {
        order: 1;
        margin-bottom: 140px
    }

    .app-osaas-skill-section .content-column {
        order: 2
    }

    .app-osaas-process-block-four .inner-box .content-column,.app-osaas-process-block-two .inner-box .content-column {
        order: 1
    }

    .app-osaas-process-block-four .inner-box .image-column,.app-osaas-process-block-two .inner-box .image-column {
        order: 2
    }

    .app-osaas-process-block-four .inner-box .content-column h1,.app-osaas-process-block-three .inner-box .content-column h1,.app-osaas-process-block-two .inner-box .content-column h1 {
        font-size: 40px
    }

    .app-osaas-banner-section .image-layer,.app-osaas-framework-section .platform-icons {
        display: none
    }

    .sec-title h1 {
        font-size: 60px
    }

    .app-osaas-framework-section .sec-title .pull-right {
        width: 100%
    }

    .app-osaas-framework-section .sec-title .osaas-theme-btn {
        margin-top: 20px
    }

    .app-osaas-platform-app-osaas-intro-section .buttons-column .inner-column {
        padding-top: 0
    }

    .app-osaas-price-section .trial-column .inner-column {
        margin-top: 0
    }

    .app-osaas-partners-section .content-column {
        order: 1;
        margin-bottom: 30px
    }

    .app-osaas-partners-section .image-column {
        order: 2
    }

    .app-osaas-partners-section {
        padding-top: 110px
    }
}

@media only screen and (max-width: 767px) {
    .sec-title .text br {
        display:none
    }

    .app-osaas-main-menu .navigation>li.has-mega-menu {
        position: relative!important
    }

    .app-osaas-main-header.header-style-one {
        padding-top: 0
    }

    .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0
    }

    .app-osaas-news-block-five .inner-box .lower-content h2,.sec-title h2 {
        font-size: 28px
    }

    .app-osaas-main-menu {
        width: 100%;
        display: block
    }

    .app-osaas-main-menu .navbar-collapse {
        max-height: 300px;
        max-width: none;
        overflow: auto;
        float: none!important;
        width: 100%!important;
        padding: 0;
        border: none;
        margin: 0 0 15px;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .app-osaas-main-menu .collapsing,.app-osaas-main-menu .navbar-collapse.in {
        padding: 0;
        border: none;
        margin: 0 0 15px;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .app-osaas-main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 15px 0;
        right: 0;
        z-index: 12
    }

    .app-osaas-main-menu .navbar-header .navbar-toggle {
        display: inline-block;
        z-index: 12;
        border: 1px solid #cc8809;
        float: none;
        margin: 0;
        border-radius: 0;
        background: #cc8809
    }

    .app-osaas-main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #fff
    }

    .app-osaas-main-menu .navbar-collapse>.navigation {
        float: none!important;
        margin: 0!important;
        width: 100%!important;
        background: #2c2c2c;
        border: 1px solid #fff;
        border-top: none
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li {
        margin: 0!important;
        float: none!important;
        padding: 0!important;
        width: 100%
    }

    .app-osaas-main-menu .navigation>li>a,.app-osaas-main-menu .navigation>li>ul:before {
        border: none
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li>a {
        padding: 10px 10px!important;
        border: none!important
    }

    .app-osaas-main-menu .navigation li.dropdown>a:after,.app-osaas-main-menu .navigation>li.dropdown>a:before,.app-osaas-main-menu .navigation>li>ul>li>a:before,.app-osaas-main-menu .navigation>li>ul>li>ul>li>a:before {
        color: #fff!important;
        right: 15px;
        font-size: 16px;
        display: none!important
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li>ul,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li>ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0;
        left: auto!important;
        right: auto!important;
        top: auto!important;
        padding: 0;
        outline: 0;
        width: 100%;
        background: #2c2c2c;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        transition: none!important;
        -webkit-transition: none!important;
        -ms-transition: none!important;
        -o-transition: none!important;
        -moz-transition: none!important
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
        border-top: 1px solid #fff!important;
        border-bottom: none;
        opacity: 1!important;
        top: 0!important;
        left: 0!important;
        visibility: visible!important
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li:first-child {
        border: none
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li>a,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li>a,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
        padding: 10px 10px!important;
        line-height: 22px;
        color: #fff;
        background: #2c2c2c;
        text-align: left
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li>a:active,.app-osaas-main-menu .navbar-collapse>.navigation>li>a:focus,.app-osaas-main-menu .navbar-collapse>.navigation>li>a:hover {
        background: #cc8809
    }

    .app-osaas-main-menu .navbar-collapse>.navigation>li.current-menu-item>a,.app-osaas-main-menu .navbar-collapse>.navigation>li.current>a,.app-osaas-main-menu .navbar-collapse>.navigation>li:hover>a,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,.app-osaas-main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a {
        background: #2c2c2c;
        color: #fff!important
    }

    .app-osaas-main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        display: block
    }

    .app-osaas-main-menu .navbar-collapse>.navigation li.dropdown:after,.app-osaas-main-menu .navigation>li>ul:before,.main-slider .owl-nav {
        display: none!important
    }

    .app-osaas-main-header .header-upper .outer-box,.app-osaas-main-header.fixed-header .header-upper .outer-box {
        position: absolute;
        left: 0;
        top: 18px;
        right: auto;
        z-index: 12;
        padding-left: 0;
        padding-top: 4px
    }

    .app-osaas-main-header .main-box .logo-box {
        float: none;
        text-align: center;
        padding-bottom: 10px
    }

    .app-osaas-main-header .header-lower .outer-box {
        position: absolute;
        z-index: 12;
        display: block
    }

    .app-osaas-main-menu .navbar-header .navbar-toggler {
        display: inline-block;
        z-index: 12;
        width: 50px;
        height: 40px;
        float: none;
        padding: 0;
        text-align: center;
        border-radius: 0;
        background: 0 0;
        border: 1px solid #fff
    }

    .app-osaas-main-menu .navbar-header .navbar-toggler .icon-bar {
        position: relative;
        background: #fff;
        height: 2px;
        width: 26px;
        display: block;
        margin: 0 auto;
        margin: 5px 11px
    }

    .app-osaas-main-header .nav-outer,.app-osaas-main-header.fixed-header .nav-outer {
        width: 100%;
        margin-top: -85px
    }

    .app-osaas-main-header .header-upper .app-osaas-search-box-outer .dropdown-menu {
        top: 51px!important;
        left: 0;
        right: auto
    }

    .app-osaas-main-header .header-upper .logo-box {
        z-index: 20
    }

    .app-osaas-main-header .header-upper .outer-box,.header-upper .outer-box {
        display: none
    }

    .app-osaas-banner-section .content-column .icon-layer,.app-osaas-banner-section .image-layer,.app-osaas-main-menu {
        display: none
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 14px 0;
        margin-left: 20px;
        font-size: 32px
    }

    #navbarSupportedContent {
        display: block
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 0
    }

    .sticky-header .mobile-nav-toggler {
        display: block;
        color: #fff;
        font-size: 28px;
        padding: 25px 0;
        cursor: pointer
    }

    .app-osaas-mobile-menu .navigation li.has-mega-menu h4 {
        display: none
    }

    h1 {
        font-size: 40px
    }

    .app-osaas-agency-section .agents-images,.app-osaas-banner-section .content-column .text br,.app-osaas-mobile-menu .navigation li.has-mega-menu>.mega-menu {
        display: none
    }

    .app-osaas-banner-section .content-column h1 {
        font-size: 50px
    }

    .app-osaas-main-header.header-style-three .mobile-nav-toggler,.app-osaas-main-header.header-style-two .mobile-nav-toggler {
        color: #222
    }

    .sec-title.style-two h1 {
        font-size: 40px
    }

    .app-osaas-main-footer .upper-box .pull-left,.app-osaas-main-footer .upper-box .pull-right {
        width: 100%;
        text-align: center
    }

    .app-osaas-main-footer .upper-box .social-box {
        margin-top: 25px
    }

    .app-osaas-main-footer.style-two .widgets-section {
        padding: 50px 40px 30px
    }

    .header-style-three.fixed-header .header-upper {
        position: relative
    }

    .sec-title.style-three h1 {
        font-size: 40px
    }

    .app-osaas-platform-section .platform-tabs .tabs-content .image-two {
        right: 0
    }

    .app-osaas-facilities-section .blocks-column .app-osaas-service-block:nth-child(2n),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(11),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(2),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(3n),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(5),.app-osaas-testimonial-section .blocks-column .inner-column .app-osaas-category-block:nth-child(8) {
        transform: translateY(0)
    }

    .app-osaas-subscribe-section .list-outer li {
        margin-bottom: 18px
    }

    .app-osaas-main-footer .footer-bottom .copyright-column {
        text-align: center;
        margin-top: 15px
    }

    .app-osaas-main-footer .footer-bottom .social-column {
        text-align: center
    }

    .app-osaas-product-block .inner-box .icon-box {
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .app-osaas-product-block .inner-box {
        padding-left: 0;
        text-align: center
    }

    .header-style-five .mobile-nav-toggler,.header-style-four .mobile-nav-toggler {
        color: #000
    }

    .header-style-four .header-upper .logo-box {
        left: auto;
        margin-left: 0
    }

    .app-osaas-banner-section-four .content-box h1 {
        font-size: 50px
    }

    .app-osaas-banner-section-four {
        padding-top: 120px
    }

    .sec-title.style-four h1 {
        font-size: 40px
    }

    .sec-title.style-four .text {
        font-size: 18px
    }

    .app-osaas-process-section .carousel-column .inner-column {
        margin-right: 0
    }

    .app-osaas-contact-info-section .inner-container .side-image,.app-osaas-counter-section-two .app-osaas-fact-counter-two .column .inner:before,.app-osaas-fact-counter-three .column .inner .content:before {
        display: none
    }

    .app-osaas-cta-section .title-column .inner-column {
        text-align: center
    }

    .app-osaas-cta-section .button-column .inner-column {
        padding-top: 0
    }

    .app-osaas-featured-section-five .content-column {
        order: 1
    }

    .app-osaas-featured-section-five .tab-column {
        order: 2
    }

    .app-osaas-banner-section-five .content-column h1 {
        font-size: 50px
    }

    .app-osaas-banner-section-five .content-column h1 br,.app-osaas-service-detail-section .new-posts .grid-icon,.app-osaas-service-detail-section .service-info-boxed .arrow {
        display: none
    }

    .sec-title.style-five h1,.sec-title.style-six h1 {
        font-size: 40px
    }

    .app-osaas-counter-section-three .inner-container {
        padding: 60px 30px
    }

    .app-osaas-banner-section-five .image-column .image img,.app-osaas-tracking-section .image-column .image img {
        max-width: 100%
    }

    .app-osaas-price-section .trial-column .inner-column {
        margin-top: 0
    }

    .app-osaas-partners-section .content-column h2 {
        font-size: 36px
    }

    .app-osaas-process-block-three .inner-box .content-column .app-options .app-block {
        margin-bottom: 20px
    }

    .app-osaas-process-block-four .inner-box .content-column h1,.app-osaas-process-block-three .inner-box .content-column h1,.app-osaas-process-block-two .inner-box .content-column h1 {
        font-size: 36px
    }

    .app-osaas-partners-section .image-column {
        order: 2
    }

    .app-osaas-partners-section .content-column {
        order: 1;
        margin-bottom: 45px
    }

    .app-osaas-partners-section {
        padding-top: 120px
    }

    .app-osaas-service-detail-section .service-info-boxed {
        margin: 0
    }

    .app-osaas-service-detail-section .service-info-boxed .box-inner {
        margin-bottom: 0;
        padding: 30px
    }

    .app-osaas-service-detail-section .service-info-boxed .text {
        margin-bottom: 15px
    }

    .app-osaas-news-block-six .inner-box .content {
        padding-left: 0
    }

    .app-osaas-news-block-six .inner-box .content .quote {
        position: relative;
        margin-bottom: 20px
    }

    .blog-detail .inner-box h2 {
        font-size: 28px;
        line-height: 1.3em
    }

    .blog-detail .inner-box .middle-image img {
        width: 100%;
        display: block;
        margin-bottom: 25px
    }

    .blog-detail .inner-box .new-posts .grid-icon {
        display: none
    }

    .blog-author-box .author-inner {
        padding: 15px
    }

    .blog-author-box .author-inner .content-box h6 {
        line-height: 1.2em;
        margin-top: 8px
    }

    .app-osaas-sidebar-page-container .comments-area .reply-comment {
        margin-left: 0
    }

    .app-osaas-sidebar-page-container .comments-area .comment {
        padding: 0
    }

    .app-osaas-sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        margin-bottom: 15px
    }

    .app-osaas-error-section .btns-box .osaas-theme-btn {
        top: 0;
        margin-top: 0;
        margin-top: 25px
    }

    .sec-title h1 {
        font-size: 40px
    }

    .platform-tab-content .inner-content {
        padding: 40px 30px
    }

    .app-osaas-blog-section {
        padding-bottom: 0
    }

    .partners-tabs .tabs-content .text {
        font-size: 38px
    }
}

@media only screen and (max-width: 599px) {
    .sec-title.style-four h1,h1 {
        font-size:32px
    }

    h3 {
        font-size: 20px
    }

    .app-osaas-page-title h1 {
        font-size: 50px
    }

    .app-osaas-news-block-six .inner-box .content h2 {
        font-size: 26px
    }

    .app-osaas-news-block-five .inner-box .lower-content h2 {
        font-size: 22px
    }

    .app-osaas-news-block-six .inner-box {
        padding: 25px
    }

    .app-osaas-banner-section .content-column h1,.app-osaas-banner-section-four .content-box h1,.app-osaas-banner-section-two .content-column h1 {
        font-size: 40px
    }

    .app-osaas-seo-block .inner-box .text {
        font-size: 20px
    }

    .sec-title h1,.sec-title.style-two h1 {
        font-size: 36px
    }

    .app-osaas-intro-section .content-column .app-options .app-block {
        width: 100%
    }

    .app-osaas-price-box-two .box-inner .content {
        padding: 0
    }

    .app-osaas-price-box-two .box-inner .content .app-osaas-price-box {
        position: relative
    }

    .app-osaas-price-box-two .box-inner {
        padding: 25px
    }

    .app-osaas-price-box-two .box-inner .content .text {
        text-align: center
    }

    .app-osaas-pricing-section .version-column .inner-column {
        padding: 20px 20px 0
    }

    .app-osaas-blog-section-two .sec-title .pull-right {
        width: 100%
    }

    .app-osaas-blog-section-two .sec-title .osaas-theme-btn {
        margin-top: 10px
    }

    .app-osaas-banner-section-three .content-column h1,.app-osaas-updates-section .subscribe-column h1 {
        font-size: 50px
    }

    .app-osaas-banner-section-three .content-column .text,.app-osaas-testimonial-section .carousel-column .text {
        font-size: 18px
    }

    .app-osaas-journey-section .content-column h1 {
        font-size: 40px
    }

    .app-osaas-journey-section .content-column .text {
        font-size: 16px
    }

    .app-osaas-banner-section-three .chat-icon,.app-osaas-choose-section .content-column .list li br,.app-osaas-process-block .inner-box .text br {
        display: none
    }

    .app-osaas-process-section .carousel-column .inner-column {
        padding: 30px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .price {
        position: relative;
        margin-top: 20px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .text,.app-osaas-testimonial-block .inner-box .text {
        font-size: 20px
    }

    .app-osaas-blog-section-three .sec-title .pull-right {
        width: 100%
    }

    .app-osaas-blog-section-three .sec-title .osaas-theme-btn {
        margin-top: 10px
    }

    .sec-title.style-five h1 {
        font-size: 36px
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
        font-size: 30px
    }

    .app-osaas-blog-section-four .sec-title .pull-right {
        width: 100%
    }

    .app-osaas-blog-section-four .sec-title .osaas-theme-btn {
        margin-top: 20px
    }

    .footer-style-two:before {
        transform: rotate(0)
    }

    .app-osaas-process-block-four .inner-box .content-column h1,.app-osaas-process-block-three .inner-box .content-column h1,.app-osaas-process-block-two .inner-box .content-column h1 {
        font-size: 30px
    }

    .app-osaas-service-detail-section .new-posts .pull-left,.app-osaas-service-detail-section .new-posts .pull-right,.blog-detail .inner-box .new-posts .pull-left,.blog-detail .inner-box .new-posts .pull-right {
        width: 100%;
        display: block;
        text-align: center
    }

    .app-osaas-service-detail-section .new-posts .right-text {
        padding-top: 25px
    }

    .blog-detail .inner-box h2 {
        font-size: 22px;
        line-height: 1.4em
    }

    .blog-detail .inner-box h3 {
        font-size: 22px
    }

    .blog-detail .inner-box blockquote .quote-text {
        font-size: 20px;
        line-height: 1.4em
    }

    .blog-detail .post-share-options .post-title.text-right {
        text-align: left!important
    }

    .blog-detail .post-share-options .pull-right {
        width: 100%;
        text-align: left;
        margin-top: 25px
    }

    .blog-detail .post-share-options .social-icon li {
        margin-left: 0;
        margin-right: 15px
    }

    .blog-author-box .author-inner .content-box {
        padding-left: 0
    }

    .blog-author-box .author-inner .content-box .author-image {
        position: relative
    }

    .comment-form .form-outer {
        padding: 20px
    }

    .blog-detail .inner-box blockquote {
        padding: 25px 20px
    }

    .app-osaas-contact-page-section .form-column .inner-column {
        padding: 25px
    }

    .app-osaas-partners-section .content-column h2 {
        font-size: 28px
    }

    .app-osaas-partners-section .content-column .lower-box ul li {
        margin-right: 25px
    }

    .partners-tabs .tabs-content .text {
        font-size: 30px
    }

    .partners-tabs .tab-btns .tab-btn {
        margin-right: 20px
    }
}

@media only screen and (max-width: 479px) {
    .sec-title h1 {
        font-size:28px
    }

    .sec-title h1 br {
        display: none
    }

    .app-osaas-banner-section-five .content-column h1,.app-osaas-banner-section-three .content-column h1,.app-osaas-page-title h1 {
        font-size: 40px
    }

    .app-osaas-updates-section .subscribe-column h1 {
        font-size: 30px
    }

    .app-osaas-pricing-section .version-column h2,.blog-author-box .author-inner .content-box h6,h2 {
        font-size: 24px
    }

    .blog-detail .inner-box .new-posts h4 {
        font-size: 20px
    }

    h5 {
        font-size: 18px
    }

    .subscribe-form .form-group .osaas-theme-btn {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        margin-top: 20px
    }

    .app-osaas-subscribe-form-three .form-group .osaas-theme-btn,.subscribe-form-five .form-group .osaas-theme-btn,.subscribe-form-four .form-group .osaas-theme-btn,.subscribe-form-six .form-group .osaas-theme-btn,.subscribe-form-two .form-group .osaas-theme-btn {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 15px;
        width: 100%
    }

    .app-osaas-banner-section-two .image-column .counter-boxed,.app-osaas-business-block .inner-box .content .image,.app-osaas-framework-section .circle-one,.app-osaas-platform-section .platform-tabs .tabs-content .image-two,.app-osaas-price-section .trial-column .inner-column .text br {
        display: none
    }

    .app-osaas-about-section .image-column .image-content {
        position: relative;
        right: 0
    }

    .app-osaas-about-section .image-column .image-content .icon-box {
        left: 0
    }

    .app-osaas-about-section .image-column .image-content .circle-box {
        right: 0
    }

    .app-osaas-about-section .image-column .image-content {
        padding: 35px 20px
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .title-box .title-inner,.list-style-two li {
        padding: 0
    }

    .list-style-two li:before {
        position: relative;
        margin-bottom: 15px
    }

    .app-osaas-software-section .content-column h1,.sec-title.style-two h1 {
        font-size: 30px;
        line-height: 1.4em
    }

    .app-osaas-about-app-osaas-software-section .images-column .circle-layer {
        width: 400px;
        height: 400px
    }

    .app-osaas-about-app-osaas-software-section {
        padding-bottom: 40px
    }

    .app-osaas-feature-block-two .inner-box .upper-box {
        padding-left: 0
    }

    .app-osaas-feature-block-two .inner-box .upper-box .icon {
        position: relative;
        top: 0;
        margin-bottom: 20px
    }

    .sec-title.style-six h1,.sec-title.style-three h1 {
        font-size: 26px;
        line-height: 1.3em
    }

    .app-osaas-main-footer .download-options ul li {
        margin-right: 0
    }

    .app-osaas-banner-section-four .content-box h1 {
        font-size: 27px;
        line-height: 1.4em
    }

    .app-osaas-feature-block-three .inner-box .content .icon {
        position: relative;
        margin-bottom: 10px
    }

    .app-osaas-feature-block-six .inner-box .content,.app-osaas-feature-block-three .inner-box .content,.app-osaas-process-block .inner-box {
        padding-left: 0
    }

    .app-osaas-download-section .outer-container .list-outer {
        text-align: left
    }

    .app-osaas-choose-section .content-column .list li {
        font-size: 16px
    }

    .app-osaas-testimonial-block .inner-box .author-box .author-content {
        padding: 0
    }

    .app-osaas-price-section .price-column .inner-column .upper-box .title-box .icon,.app-osaas-process-block .inner-box .number,.app-osaas-testimonial-block .inner-box .author-box .author-content .author-image {
        position: relative;
        margin-bottom: 20px
    }

    .app-osaas-cta-section .inner-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .app-osaas-cta-section .button-column .osaas-theme-btn {
        margin-left: 0
    }

    .app-osaas-featured-section-five .tab-column .inner-column {
        padding: 15px
    }

    .app-osaas-cources-tabs .tab-btns .tab-btn {
        padding: 0 14px
    }

    .app-osaas-cources-tabs .tabs-content .code-text {
        font-size: 14px
    }

    .app-osaas-contact-info-section .inner-container,.app-osaas-price-section .price-column .inner-column {
        padding: 25px 20px
    }

    .app-osaas-business-block .inner-box,.app-osaas-feature-block-six .inner-box {
        padding: 25px
    }

    .app-osaas-feature-block-six .inner-box .icon {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 20px
    }

    .app-osaas-partners-section .content-column h2,.app-osaas-testimonial-section-two .testimonial-tabs .tabs-content .text {
        font-size: 26px
    }

    .app-osaas-testimonial-section-two .testimonial-tabs .tab-btns .tab-btn {
        margin-right: 0
    }

    .footer-style-two:before {
        left: -20px
    }

    .app-osaas-service-block-two .inner-box,.app-osaas-team-block-two .inner-box {
        padding: 15px
    }

    .app-osaas-news-block-two .inner-box .post-info {
        left: 20px;
        right: 20px
    }

    .app-osaas-updates-section .info-column .info-block {
        margin-bottom: 30px
    }

    .app-osaas-news-block-five .inner-box .lower-content {
        padding: 15px
    }

    .app-osaas-news-block-five .inner-box .lower-content .pull-right {
        width: 100%;
        display: block
    }

    .app-osaas-contact-page-section .info-column .contact-info li {
        font-size: 20px
    }

    .app-osaas-contact-page-section .info-column .contact-info li br,.platform-tab-content .inner-content .big-icon {
        display: none
    }

    .app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn {
        padding: 20px 0 20px 80px
    }

    .app-osaas-platform-app-osaas-intro-section .platform-tabs .tab-btns .tab-btn:before {
        left: 20px;
        top: 15px
    }

    .platform-tab-content .inner-content {
        padding: 25px 15px
    }

    .partners-tabs .tabs-content .text {
        font-size: 24px
    }
}

.appilo-saas-classic {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.4;
    font-family: "Roboto";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.appilo-saas-classic ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appilo-saas-classic ::selection {
    color: #fff;
    background-color: #6e3ebf
}

.appilo-saas-classic ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.appilo-saas-classic .container {
    max-width: 1200px
}

.appilo-saas-classic .ul-li ul {
    margin: 0;
    padding: 0
}

.appilo-saas-classic .ul-li ul li {
    list-style: none;
    display: inline-block
}

.appilo-saas-classic .ul-li-block ul {
    margin: 0;
    padding: 0
}

.appilo-saas-classic .ul-li-block ul li {
    list-style: none;
    display: block
}

div#saas-classic-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #fff url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas-classic/pre.svg) no-repeat center center
}

.appilo-saas-classic [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.appilo-saas-classic a {
    color: inherit;
    text-decoration: none
}

.appilo-saas-classic a:hover,.appilo-saas-classic a:focus {
    text-decoration: none
}

.appilo-saas-classic img {
    max-width: 100%;
    height: auto
}

.appilo-saas-classic section {
    overflow: hidden
}

.appilo-saas-classic button {
    cursor: pointer
}

.appilo-saas-classic .form-control:focus,.appilo-saas-classic button:visited,.appilo-saas-classic button.active,.appilo-saas-classic button:hover,.appilo-saas-classic button:focus,.appilo-saas-classic input:visited,.appilo-saas-classic input.active,.appilo-saas-classic input:hover,.appilo-saas-classic input:focus,.appilo-saas-classic textarea:hover,.appilo-saas-classic textarea:focus,.appilo-saas-classic a:hover,.appilo-saas-classic a:focus,.appilo-saas-classic a:visited,.appilo-saas-classic a.active,.appilo-saas-classic select,.appilo-saas-classic select:hover,.appilo-saas-classic select:focus,.appilo-saas-classic select:visited {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.appilo-saas-classic .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.appilo-saas-classic .relative-position {
    position: relative
}

.appilo-saas-classic .pera-content p {
    margin-bottom: 0
}

.saas2-headline h1,.saas2-headline h2,.saas2-headline h3,.saas2-headline h4,.saas2-headline h5,.saas2-headline h6 {
    margin: 0;
    font-family: "Poppins"
}

.saas-classic-section-header span {
    font-weight: 300
}

.saas-classic-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-image: -webkit-linear-gradient(135deg,#e511e6 32%,#6b2c94 100%);
    background-image: -o-linear-gradient(135deg,#e511e6 32%,#6b2c94 100%);
    background-image: linear-gradient(-45deg,#e511e6 32%,#6b2c94 100%)
}

.saas-classic-scrollup i {
    color: #fff;
    font-size: 20px
}

.saas_two_section_title {
    margin: 0 auto;
    max-width: 465px
}

.saas_two_section_title .title_tag {
    padding: 5px 30px
}

.saas_two_section_title h2 {
    font-size: 40px;
    padding-top: 15px
}

.saas_btn a {
    font-size: 15px;
    font-weight: 700;
    border-radius: 30px;
    display: inline-block;
    border: 2px solid #6c2b95
}

.saas_btn:before {
    top: 8px;
    left: 32px;
    font-weight: 900;
    font-size: 22px;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.saas-classic-stylish-btn .saas_btn {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block
}

.saas-classic-stylish-btn .saas_btn a {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 20px
}

.saas-classic-stylish-btn .saas_btn a:hover {
    color: #fff
}

.saas-classic-stylish-btn .saas_btn a:hover i {
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: currentColor
}

.saas-classic-stylish-btn .saas_btn:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 0;
    top: 45px;
    right: 15px;
    -webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9);
    box-shadow: 0 0 30px 31px rgba(213,8,217,.9);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas-classic-stylish-btn .saas_btn:after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    top: -100%;
    right: 0;
    z-index: -2;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #6c2b95
}

.saas-classic-stylish-btn .saas_btn:hover:after {
    top: 0
}

.saas-classic-stylish-btn .saas_btn i {
    font-size: 20px;
    margin-right: 8px;
    background: -webkit-linear-gradient(135deg,#6b2c94 32%,#fc01fd 100%);
    background: -o-linear-gradient(135deg,#6b2c94 32%,#fc01fd 100%);
    background: linear-gradient(-45deg,#6b2c94 32%,#fc01fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@-webkit-keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.appilo-saas-classic .fadeFromUp {
    -webkit-animation-name: fadeFromUp;
    animation-name: fadeFromUp
}

.appilo-saas-classic .fadeFromRight {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight
}

.appilo-saas-classic .fadeFromLeft {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft
}

.saas_two_section_title .title_tag,.saas_two_banner_section .s2-banner_content .s2-tilte_tag,.saas_two_feature_section .s2-feature_text .feature_tag,.integration_section .integration_text .feature_tag {
    color: #951fb3;
    font-size: 18px;
    font-weight: 500;
    padding: 3px 30px;
    border-radius: 8px;
    display: inline-block;
    background-color: #ede0f4
}

.saas_two_section_title h2,.saas_two_banner_section .s2-banner_content h1,.saas_two_about_section .s2-about_text_icon .s2-about_text h3,.saas_two_feature_section .s2-feature_text h2,.integration_section .integration_text h2,.saas_two_team_section .s2-team_img_text .s2_name_info h3 {
    font-weight: 700;
    color: #010101
}

.saas_two_section_title h2 span,.saas_two_banner_section .s2-banner_content h1 span,.saas_two_about_section .s2-about_text_icon .s2-about_text h3 span,.saas_two_feature_section .s2-feature_text h2 span,.integration_section .integration_text h2 span,.saas_two_team_section .s2-team_img_text .s2_name_info h3 span {
    font-weight: 300
}

.saas_btn:before,.service_read_more a:after,.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,.integration_section .integration_text a:after,.saas_two_banner_section .s2-banner_content .banner_btn a i,.saas_two_feature_section .s2-feature_text .saas_btn a:before,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i {
    background: -webkit-linear-gradient(135deg,#6b2c94 32%,#fc01fd 100%);
    background: -o-linear-gradient(135deg,#6b2c94 32%,#fc01fd 100%);
    background: linear-gradient(-45deg,#6b2c94 32%,#fc01fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.saas_two_about_section .s2-about_text_icon .s2-about_text p,.saas_two_feature_section .s2-feature_text p,.integration_section .integration_text p {
    color: #353535;
    font-size: 17px;
    line-height: 1.588;
    padding-bottom: 20px
}

.service_read_more a,.saas_two_about_section .s2-about_text_icon .s2-about_text a,.integration_section .integration_text a {
    color: #06f;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    font-family: "Poppins"
}

.service_read_more a:after,.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,.integration_section .integration_text a:after {
    top: 0;
    right: -35px;
    content: "\f30b";
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: "Font Awesome 5 Free"
}

.service_read_more a:before,.saas_two_about_section .s2-about_text_icon .s2-about_text a:before,.integration_section .integration_text a:before {
    height: 2px;
    width: 0;
    bottom: -3px;
    content: "";
    position: absolute;
    background-color: #06f;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.service_read_more a:hover:before,.saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:before,.integration_section .integration_text a:hover:before {
    width: 100%
}

.service_read_more a:hover:after,.saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:after,.integration_section .integration_text a:hover:after {
    opacity: 1;
    right: -25px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    visibility: visible
}

.saas_two_banner_section .s2-banner_content .banner_btn a,.saas_two_feature_section .s2-feature_text .saas_btn,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block
}

.saas_two_banner_section .s2-banner_content .banner_btn a:before,.saas_two_feature_section .s2-feature_text .saas_btn:before,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 0;
    top: 45px;
    right: 15px;
    -webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9);
    box-shadow: 0 0 30px 31px rgba(213,8,217,.9);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_banner_section .s2-banner_content .banner_btn a:after,.saas_two_feature_section .s2-feature_text .saas_btn:after,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    top: -100%;
    right: 0;
    z-index: -2;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #6c2b95
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover,.saas_two_feature_section .s2-feature_text .saas_btn:hover,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover {
    color: #fff
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover i,.saas_two_feature_section .s2-feature_text .saas_btn:hover i,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover i {
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:before,.saas_two_feature_section .s2-feature_text .saas_btn:hover:before,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:before {
    opacity: 1;
    right: 25px;
    visibility: visible
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:after,.saas_two_feature_section .s2-feature_text .saas_btn:hover:after,.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:after {
    top: 0
}

.saas_two_main_header {
    width: 100%;
    z-index: 9;
    padding: 15px 0;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 11px 68px 0 rgba(0,0,0,.14);
    box-shadow: 0 11px 68px 0 rgba(0,0,0,.14)
}

.saas_two_main_header .sign_up_btn {
    display: inline-block
}

.saas_two_main_header .brand_logo {
    padding-top: 10px
}

.saas_two_main_header .s2-main-navigation {
    display: inline-block;
    padding-top: 20px
}

.saas_two_main_header .s2-main-navigation .navbar-nav {
    display: inherit
}

.saas_two_main_header .s2-main-navigation .navbar-nav li {
    font-size: 15px;
    font-weight: 600;
    margin-right: 55px;
    font-family: "Poppins"
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a {
    padding-bottom: 30px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a:hover {
    color: #d10edd
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a:hover:before {
    width: 100%
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background-color: #d10edd;
    left: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    bottom: 25px
}

.saas_two_main_header .s2-main-navigation .dropdown {
    position: relative
}

.saas_two_main_header .s2-main-navigation .dropdown:after {
    content: "\f107";
    position: absolute;
    right: -11px;
    top: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.saas_two_main_header .s2-main-navigation .dropdown:hover:after {
    color: #d10edd
}

.saas_two_main_header .saas_sign_up_btn {
    height: 55px;
    width: 175px;
    float: right;
    line-height: 55px;
    border-radius: 30px;
    background-color: #73299a
}

.saas_two_main_header .saas_sign_up_btn a {
    color: #fff;
    font-weight: 600;
    padding-left: 15px;
    position: relative;
    display: block;
    width: 100%
}

.saas_two_main_header .saas_sign_up_btn a i {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    padding-right: 5px
}

.saas_two_main_header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    display: block;
    border: none;
    padding: 10px 0 0;
    visibility: hidden;
    position: absolute;
    border-radius: 0;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #73299a;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.saas_two_main_header .dropdown .dropdown-menu li {
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5
}

.saas_two_main_header .dropdown .dropdown-menu li a {
    color: #343434;
    font-size: 14px;
    padding: 10px 0;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_main_header .dropdown .dropdown-menu li a:before {
    display: none
}

.saas_two_main_header .dropdown .dropdown-menu li a:after {
    left: 0;
    top: 15px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #73299a;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_main_header .dropdown .dropdown-menu li a:hover {
    padding-left: 15px
}

.saas_two_main_header .dropdown .dropdown-menu li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.saas_two_main_header .dropdown:hover>.dropdown-menu {
    top: 50px;
    opacity: 1;
    visibility: visible
}

.saas_2-menu-bg-overlay {
    background-color: #fff;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    position: fixed;
    top: -90px;
    padding: 10px 0;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_main_header.saas_2-menu-bg-overlay {
    z-index: 9;
    top: 0;
    -webkit-box-shadow: 0 0 20px -10px rgba(0,0,0,.8);
    box-shadow: 0 0 20px -10px rgba(0,0,0,.8)
}

.saas_two_main_header.saas_2-menu-bg-overlay .dropdown:hover .dropdown-menu {
    top: 45px
}

@-webkit-keyframes floatY {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px)
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
}

@keyframes floatY {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px)
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
}

@-webkit-keyframes floatX {
    0% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }
}

@keyframes floatX {
    0% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }
}

.saas_two_default_header {
    padding: 200px 0 50px 0!important
}

.saas_two_banner_section {
    background-color: #fafafa;
    padding: 235px 0 140px
}

.saas_two_banner_section:before {
    right: 0;
    width: 80%;
    content: "";
    top: -10px;
    height: 115%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas-classic/banner/b-shape1.png)
}

.saas_two_banner_section .s2-banner_content {
    position: relative;
    z-index: 1;
    max-width: 450px
}

.saas_two_banner_section .s2-banner_content .s2-tilte_tag {
    padding: 5px 30px
}

.saas_two_banner_section .s2-banner_content h1 {
    font-size: 55px;
    padding: 18px 0 20px
}

.saas_two_banner_section .s2-banner_content p {
    font-size: 18px;
    padding-bottom: 35px
}

.saas_two_banner_section .s2-banner_content .banner_btn a {
    height: 50px;
    width: 175px;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    margin-right: 20px;
    font-weight: 700;
    color: #010101;
    font-family: "Poppins";
    display: inline-block;
    z-index: 1;
    border: 2px solid #6c2b95
}

.saas_two_banner_section .s2-banner_content .banner_btn a i {
    font-size: 20px;
    margin-right: 8px
}

.saas_two_banner_section .s2-banner_content .banner_btn span {
    color: #6a6a6a;
    display: block;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 10px
}

.saas_two_banner_section .s2-banner_area .banner_mockup {
    position: absolute;
    top: -40px;
    right: -70px;
    z-index: 1
}

.saas_two_banner_section .s2-banner_shape1 {
    left: 0;
    top: 85px
}

.saas_two_banner_section .s2-banner_shape2 {
    top: 0;
    right: 0;
    -webkit-animation: floatY 3s ease-in-out infinite;
    animation: floatY 3s ease-in-out infinite
}

.saas_two_banner_section .s2-banner_shape3 {
    top: 0;
    right: 50%;
    -webkit-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transform: translateX(80%);
    -webkit-animation: floatX 10s ease-in-out infinite;
    animation: floatX 10s ease-in-out infinite
}

.saas_two_service_section {
    padding-bottom: 10px
}

.saas_two_service_section .service_content {
    padding-top: 70px
}

.saas_two_service_section .service_content_box {
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 25px 30px 30px 35px;
    z-index: 1;
    background-color: #fff;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    -webkit-box-shadow: 0 20px 81px 0 rgba(8,0,20,.14);
    box-shadow: 0 20px 81px 0 rgba(8,0,20,.14)
}

.saas_two_service_section .service_content_box:before {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -3;
    border-radius: 10px;
    position: absolute;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background-image: -webkit-linear-gradient(45deg,#fc01fd 32%,#6b2c94 100%);
    background-image: -o-linear-gradient(45deg,#fc01fd 32%,#6b2c94 100%);
    background-image: linear-gradient(45deg,#fc01fd 32%,#6b2c94 100%)
}

.saas_two_service_section .service_content_box:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    border-radius: 10px;
    background-color: #fff
}

.saas_two_service_section .service_content_box:hover {
    -webkit-transform: translate(-7px,-7px);
    -ms-transform: translate(-7px,-7px);
    transform: translate(-7px,-7px);
    -webkit-box-shadow: 0 20px 81px 0 rgba(8,0,20,.3);
    box-shadow: 0 20px 81px 0 rgba(8,0,20,.3)
}

.saas_two_service_section .service_content_box:hover:before {
    -webkit-transform: translate(7px,7px);
    -ms-transform: translate(7px,7px);
    transform: translate(7px,7px)
}

.saas_two_service_section .service_content_box:hover:after,.saas_two_service_section .service_content_box:hover .service_text_box h3,.saas_two_service_section .service_content_box:hover .service_text_box p {
    transition: all ease-in-out .5s
}

.saas_two_service_section .service_content_box .service_icon_box {
    width: 60px;
    margin-bottom: 18px
}

.saas_two_service_section .service_content_box .service_icon_box .upper_icon svg {
    height: 48px;
    width: 48px;
    fill: #30347b
}

.saas_two_service_section .service_content_box .service_icon_box .upper_icon i {
    font-size: 48px;
    color: #30347b
}

.saas_two_service_section .service_content_box .service_icon_box .lower_icon {
    position: absolute;
    top: 10px;
    z-index: -1;
    right: 0
}

.saas_two_service_section .service_content_box .service_icon_box .lower_icon svg {
    width: 45px;
    height: 45px;
    fill: #c4a2fc
}

.saas_two_service_section .service_content_box .service_icon_box .lower_icon i {
    font-size: 45px;
    color: #c4a2fc;
    margin-top: 8px
}

.saas_two_service_section .service_content_box .service_text_box h3 {
    color: #010101;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px
}

.saas_two_service_section .service_content_box .service_text_box p {
    line-height: 1.5;
    color: #666
}

.saas_two_about_section {
    padding: 70px 0;
    background-color: #ebedf2
}

.saas_two_about_section:before {
    content: "";
    position: absolute;
    top: 0;
    right: -400px;
    height: 100%;
    width: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas-classic/banner/abshape.png)
}

.saas_two_about_section:after {
    content: "";
    height: 600px;
    width: 600px;
    right: -380px;
    top: 285px;
    border-radius: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas-classic/banner/abshape2.png)
}

.saas_two_about_section .about_content_s2 {
    padding: 50px 70px 50px 110px
}

.saas_two_about_section .s2-about_text_icon {
    padding-top: 35px
}

.saas_two_about_section .s2-about_text_icon .s2-about_icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding-top: 15px;
    border-radius: 100%;
    margin-bottom: 16px;
    background-color: #6c2b95
}

.saas_two_about_section .s2-about_text_icon .s2-about_icon svg {
    fill: #fff;
    width: 40px;
    height: 40px
}

.saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
    font-size: 36px;
    line-height: 1.278;
    padding-bottom: 15px
}

.saas_two_feature_section .s2-feature_text {
    max-width: 520px;
    padding: 40px 0 0 50px
}

.saas_two_feature_section .s2-feature_text h2 {
    font-size: 40px;
    line-height: 1.25;
    padding: 15px 0 15px
}

.saas_two_feature_section .s2-feature_text p {
    padding-bottom: 43px
}

.saas_two_feature_section .s2-feature_text .saas_btn a {
    padding: 6px 25px
}

.saas_two_feature_section .s2-feature_text .saas_btn a {
    font-size: 15px;
    font-weight: 700;
    border-radius: 30px;
    display: inline-block;
    border: 2px solid #6c2b95;
    padding: 10px 25px
}

.saas_two_feature_section .s2-feature_text .saas_btn a:before {
    content: "\f46d";
    font-weight: 900;
    left: 0;
    font-size: 20px;
    margin-right: 8px;
    font-family: "Font Awesome 5 Free"
}

.saas_two_feature_section .s2-feature_text .saas_btn:hover a:before {
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.saas_two_feature_section .s2-feature_right .s2-feature_list {
    margin-bottom: 10px;
    padding: 22px 32px 20px;
    border-radius: 10px;
    display: inline-block;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
    width: 95px;
    float: left;
    height: 95px;
    border-radius: 100%;
    line-height: 105px;
    margin-right: 30px
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon:after {
    left: 0;
    right: 0;
    top: 5px;
    width: 90%;
    height: 90%;
    content: "";
    margin: 0 auto;
    position: absolute;
    border: 5px solid #fff;
    border-radius: 100%
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon i {
    font-size: 30px
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
    max-width: 310px;
    display: inline-block
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3 {
    color: #010101;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
    margin-left: 30px;
    -webkit-box-shadow: 0 3px 43px 0 rgba(0,0,0,.13);
    box-shadow: 0 3px 43px 0 rgba(0,0,0,.13)
}

.saas_two_feature_section .s2-feature_right .s2-grean,.saas_two_feature_section .s2-feature_right .s2-purple,.saas_two_feature_section .s2-feature_right .s2-pink {
    position: relative
}

.saas_two_feature_section .s2-feature_right .s2-grean:before,.saas_two_feature_section .s2-feature_right .s2-purple:before,.saas_two_feature_section .s2-feature_right .s2-pink:before {
    position: absolute;
    content: "";
    height: 0;
    width: 5px;
    left: 0;
    top: 50%;
    border-radius: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_feature_section .s2-feature_right .s2-grean:hover:before,.saas_two_feature_section .s2-feature_right .s2-purple:hover:before,.saas_two_feature_section .s2-feature_right .s2-pink:hover:before {
    height: 60px
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon {
    background-color: #d9f3de
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon i {
    color: #049507
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1):before {
    background-color: #049507
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon {
    background-color: #e1e1f5
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon i {
    color: #6c2b95
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2):before {
    background-color: #6c2b95
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon {
    background-color: #ebdcf4
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon i {
    color: #d912dc
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3):before {
    background-color: #d912dc
}

.integration_section {
    background-color: #f0f2f7;
    padding: 120px 0 55px
}

.integration_section .integration_img {
    padding-top: 10px
}

.integration_section .integration_text {
    padding-right: 50px
}

.integration_section .integration_text h2 {
    font-size: 40px;
    line-height: 1.25;
    padding: 15px 0 20px
}

.integration_section .integration_text p {
    color: #666;
    padding-bottom: 18px
}

.saas_two_team_section .s2-team_membar {
    padding-top: 130px
}

.saas_two_team_section .s2-team_img_text {
    width: 100%;
    border-radius: 10px;
    display: inline-block;
    padding: 70px 15px 20px;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-box-shadow: 0 12px 43px 0 rgba(0,0,0,.13);
    box-shadow: 0 12px 43px 0 rgba(0,0,0,.13)
}

.saas_two_team_section .s2-team_img_text:hover {
    -webkit-box-shadow: 0 23px 43px 0 rgba(0,0,0,.26);
    box-shadow: 0 23px 43px 0 rgba(0,0,0,.26)
}

.saas_two_team_section .s2-team_img_text:hover .s2_tean_img:before,.saas_two_team_section .s2-team_img_text:hover .s2_tean_img:after {
    opacity: 1;
    visibility: visible
}

.saas_two_team_section .s2-team_img_text .s2_tean_img {
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    top: -75px;
    left: 15px
}

.saas_two_team_section .s2-team_img_text .s2_tean_img:before,.saas_two_team_section .s2-team_img_text .s2_tean_img:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    border: 3px solid #cc0fda;
    z-index: 1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_team_section .s2-team_img_text .s2_tean_img:after {
    height: 95%;
    width: 95%;
    top: 50%;
    right: 0;
    margin: 0 auto;
    border: 3px solid #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.saas_two_team_section .s2-team_img_text .s2_name_info {
    float: left
}

.saas_two_team_section .s2-team_img_text .s2_name_info h3 {
    font-size: 22px;
    padding-bottom: 5px
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2-designation {
    font-size: 15px;
    font-weight: 500;
    color: #53117f
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact {
    padding-top: 25px
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact span {
    font-size: 15px;
    color: #737272;
    display: block;
    margin-bottom: 5px
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact span i {
    color: #cc0fda;
    margin-right: 8px
}

.saas_two_team_section .s2-team_img_text .s2-mem_social {
    bottom: 30px;
    right: 15px;
    position: absolute;
    z-index: 0
}

.saas_two_team_section .s2-team_img_text .s2-mem_social ul {
    opacity: 0;
    margin-bottom: 15px;
    font-size: 14px;
    padding-top: 10px;
    visibility: hidden;
    position: relative;
    top: -50px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_team_section .s2-team_img_text .s2-mem_social li {
    color: #fff;
    text-align: center;
    margin-top: 15px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_team_section .s2-team_img_text .s2-mem_social li:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.saas_two_team_section .s2-team_img_text .s2-mem_social .s2-share_btn {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #53117f
}

.saas_two_team_section .s2-team_img_text .s2-mem_social .s2-share_btn i {
    color: #fff
}

.saas_two_team_section .s2-team_img_text .s2-mem_social:after {
    bottom: 20px;
    z-index: -1;
    content: "";
    width: 50px;
    height: 0;
    opacity: 0;
    border-radius: 35px;
    position: absolute;
    visibility: hidden;
    background-color: #53117f;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.saas_two_team_section .s2-team_img_text:hover .s2-mem_social:after {
    height: 100%;
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.saas_two_team_section .s2-team_img_text:hover .s2-share_btn {
    background-color: #cc0fda
}

.saas_two_team_section .s2-team_img_text:hover ul {
    top: 0;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1;
    visibility: visible
}

#s2_team_slide .owl-stage-outer {
    overflow: visible
}

#s2_team_slide .owl-item {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

#s2_team_slide .owl-item.active {
    opacity: 1
}

#s2_team_slide .owl-nav {
    text-align: center;
    display: table;
    margin: 35px auto 0;
    padding-top: 3px;
    border-radius: 20px;
    background-color: #beaacb
}

#s2_team_slide .owl-nav .owl-next,#s2_team_slide .owl-nav .owl-prev {
    margin: 0 10px;
    font-size: 22px;
    line-height: 10px;
    display: inline-block
}

#s2_team_slide .owl-nav .owl-next i,#s2_team_slide .owl-nav .owl-prev i {
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

#s2_team_slide .owl-nav .owl-next i:hover,#s2_team_slide .owl-nav .owl-prev i:hover {
    color: #53117f
}

.s2-faq_section {
    z-index: 1
}

.s2-faq_section .s2_faq_content button {
    border: none;
    color: #010101;
    font-size: 19px;
    font-weight: 700;
    font-family: "Poppins";
    padding: 0 0 20px;
    position: relative;
    width: 100%;
    text-align: left;
    background-color: transparent
}

.s2-faq_section .s2_faq_content button:after {
    top: 5px;
    right: 0;
    color: #951fb3;
    font-size: 14px;
    content: "\f056";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.s2-faq_section .s2_faq_content .collapsed:after {
    content: "\f055"
}

.s2-faq_section .s2_faq_content .s2_faq {
    padding-bottom: 10px
}

.s2-faq_section .s2_faq_content .s2_faq .s2_faq-body {
    padding-bottom: 30px;
    text-align: justify;
    max-width: 530px;
    color: #383838;
    line-height: 1.625
}

@-webkit-keyframes flying {
    0% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    50% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    100% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }
}

@keyframes flying {
    0% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    50% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    100% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }
}

.s2-pricing_section .s2-pricing_item {
    margin: 0 auto;
    overflow: hidden;
    max-width: 330px;
    border-radius: 15px;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-box-shadow: 0 23px 43px 0 rgba(0,0,0,.13);
    box-shadow: 0 23px 43px 0 rgba(0,0,0,.13)
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price {
    background-color: #818181;
    padding: 40px 50px 25px;
    margin-bottom: 25px;
    z-index: 1
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon {
    height: 65px;
    width: 60px;
    margin-right: 25px;
    border-radius: 8px;
    background-color: #fff;
    padding-top: 12px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon svg {
    height: 40px;
    width: 40px;
    fill: #000
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon i {
    font-size: 40px;
    color: #000
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: visible;
    position: absolute;
    border-radius: 8px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    background-image: -webkit-linear-gradient(135deg,#e511e6 32%,#6b2c94 100%);
    background-image: -o-linear-gradient(135deg,#e511e6 32%,#6b2c94 100%);
    background-image: linear-gradient(-45deg,#e511e6 32%,#6b2c94 100%)
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text {
    font-family: "Poppins";
    color: #fff
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text span {
    font-size: 20px;
    font-weight: 600;
    display: block
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong {
    font-size: 50px;
    line-height: 1;
    font-weight: 700
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg {
    position: absolute;
    right: 20px;
    top: 40px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    -webkit-animation: flying 1.5s linear infinite;
    animation: flying 1.5s linear infinite
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg svg {
    height: 80px;
    width: 80px;
    fill: #aaa
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg i {
    font-size: 80px;
    color: #aaa
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list li {
    border-bottom: 1px solid #e6e8e9;
    padding: 18px 25px 16px 45px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list li:last-child {
    border: none;
    padding-bottom: 0
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked,.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border-radius: 100%;
    line-height: 22px;
    position: relative;
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,197,0,.5);
    box-shadow: 0 6px 18px 0 rgba(0,197,0,.5);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1%,#00f500),color-stop(53%,#00db00),to(#00c000));
    background-image: -webkit-linear-gradient(bottom,#00f500 1%,#00db00 53%,#00c000 100%);
    background-image: -o-linear-gradient(bottom,#00f500 1%,#00db00 53%,#00c000 100%);
    background-image: linear-gradient(0deg,#00f500 1%,#00db00 53%,#00c000 100%)
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked i,.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked i {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-align: center
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked i,.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked i {
    color: #fff;
    font-size: 12px
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked {
    background-color: red;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.s2-pricing_section .s2-pricing_item .s2-pricing_btn {
    padding: 25px 0;
    text-align: center;
    margin-top: 8px
}

.s2-pricing_section .s2-pricing_item .s2-pricing_btn a {
    height: 45px;
    width: 160px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    margin-right: 20px;
    font-weight: 700;
    color: #010101;
    font-family: "Poppins";
    display: inline-block;
    border: 2px solid #6c2b95
}

.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i {
    font-size: 20px;
    margin-right: 8px
}

.s2-pricing_section .s2-pricing_item:hover {
    -webkit-box-shadow: 0 23px 43px 0 rgba(0,0,0,.26);
    box-shadow: 0 23px 43px 0 rgba(0,0,0,.26)
}

.s2-pricing_section .s2-pricing_item:hover .s2-icon_bg {
    opacity: 1;
    top: 30px;
    right: 15px;
    visibility: visible;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.s2-pricing_section .s2-pricing_item:hover .pricing_icon:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.s2-pricing_section .s2-pricing_item:hover .pricing_icon svg {
    fill: #fff
}

.s2-pricing_section .s2-pricing_item:hover .pricing_icon i {
    color: #fff
}

.saas_two_footer_section {
    z-index: 1;
    margin-top: 140px;
    padding: 0 0 65px
}

.saas_two_footer_section:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/saas-classic/banner/fobg.png)
}

.saas_two_footer_section .s2-newslatter_section {
    top: -90px;
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    border-radius: 20px;
    padding: 45px 0 60px;
    background-color: #6c2b95;
    -webkit-box-shadow: 0 0 16px 0 rgba(27,2,52,.34);
    box-shadow: 0 0 16px 0 rgba(27,2,52,.34)
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter_title h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 10px
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter_title p {
    font-family: "Poppins";
    color: #fff
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form {
    max-width: 660px;
    margin: 30px auto 0
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form .nws-button {
    top: 0;
    right: 0
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form input {
    height: 62px;
    width: 100%;
    border: none;
    max-width: 490px;
    padding-left: 30px;
    border-radius: 5px
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form button {
    border: none;
    height: 62px;
    width: 155px;
    color: #fff;
    border-radius: 5px;
    background-color: #f104f5;
    position: absolute;
    top: 0;
    right: 0
}

.saas_two_footer_section .s2-newslatter_section .newsletter_pattern_1 {
    top: -25px;
    left: 80px;
    z-index: 1;
    position: absolute
}

.saas_two_footer_section .s2_footer_widget {
    font-family: "Poppins";
    font-size: 14px
}

.saas_two_footer_section .s2_footer_widget .s2-footer_logo {
    margin-bottom: 25px
}

.saas_two_footer_section .s2_footer_widget .footer_about {
    color: #fff;
    max-width: 235px;
    margin-bottom: 20px;
    line-height: 1.714
}

.saas_two_footer_section .s2_footer_widget p {
    color: #fff
}

.saas_two_footer_section .s2_footer_widget .s2_footer_about p {
    width: 165px;
    margin-top: 8px;
    line-height: 1.714
}

.saas_two_footer_section .s2_footer_widget .s2_footer_about span {
    color: #f104f5;
    font-weight: 700;
    margin-bottom: 8px
}

.saas_two_footer_section .s2_footer_widget .menu {
    max-width: 340px
}

.saas_two_footer_section .s2_footer_widget .menu li {
    width: 50%;
    float: left;
    max-width: 320px;
    margin-bottom: 18px
}

.saas_two_footer_section .s2_footer_widget .menu li a {
    color: #fff;
    margin-left: 15px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_footer_section .s2_footer_widget .menu li a:before {
    top: 0;
    top: 0;
    left: -15px;
    color: #fff;
    font-size: 12px;
    content: "\f054";
    font-weight: 900;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: "Font Awesome 5 Free"
}

.saas_two_footer_section .s2_footer_widget .menu li a:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #f104f5
}

.saas_two_footer_section .s2_footer_widget .menu li a:hover {
    margin-left: 25px;
    color: #f104f5
}

.saas_two_footer_section .s2_footer_widget .menu li a:hover:before {
    color: #f104f5
}

.saas_two_footer_section .s2_footer_widget .menu li a:hover:after {
    width: 100%
}

.saas_two_footer_section .s2_footer_widget .s2_widget_title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 35px
}

.saas_two_footer_section .s2_footer_widget .s2_widget_title span {
    display: inline-block;
    margin-right: 20px
}

.saas_two_footer_section .s2_footer_widget .s2_widget_title i {
    width: 100%;
    height: 1.1px;
    position: relative;
    display: inline-block;
    background-color: rgba(255,255,255,.2)
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social a {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social form {
    margin: 18px 0 30px;
    position: relative
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social form input {
    height: 45px;
    background-color: #503d63;
    border: none;
    width: 100%;
    padding-left: 30px
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social form button {
    color: #fff;
    width: 62px;
    border: none;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #6c2b95
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .fb-bg {
    color: #16599b
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .tw-bg {
    color: #03a9f4
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .dr-bg {
    color: #ea4c89
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .bh-bg {
    color: #0067ff
}

.s2-copyright {
    color: #fff;
    padding: 18px 0;
    font-size: 14px;
    font-family: "Poppins";
    background-color: #000
}

.s2-copyright a {
    color: #d772fe!important
}

@keyframes slide {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1920px 0
    }
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1920px 0
    }
}

.cloud_anim {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    max-width: 1170px;
    width: 100%;
    height: 100%;
    z-index: 0;
    margin: 0 auto
}

.newsletter_pattern_2 {
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    left: 0;
    top: 50px;
    animation: slide 60s linear infinite;
    -webkit-animation: slide 60s linear infinite
}

.newsletter_pattern_3 {
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    top: 70px;
    animation: slide 50s linear infinite;
    -webkit-animation: slide 50s linear infinite
}

.newsletter_pattern_4 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 150px;
    width: 150px;
    background-size: cover;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-repeat: no-repeat
}

.newsletter_pattern_5 {
    position: absolute;
    right: 0;
    height: 90%;
    width: 200px;
    top: 28px
}

.s2_mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.19);
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.s2_mobile_menu_content .s2_main-navigation {
    width: 100%
}

.s2_mobile_menu_content .s2_main-navigation .navbar-nav {
    width: 100%
}

.s2_mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.s2_mobile_menu_content .s2_main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.s2_mobile_menu_content .s2_main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.s2_mobile_menu_content .s2_main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px;
    text-transform: uppercase
}

.s2_mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.s2_mobile_menu_wrap.s2_mobile_menu_on .s2_mobile_menu_content {
    right: 0;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.s2_mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.s2_mobile_menu_overlay_on {
    overflow: hidden
}

.s2_mobile_menu_wrap.s2_mobile_menu_on .s2_mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.s2_mobile_menu_button {
    position: absolute;
    display: none;
    right: 0;
    cursor: pointer;
    line-height: 40px;
    color: #73299a;
    text-align: center;
    font-size: 30px;
    top: -40px;
    z-index: 5
}

.s2-mobile_menu .s2_main-navigation .navbar-nav li a:after {
    display: none
}

.s2-mobile_menu .s2_main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.s2-mobile_menu .s2_mobile_menu_content .s2_main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.s2-mobile_menu .s2_mobile_menu_content .s2_main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.s2-mobile_menu .s2_mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

.s2-mobile_menu .dropdown {
    position: relative
}

.s2-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.s2-mobile_menu .dropdown .dropdown-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

@media screen and (max-width: 1140px) {
    .saas_two_footer_section .s2-newslatter_section {
        top:0;
        max-width: inherit;
        margin-bottom: 50px
    }

    .saas_two_footer_section {
        overflow: hidden;
        margin-top: 0;
        padding: 25px 0 65px
    }

    .saas_two_footer_section:before {
        height: 75%;
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width: 1120px) {
    .saas_two_feature_section .s2-feature_right {
        padding-left:0
    }

    .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
        margin-right: 10px
    }
}

@media screen and (max-width: 1110px) {
    .saas_two_main_header .s2-main-navigation .navbar-nav li {
        margin-right:25px
    }

    .saas_two_banner_section .s2-banner_area .banner_mockup {
        max-width: 630px;
        top: 30px
    }
}

@media screen and (max-width: 1015px) {
    .saas_two_main_header .s2-main-navigation .navbar-nav li {
        margin-right:25px
    }

    .saas_two_banner_section .s2-banner_area .banner_mockup {
        max-width: 630px;
        top: 30px
    }

    .saas_two_feature_section .s2-feature_right .s2-feature_list {
        padding: 22px 20px 20px
    }
}

@media screen and (max-width: 991px) {
    .saas_two_banner_section:before {
        width:100%;
        top: 0;
        height: 100%
    }

    .saas_two_banner_section {
        padding-bottom: 0;
        z-index: 1
    }

    .saas_two_banner_section .s2-banner_shape1 {
        z-index: -1
    }

    .saas_two_banner_section .s2-banner_area .banner_mockup {
        position: static
    }

    .saas_two_banner_section .s2-banner_content {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 50px
    }

    .about_content_s2 {
        max-width: 750px;
        margin: 0 auto
    }

    .saas_two_main_header .s2-main-navigation {
        display: none
    }

    .saas_two_banner_section .s2-banner_shape3 {
        top: 60px
    }

    .saas_two_footer_section .s2-newslatter_section .newsletter_pattern_1 {
        display: none
    }

    .saas_two_footer_section:before {
        background-size: cover;
        background-repeat: no-repeat
    }

    .newsletter_pattern_4 {
        display: none
    }

    .newsletter_pattern_5 {
        display: none
    }

    .saas_two_footer_section {
        background-color: #1b0234
    }

    .saas_two_footer_section .s2_footer_widget {
        margin-bottom: 30px
    }

    .saas_two_footer_section .s2_footer_widget .s2_widget_title {
        padding-bottom: 20px
    }

    .s2_mobile_menu_button {
        display: block
    }

    .saas_two_main_header .saas_sign_up_btn {
        position: absolute;
        top: 3px;
        right: 70px;
        height: 40px;
        width: 120px;
        line-height: 40px
    }

    .saas_two_main_header .saas_sign_up_btn a {
        padding-left: 0
    }

    .saas_two_main_header .saas_sign_up_btn a:before {
        display: none
    }

    .saas_two_about_section .about_content_s2 {
        padding: 30px 50px
    }

    .saas_two_feature_section .s2-feature_right {
        padding-left: 0;
        margin-top: 40px
    }

    .s2-pricing_section .s2-pricing_item {
        margin-bottom: 40px
    }

    .saas_two_footer_section {
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    .saas_two_main_header .saas_sign_up_btn {
        top:-40px
    }

    .saas_two_main_header.saas_2-menu-bg-overlay .saas_sign_up_btn {
        top: -42px
    }

    .saas_two_service_section .service_content_box {
        max-width: 370px;
        margin: 0 auto;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .saas_two_banner_section {
        padding-top:180px
    }

    .saas_two_banner_section .s2-banner_content h1 {
        font-size: 45px
    }

    .saas_two_banner_section .s2-banner_content .banner_btn a {
        height: 40px;
        width: 140px;
        margin-right: 10px;
        line-height: 36px
    }

    .saas_two_banner_section .s2-banner_content .banner_btn a i {
        font-size: 16px;
        margin-right: 5px
    }

    .saas_two_banner_section .s2-banner_content {
        padding-bottom: 30px
    }

    .saas_two_service_section {
        padding: 60px 0
    }

    .saas_two_about_section {
        padding: 60px 0 30px
    }

    .saas_two_about_section .about_content_s2 {
        padding: 20px 25px
    }

    .saas_two_about_section:before {
        display: none
    }

    .saas_two_about_section .s2-about_text_icon {
        padding-top: 0;
        margin-bottom: 30px
    }

    .s2-about_img {
        margin-bottom: 30px
    }

    .saas_two_feature_section {
        padding: 60px 0 25px
    }

    .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
        margin: 0 auto;
        float: none;
        margin-bottom: 20px
    }

    .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
        text-align: center;
        max-width: 100%
    }

    .saas_two_team_section {
        padding: 60px 0
    }

    .s2-faq_section .s2_faq_content button {
        padding-right: 20px
    }

    .s2-faq_section {
        padding: 60px 0 25px
    }

    .s2-pricing_section {
        padding: 60px 0 40px
    }

    .saas_two_section_title h2 {
        font-size: 30px
    }
}

@media screen and (max-width: 420px) {
    .saas_two_section_title h2 {
        font-size:30px
    }

    .saas_two_service_section .service_content {
        padding-top: 40px
    }

    .saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
        font-size: 30px
    }

    .saas_two_about_section .s2-about_text_icon {
        margin-bottom: 15px
    }

    .saas_two_feature_section .s2-feature_text h2 {
        font-size: 30px
    }

    .saas_two_feature_section .s2-feature_text {
        padding: 20px 0 0
    }

    .saas_two_feature_section .s2-feature_text p {
        padding-bottom: 25px
    }

    .integration_section .integration_text {
        padding-right: 0
    }

    .integration_section .integration_text h2 {
        font-size: 30px
    }

    .s2-faq_section .s2_faq_content {
        padding-top: 40px
    }

    .s2-pricing_section .s2-pricing_content {
        padding-top: 40px
    }

    .saas_two_footer_section {
        padding-bottom: 30px
    }

    .saas_two_footer_section .s2-newslatter_section .s2-newslatter-form button {
        width: 100px
    }

    .s2-pricing_section .s2-pricing_item .s2-pricing_list li {
        padding: 18px 20px 16px
    }

    .s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong {
        font-size: 40px
    }

    .saas-classic-scrollup {
        width: 40px;
        height: 40px;
        right: 10px;
        line-height: 40px
    }

    .saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
        margin-left: 0
    }

    .saas_two_main_header .saas_sign_up_btn {
        right: 55px
    }
}

@media screen and (max-width: 380px) {
    .saas_two_banner_section .s2-banner_content h1 {
        font-size:36px
    }

    .saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
        font-size: 26px
    }
}

@media screen and (max-width: 320px) {
    .saas_two_banner_section .s2-banner_content h1 {
        font-size:34px
    }

    .saas_two_section_title h2 {
        font-size: 26px
    }

    .saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
        font-size: 24px
    }
}

@font-face {
    font-family: "Circular Std";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/CircularStd-Black.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/CircularStd-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Circular";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/Circula-Medium.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/Circula-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Circular Std";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/Circular%20Std%20Medium.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/Circular%20Std%20Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Circular Std Book";
    src: url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/CircularStd-Book.woff2) format("woff2"),url(//digitalinvea.com/wp-content/themes/appilo/css/../fonts/CircularStd-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.app-eight-home {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.4;
    font-family: "Circular Std Book";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.app-eight-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.app-eight-home::selection {
    color: #fff;
    background-color: #6e3ebf
}

.app-eight-home::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.app-eight-home .container {
    max-width: 1200px
}

.app-eight-home .ul-li ul {
    margin: 0;
    padding: 0
}

.ul-li ul li {
    list-style: none;
    display: inline-block
}

.app-eight-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.ul-li-block ul li {
    list-style: none;
    display: block
}

div#ei-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/pre.svg) no-repeat center center
}

.app-eight-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.app-eight-home a {
    color: inherit;
    text-decoration: none
}

a:hover,a:focus {
    text-decoration: none
}

.app-eight-home img {
    max-width: 100%;
    height: auto
}

.app-eight-home section {
    overflow: hidden
}

.app-eight-home button {
    cursor: pointer
}

.app-eight-home .form-control:focus,.app-eight-home button:visited,.app-eight-home button.active,.app-eight-home button:hover,.app-eight-home button:focus,.app-eight-home input:visited,.app-eight-home input.active,.app-eight-home input:hover,.app-eight-home input:focus,.app-eight-home textarea:hover,.app-eight-home textarea:focus,.app-eight-home a:hover,.app-eight-home a:focus,.app-eight-home a:visited,.app-eight-home a.active,.app-eight-home select,.app-eight-home select:hover,.app-eight-home select:focus,.app-eight-home select:visited {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.app-eight-home .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-eight-home .relative-position {
    position: relative
}

.app-eight-home .pera-content p {
    margin-bottom: 0
}

.appeight-headline h1,.appeight-headline h2,.appeight-headline h3,.appeight-headline h4,.appeight-headline h5,.appeight-headline h6 {
    margin: 0;
    font-family: "Poppins"
}

.ei-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-image: -webkit-linear-gradient(135deg,#e511e6 32%,#6b2c94 100%);
    background-image: -o-linear-gradient(135deg,#e511e6 32%,#6b2c94 100%);
    background-image: linear-gradient(-45deg,#e511e6 32%,#6b2c94 100%)
}

.ei-scrollup i {
    color: #fff;
    font-size: 20px
}

.eight-section-title {
    margin: 0 auto
}

.eight-section-title .eg-title-tag {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    font-family: "Circular Std"
}

.eight-section-title .eg-title-tag i:nth-child(1) {
    height: 5px;
    width: 5px;
    background-color: #4ce7f3
}

.eight-section-title h2 {
    font-size: 36px;
    font-weight: 700;
    padding: 15px 0 12px;
    line-height: 1.306
}

.eight-section-title h2 span {
    font-weight: 400
}

.eight-section-title .square-shape {
    width: 40px;
    height: 35px;
    left: -52px;
    top: 0;
    position: absolute
}

.eight-section-title .square-shape i {
    height: 9px;
    width: 9px;
    position: absolute;
    top: 0;
    left: 0
}

.eight-section-title .square-shape i:nth-child(1) {
    top: -8px;
    width: 5px;
    height: 5px;
    left: 20px;
    background-color: #4ce7f3
}

.eight-section-title .square-shape i:nth-child(2) {
    width: 10px;
    left: 28px;
    height: 10px;
    background-color: #4ce7f3
}

.eight-section-title .square-shape i:nth-child(3) {
    height: 17px;
    width: 17px;
    background-color: #7c0dbe
}

.eight-section-title .square-shape i:nth-child(4) {
    top: 10px;
    left: 10px;
    width: 12px;
    height: 12px;
    background-color: #ff00d6
}

.eight-section-title p {
    font-size: 17px;
    line-height: 1.647
}

@keyframes scale {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.08);
        -webkit-transform: scale(1.08)
    }
}

@-webkit-keyframes scale {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.08);
        -webkit-transform: scale(1.08)
    }
}

@-webkit-keyframes left-right-move {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

@keyframes left-right-move {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

.feature-eight-section .eight-feature-box .feature-icon8 i,.ei-service-icon-text .ei-service-icon i,.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon i {
    display: block;
    background-image: -moz-linear-gradient(173deg,#ff00d7 30%,#50c7f5 67%,#72aaff 99%);
    background-image: -webkit-linear-gradient(173deg,#ff00d7 30%,#50c7f5 67%,#72aaff 99%);
    background-image: -ms-linear-gradient(173deg,#ff00d7 30%,#50c7f5 67%,#72aaff 99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ei-service-icon-text:hover .ei-service-icon i,.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon i {
    display: block;
    background: -moz-linear-gradient(left,#fff 0%,#fff 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,#fff),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,#fff 0%,#fff 100%);
    background: -o-linear-gradient(left,#fff 0%,#fff 100%);
    background: -ms-linear-gradient(left,#fff 0%,#fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ei-service-icon-text .ei-service-icon:after,.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon:after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    border-radius: 100%;
    background-image: -moz-linear-gradient(173deg,#4cd0ff 0%,#617af4 53%,#ff03d0 99%);
    background-image: -webkit-linear-gradient(173deg,#4cd0ff 0%,#617af4 53%,#ff03d0 99%);
    background-image: -ms-linear-gradient(173deg,#4cd0ff 0%,#617af4 53%,#ff03d0 99%)
}

@-webkit-keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeFromUp {
    -webkit-animation-name: fadeFromUp;
    animation-name: fadeFromUp
}

.fadeFromRight {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight
}

.fadeFromLeft {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft
}

.main-header-eight {
    top: 20px;
    width: 100%;
    z-index: 10;
    position: absolute
}

.main-header-eight .appheader-content {
    padding: 0 280px
}

.main-header-eight .appheader-content .site-logo {
    margin-right: 255px
}

.main-header-eight .appheader-content .navigation-eight {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    font-family: "Poppins";
    padding-top: 10px
}

.main-header-eight .appheader-content .navigation-eight li {
    margin-right: 25px
}

.main-header-eight .appheader-content .navigation-eight li a {
    display: inline;
    padding: 28px 5px;
    position: relative
}

.main-header-eight .appheader-content .navigation-eight li a:after {
    left: auto;
    right: 0;
    top: 0;
    height: 4px;
    content: "";
    width: 0;
    position: absolute;
    border-radius: 50px;
    background-color: #49eff2;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main-header-eight .appheader-content .navigation-eight li a:hover:after {
    width: 100%;
    right: auto;
    left: 0
}

.main-header-eight .appheader-content .navigation-eight li a.active:after {
    width: 100%;
    right: auto;
    left: 0
}

.main-header-eight .appheader-content .sign-up-btn-eight {
    height: 40px;
    width: 110px;
    line-height: 40px;
    border-radius: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #29f5eb;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main-header-eight .appheader-content .sign-up-btn-eight a {
    font-weight: 600;
    display: block;
    width: 100%
}

.main-header-eight .appheader-content .sign-up-btn-eight:hover {
    background-color: #009cff
}

.main-header-eight .appheader-content .sign-up-btn-eight:hover a {
    color: #fff
}

.main-header-eight .appheader-content .h-eight-social {
    padding-top: 10px;
    margin-left: 40px
}

.main-header-eight .appheader-content .h-eight-social li {
    margin-left: 18px;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main-header-eight .appheader-content .h-eight-social li:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.main-header-eight .appheader-content .dropdown {
    position: relative
}

.main-header-eight .appheader-content .dropdown:after {
    content: "\f107";
    position: absolute;
    right: -10px;
    top: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.main-header-eight .appheader-content .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 100;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    display: block;
    border: none;
    padding: 10px 0 0;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border: 2px solid #73299a;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    border-radius: 5px
}

.main-header-eight .appheader-content .dropdown .dropdown-menu li {
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5
}

.main-header-eight .appheader-content .dropdown .dropdown-menu li a {
    color: #343434;
    font-size: 14px;
    padding: 10px 0;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main-header-eight .appheader-content .dropdown .dropdown-menu li a:after {
    left: 0;
    top: 15px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #73299a;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main-header-eight .appheader-content .dropdown .dropdown-menu li a:hover {
    padding-left: 15px
}

.main-header-eight .appheader-content .dropdown .dropdown-menu li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.main-header-eight .appheader-content .dropdown:hover .dropdown-menu {
    top: 48px;
    opacity: 1;
    visibility: visible
}

.eisticky-menu-bg-overlay {
    background-color: #9c00e2;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    position: fixed;
    top: -90px;
    padding: 18px 0;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.main-header-eight.eisticky-menu-bg-overlay {
    z-index: 9;
    top: 0;
    -webkit-box-shadow: 0 0 20px -10px rgba(0,0,0,.8);
    box-shadow: 0 0 20px -10px rgba(0,0,0,.8)
}

.eight-banner-section {
    overflow: visible!important;
    background: #6d8cf8;
    padding: 170px 0 250px;
    background: -webkit-linear-gradient(to right,#c12dd1,#6d8cf8);
    background: -webkit-gradient(linear,left top,right top,from(#c12dd1),to(#6d8cf8));
    background: -webkit-linear-gradient(left,#c12dd1,#6d8cf8);
    background: -o-linear-gradient(left,#c12dd1,#6d8cf8);
    background: linear-gradient(to right,#c12dd1,#6d8cf8)
}

.eight-banner-section.ei-default-header {
    padding: 170px 0 100px
}

.eight-banner-section:after {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/shape/bl-shape.png)
}

.eight-banner-section .eight-banner-content {
    position: relative;
    z-index: 5
}

.eight-banner-section .eight-banner-content .ei-banner-mbl-mockup {
    position: absolute;
    top: 0;
    right: 0
}

.eight-banner-section .eight-banner-content .banner-content-box {
    max-width: 650px
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
    padding: 45px 0 25px
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a {
    font-size: 15px;
    font-weight: 700;
    font-family: "Poppins";
    display: inline-block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1) {
    height: 55px;
    color: #fff;
    width: 175px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    margin-right: 20px;
    border-top-right-radius: 0;
    background-color: #ff00d6
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1) i {
    top: 5px;
    color: #000;
    font-size: 25px;
    position: relative;
    margin-right: 10px
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1):hover {
    background-color: #009cff;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2) {
    color: #4ce7f3;
    position: relative
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2) span {
    color: #fff;
    margin-right: 2px
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2):after {
    width: 0;
    content: "";
    position: absolute;
    height: 1px;
    background-color: #4ce7f3;
    bottom: -2px;
    left: auto;
    right: 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2):hover:after {
    left: 22px;
    width: 80%;
    right: auto
}

.eight-banner-section .eight-banner-content h1 {
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.083;
    padding-bottom: 20px
}

.eight-banner-section .eight-banner-content h1 span {
    color: #000
}

.eight-banner-section .eight-banner-content p {
    font-size: 19px;
    color: #fff
}

.eight-banner-section .eight-banner-content .ei-banner-review ul {
    float: left;
    margin-right: 20px
}

.eight-banner-section .eight-banner-content .ei-banner-review ul li {
    margin-right: 3px
}

.eight-banner-section .eight-banner-content .ei-banner-review ul li i {
    color: #f6b91c;
    font-size: 15px
}

.eight-banner-section .eight-banner-content .ei-banner-review p {
    font-size: 14px
}

.eight-banner-section .eight-banner-content .ei-banner-review p span {
    font-family: "Poppins";
    font-weight: 700;
    color: #000
}

@-webkit-keyframes move_wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(.55);
        transform: translateX(-25%) translateZ(0) scaleY(.55)
    }

    100% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@keyframes move_wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(.55);
        transform: translateX(-25%) translateZ(0) scaleY(.55)
    }

    100% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    margin: auto
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background: #6d8cf8;
    background: -webkit-linear-gradient(to right,#c12dd1,#6d8cf8);
    background: -webkit-gradient(linear,left top,right top,from(#c12dd1),to(#6d8cf8));
    background: -webkit-linear-gradient(left,#c12dd1,#6d8cf8);
    background: -o-linear-gradient(left,#c12dd1,#6d8cf8);
    background: linear-gradient(to right,#c12dd1,#6d8cf8)
}

.bgTop {
    z-index: 15;
    opacity: .5
}

.bgMiddle {
    z-index: 10;
    opacity: .75
}

.bgBottom {
    z-index: 5
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.waveTop {
    background-size: 50% 100px
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.waveMiddle {
    background-size: 50% 120px
}

.waveAnimation .waveMiddle {
    -webkit-animation: move_wave 10s linear infinite;
    animation: move_wave 10s linear infinite
}

.waveBottom {
    background-size: 50% 100px
}

.waveAnimation .waveBottom {
    -webkit-animation: move_wave 15s linear infinite;
    animation: move_wave 15s linear infinite
}

.cd-headline.clip span {
    display: inline-block;
    padding-bottom: 10px
}

.cd-headline.clip .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top
}

.cd-headline.clip .cd-words-wrapper:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 2px;
    height: 70px;
    background-color: #aebcb9
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}

.app-eight-home .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.cd-words-wrapper b.is-visible {
    opacity: 1;
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

@-webkit-keyframes rotate {
    0% {
        top: -10px;
        left: -10px
    }

    25% {
        top: 0;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    75% {
        top: 5px;
        left: 5px
    }

    100% {
        top: -10px;
        left: -10px
    }
}

@keyframes rotate {
    0% {
        top: -10px;
        left: -10px
    }

    25% {
        top: 0;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    75% {
        top: 5px;
        left: 5px
    }

    100% {
        top: -10px;
        left: -10px
    }
}

.feature-eight-section .ei-feature-shape {
    right: 0;
    top: 150px;
    z-index: -1;
    position: absolute
}

.feature-eight-section .eight-section-title {
    max-width: 500px;
    position: relative
}

.feature-eight-section .eight-section-title h2 {
    margin: 0 auto;
    max-width: 375px
}

.feature-eight-section .eight-feature-box {
    border-radius: 20px;
    padding: 40px 30px 53px;
    background-color: #e9ebf7;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.feature-eight-section .eight-feature-box .feature-icon8 {
    width: 98px;
    z-index: 1;
    height: 98px;
    margin: 0 auto;
    line-height: 98px;
    margin-bottom: 34px;
    border-radius: 25px;
    background-color: #fff;
    -webkit-box-shadow: -.707px .707px 10px 0 rgba(43,1,68,.1);
    box-shadow: -.707px .707px 10px 0 rgba(43,1,68,.1);
    display: flex
}

.feature-eight-section .eight-feature-box .feature-icon8:before,.feature-eight-section .eight-feature-box .feature-icon8:after {
    content: "";
    z-index: -2;
    border-radius: 30%;
    mix-blend-mode: multiply;
    height: 110px;
    opacity: 0;
    left: 0;
    top: 0;
    width: 110px;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.feature-eight-section .eight-feature-box .feature-icon8:before {
    -webkit-animation: rotate 1.8s linear infinite;
    animation: rotate 1.8s linear infinite;
    background: #33f1ff
}

.feature-eight-section .eight-feature-box .feature-icon8:after {
    animation: rotate 1.2s linear reverse infinite;
    background: #e933ff
}

.feature-eight-section .eight-feature-box .feature-icon8 i {
    font-size: 50px;
    margin: auto
}

.feature-eight-section .eight-feature-box .feature-icon8 .ei-icon-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 25px
}

.feature-eight-section .eight-feature-box .ei-feature-more {
    position: absolute;
    background-color: #4ce7f3;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 50px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    margin: 0 auto
}

.feature-eight-section .eight-feature-box .feature-text8 h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 13px
}

.feature-eight-section .eight-feature-box .feature-text8 p {
    line-height: 1.5
}

.feature-eight-section .eight-feature-box:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 25px 38px 0 rgba(43,1,68,.17);
    box-shadow: 0 25px 38px 0 rgba(43,1,68,.17)
}

.feature-eight-section .eight-feature-box:hover .feature-icon8:before,.feature-eight-section .eight-feature-box:hover .feature-icon8:after {
    display: block;
    opacity: 1
}

.feature-eight-section .eight-feature-box:hover .ei-feature-more {
    opacity: 1;
    bottom: -25px;
    visibility: visible
}

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

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

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

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

.eight-service-section {
    z-index: 1;
    padding: 135px 0 140px;
    background-color: #eceef6
}

.eight-service-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: -2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/shape/s-shape2.png)
}

.eight-service-section:after {
    top: -5px;
    right: 0;
    content: "";
    z-index: -1;
    height: 640px;
    width: 780px;
    position: absolute;
    z-index: -2;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/shape/s-shape1.png)
}

.eight-service-section .s-shape-bg1 {
    left: -95px;
    bottom: -15px;
    position: absolute;
    z-index: -1
}

.eight-service-section .s-shape-bg2 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.eight-service-section .eight-service-slide {
    width: 66.667%;
    float: left;
    position: relative;
    z-index: 1
}

.eight-service-section .eight-service-slide .ei-service-slide-btn {
    margin-left: 265px
}

.eight-service-section .eight-service-slide a {
    display: block;
    cursor: pointer
}

.eight-service-section .eight-service-slide a:nth-child(1) {
    margin-bottom: 65px
}

.eight-service-section .eight-service-slide a:nth-child(2) {
    margin-bottom: 55px;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.eight-service-section .eight-service-slide a:nth-child(3) {
    -webkit-transform: translateX(90px);
    -ms-transform: translateX(90px);
    transform: translateX(90px)
}

.eight-service-section .eight-service-text {
    width: 33.333333%;
    float: right;
    padding: 85px 0 0 70px
}

.eight-service-section .eight-service-text:before {
    content: "";
    top: -180px;
    z-index: -1;
    left: -150px;
    width: 678px;
    height: 678px;
    position: absolute;
    -webkit-animation: spining 10s linear infinite;
    animation: spining 10s linear infinite;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/shape/s-shape5.png)
}

.eight-service-section .eight-service-text h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 700
}

.eight-service-slide {
    width: 500px;
    padding-right: 70px
}

.ei-service-icon-text .ei-service-icon {
    width: 108px;
    height: 108px;
    margin-left: 60px;
    position: relative;
    line-height: 108px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #e9ebf7;
    -webkit-box-shadow: 0 16px 20px 0 rgba(43,1,68,.11);
    box-shadow: 0 16px 20px 0 rgba(43,1,68,.11);
    display: flex
}

.ei-service-icon-text .ei-service-icon i {
    font-size: 55px;
    margin: auto
}

.ei-service-icon-text .ei-service-text {
    max-width: 300px
}

.ei-service-icon-text .ei-service-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 16px
}

.ei-service-icon-text .ei-service-text p {
    color: #5e5e5e;
    overflow: hidden;
    line-height: 1.647
}

.ei-service-icon-text:hover .ei-service-icon:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ei-service-icon-text:hover .ei-service-icon i {
    color: #fff
}

.ei-service-slide-mbl {
    position: absolute;
    right: -250px;
    top: -75px;
    width: 245px;
    height: 505px;
    margin: 0 auto;
    padding: 17px 19px;
    background-repeat: no-repeat
}

.ei-service-slide-mbl .bx-controls-direction {
    display: none
}

.ei-service-slide-mbl .image {
    border-radius: 18px;
    overflow: hidden
}

.eg-fun-fact-section {
    padding: 145px 0 110px
}

.eg-fun-fact-section .fn-bg-shape {
    bottom: 0;
    left: 0
}

.eg-fun-fact-section .eg-funfact-text {
    max-width: 465px
}

.eg-fun-fact-section .eg-funfact-text .eight-section-title .eg-title-tag {
    font-size: 14px;
    margin-left: 55px
}

.eg-fun-fact-section .eg-funfact-text .eight-section-title h2 {
    padding-bottom: 15px
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter {
    display: inline-block;
    margin-top: 40px
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter:after {
    left: 0;
    right: 0;
    top: 55%;
    width: 1px;
    content: "";
    height: 85%;
    margin: 0 auto;
    position: absolute;
    background-color: #dde0ee;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 1px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #dde0ee
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number {
    width: 50%;
    float: left;
    padding: 25px 0 30px
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer {
    font-size: 50px;
    font-family: "Poppins";
    font-weight: 600
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer-formatting-mark {
    display: none
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p {
    font-size: 26px;
    max-width: 130px;
    margin: 0 auto;
    line-height: 1.231
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number strong {
    top: 8px;
    line-height: 1;
    font-size: 50px;
    font-weight: 600;
    position: relative
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(1) .odometer,.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(1) strong {
    color: #7c0dbe
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(2) .odometer,.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(2) strong {
    color: #ff00d6
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(3) .odometer,.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(3) strong {
    color: #4ce7f3
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(4) .odometer,.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(4) strong {
    color: #009cff
}

.eg-fun-fact-section .eg-fun-fact-mockup {
    top: 60px;
    left: -195px;
    position: absolute
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape {
    position: absolute
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item1 {
    top: 130px;
    left: -20px
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item2 {
    right: 0;
    top: -25px
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item3 {
    top: -35px;
    left: 140px;
    z-index: -1
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item4 {
    z-index: -1;
    right: 35px;
    bottom: 105px
}

.eg-how-work-section {
    padding-bottom: 135px;
    overflow: visible!important
}

.eg-how-work-section .how-work-bg-shape {
    top: -185px;
    z-index: -1
}

.eg-how-work-section .eight-section-title {
    padding-bottom: 18px
}

.eg-how-work-section .eight-section-title .eg-title-tag {
    margin-left: 55px;
    font-size: 14px
}

.eg-how-work-section .mCustomScrollBox {
    left: -30px
}

.eg-how-work-section .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.eg-how-work-section .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1
}

.eg-how-work-section .how-work-scroller {
    height: 310px
}

.eg-how-work-section .eg-how-work-content {
    padding: 0 10px 0 30px
}

.eg-how-work-section .ei-how-work-content-item {
    padding-left: 180px
}

.eg-how-work-section .ei-how-work-content-item .mCSB_draggerContainer {
    max-height: 290px
}

.eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_draggerRail {
    width: 13px;
    background-color: #e8e9f3
}

.eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 13px;
    background-color: #7c0dbe
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text {
    margin-bottom: 25px;
    background-color: #fff;
    padding: 20px 50px 30px 20px;
    -webkit-box-shadow: 0 8px 9px 0 rgba(7,7,56,.15);
    box-shadow: 0 8px 9px 0 rgba(7,7,56,.15)
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    z-index: 1;
    overflow: hidden;
    line-height: 65px;
    margin-right: 35px;
    position: relative;
    border-radius: 100%;
    background-color: #f1f2fa;
    -webkit-box-shadow: 0 13px 24px 0 rgba(43,1,68,.17);
    box-shadow: 0 13px 24px 0 rgba(43,1,68,.17)
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon i {
    font-size: 30px;
    font-weight: 500
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon .far {
    line-height: 65px
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 13px
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
    left: -35px;
    bottom: 5px;
    z-index: -1;
    color: #dad2df;
    line-height: 1;
    font-size: 123px;
    font-weight: 700;
    position: absolute;
    font-family: "Playfair Display";
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon i {
    color: #fff
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .scroller-no {
    color: #7c0dbd
}

.eg-how-work-section .how-work-mockup {
    padding-left: 60px
}

.eg-how-work-section .how-work-mockup img {
    max-height: 500px
}

.eg-how-work-section .how-work-mockup .hw-shape1 {
    top: -70px;
    right: 120px;
    z-index: -1
}

.eg-how-work-section .how-work-mockup .hw-shape2 {
    left: 30px;
    z-index: -1;
    bottom: -15px
}

.ei-appdownload-section {
    padding: 55px 0 0;
    z-index: 1
}

.ei-appdownload-section .ei-download-btn .download-icon {
    width: 40px;
    color: #fff;
    height: 40px;
    font-size: 26px;
    line-height: 40px;
    border-radius: 100%;
    margin-right: 15px;
    text-align: center;
    background-color: #ffa800;
    -webkit-box-shadow: rgba(7,7,56,.15) 0 8px 9px 0;
    box-shadow: rgba(7,7,56,.15) 0 8px 9px 0
}

.ei-appdownload-section .ei-download-btn p {
    padding-top: 8px;
    font-size: 15px;
    display: inline-block
}

.ei-appdownload-section .ei-download-btn a {
    display: table;
    color: #0090ff;
    margin-top: 3px;
    font-size: 15px;
    font-weight: 700;
    font-family: "Poppins";
    position: relative
}

.ei-appdownload-section .ei-download-btn a:after {
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    background-color: #0090ff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.ei-appdownload-section .ei-download-btn a:before {
    top: -2px;
    right: -25px;
    content: "\f30b";
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    font-family: "Font Awesome 5 Free"
}

.ei-appdownload-section .ei-download-btn a:hover:before {
    right: -35px
}

.ei-appdownload-section .ei-download-btn a:hover:after {
    width: 100%
}

.ei-appdownload-section .app-down-btn {
    margin-bottom: 22px
}

.ei-appdownload-section .app-down-btn a {
    margin-right: 10px;
    display: inline-block
}

.ei-appdownload-section .ei-appdownloaad-shape {
    position: absolute;
    z-index: -1
}

.ei-appdownload-section .app-shape1 {
    bottom: -170px;
    left: -115px
}

.ei-appdownload-section .app-shape2 {
    top: -225px;
    right: 0;
    left: -270px;
    margin: 0 auto;
    text-align: center
}

.ei-appdownload-section .app-shape3 {
    right: -10px;
    top: 0
}

.ei-app-down-text {
    max-width: 450px;
    padding-top: 90px
}

.ei-app-down-text .eight-section-title .eg-title-tag {
    margin-left: 55px
}

.ei-app-down-text .eight-section-title h2 {
    padding-bottom: 15px
}

.ei-app-down-text .eight-section-title p {
    color: #383838;
    padding-bottom: 32px
}

.ei-team-section .eight-section-title {
    margin: 0 auto;
    max-width: 500px;
    padding-bottom: 70px
}

.ei-team-section .eight-section-title .eg-title-tag {
    font-size: 14px
}

.ei-team-section .ei-team-pic-text .ei-team-img:after {
    width: 236px;
    height: 236px;
    content: "";
    position: absolute;
    top: 0;
    left: 100px;
    opacity: 0;
    visibility: hidden;
    border: double 2px transparent;
    border-radius: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),radial-gradient(circle at top left,#4171e8,#ff03d0,#4171e8);
    background-image: -webkit-linear-gradient(#fff,#fff),-webkit-radial-gradient(top left,circle,#4171e8,#ff03d0,#4171e8);
    background-image: -o-linear-gradient(#fff,#fff),-o-radial-gradient(top left,circle,#4171e8,#ff03d0,#4171e8);
    background-image: linear-gradient(#fff,#fff),radial-gradient(circle at top left,#4171e8,#ff03d0,#4171e8);
    background-origin: border-box;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-clip: content-box,border-box
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei {
    z-index: 1;
    width: 236px;
    height: 236px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    background-color: #eff0f7
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei .mshape-bg {
    width: 100%;
    z-index: -1;
    height: 100%;
    position: absolute
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei .shape-bg1 {
    left: -110px;
    top: 70px
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei .shape-bg2 {
    right: -65px;
    top: 35px
}

.ei-team-section .ei-team-pic-text .ei-team-social {
    top: 47px;
    z-index: 1;
    right: 50px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.ei-team-section .ei-team-pic-text .ei-team-social a {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 37px;
    margin-bottom: 12px;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px 0 rgba(43,1,68,.23);
    box-shadow: 0 0 18px 0 rgba(43,1,68,.23)
}

.ei-team-section .ei-team-pic-text .ei-team-social a:after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-radius: 100%;
    background-image: -moz-linear-gradient(173deg,#ff03d0 0%,#4599fb 53%,#70fcff 99%);
    background-image: -webkit-linear-gradient(173deg,#ff03d0 0%,#4599fb 53%,#70fcff 99%);
    background-image: -ms-linear-gradient(173deg,#ff03d0 0%,#4599fb 53%,#70fcff 99%)
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(1) {
    color: #118bfc
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(2) {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    color: #03a9f4
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(3) {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
    margin-bottom: 5px;
    color: #ea4c89
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(4) {
    color: #0c6eff;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.ei-team-section .ei-team-pic-text .ei-team-social a:hover {
    color: #fff
}

.ei-team-section .ei-team-pic-text .ei-team-social a:hover:after {
    opacity: 1;
    visibility: visible
}

.ei-team-section .ei-team-pic-text .ei-team-text {
    margin-top: 20px
}

.ei-team-section .ei-team-pic-text .ei-team-text h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.ei-team-section .ei-team-pic-text .ei-team-text p {
    color: #383838;
    font-size: 15px
}

.ei-team-section .ei-team-pic-text:hover .ei-team-img:after {
    opacity: 1;
    left: 102px;
    visibility: visible
}

.ei-team-section .ei-team-pic-text:hover .ei-team-social {
    opacity: 1;
    right: 25px;
    visibility: visible
}

.ei-team-section .ei-team-content {
    z-index: 1;
    margin: 0 auto;
    max-width: 1100px
}

.ei-team-section .ei-team-content .owl-nav .owl-prev,.ei-team-section .ei-team-content .owl-nav .owl-next {
    top: 50%;
    width: 52px;
    height: 52px;
    cursor: pointer;
    line-height: 52px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    display: inline-block;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 7px 18px 0 rgba(16,31,60,.25);
    box-shadow: 0 7px 18px 0 rgba(16,31,60,.25)
}

.ei-team-section .ei-team-content .owl-nav .owl-prev:hover,.ei-team-section .ei-team-content .owl-nav .owl-next:hover {
    color: #fff;
    background-color: #7c0dbe
}

.ei-team-section .ei-team-content .owl-nav .owl-prev {
    left: -40px
}

.ei-team-section .ei-team-content .owl-nav .owl-next {
    right: -50px
}

.ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after {
    left: 102px;
    opacity: 1;
    visibility: visible
}

.ei-team-section .ei-team-content .owl-item.active.center .ei-team-social {
    opacity: 1;
    right: 25px;
    visibility: visible
}

.ei-faq-section {
    background-color: #eceef6;
    padding: 145px 0 110px;
    z-index: 1
}

.ei-faq-section .ei-faq-content {
    position: relative;
    z-index: 5
}

.ei-faq-section .ei-faq-content .ei-title-faq {
    margin: 0 auto;
    max-width: 885px
}

.ei-faq-section .ei-faq-content .ei-title-faq p {
    color: #383838;
    font-size: 17px;
    margin-top: 35px;
    line-height: 1.647
}

.ei-faq-section .eight-section-title {
    padding-bottom: 32px
}

.ei-faq-section .eight-section-title .eg-title-tag {
    font-size: 15px;
    margin-left: 55px
}

.ei-faq-section .ei-faq-queans {
    max-width: 1000px;
    margin: 0 auto
}

.ei-faq-section .ei-faq-queans .ei-faq {
    padding: 0 55px;
    margin-bottom: 25px
}

.ei-faq-section .ei-faq-queans .ei-faq .ei-faq-body {
    margin-top: 15px
}

.ei-faq-section .ei-faq-queans .ei-faq .ei-faq-body a {
    text-decoration: underline
}

.ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
    padding: 25px 55px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px -14px rgba(0,0,0,.75);
    box-shadow: 0 5px 15px -14px rgba(0,0,0,.75)
}

.ei-faq-section .ei-faq-queans .ei-faq-header button {
    border: none;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
    padding: 0 0 0 50px;
    font-family: "Poppins";
    background-color: transparent
}

.ei-faq-section .ei-faq-queans .ei-faq-header button:before {
    top: -6px;
    left: 0;
    color: #118bfc;
    font-size: 30px;
    content: "\f056";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.ei-faq-section .ei-faq-queans .ei-faq-header .collapsed:before {
    content: "\f055"
}

.ei-faq-section .ei-faq-shape {
    position: absolute;
    z-index: -1
}

.ei-faq-section .fq-shape-style1 {
    top: -70px;
    left: 140px;
    z-index: 2
}

.ei-faq-section .fq-shape-style2 {
    top: -70px;
    left: 75px;
    z-index: 1;
    opacity: .4;
    -webkit-animation: spining 35s linear infinite;
    animation: spining 35s linear infinite
}

.ei-faq-section .fq-shape-style3 {
    top: 50%;
    left: 165px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: 3s ease 0s infinite alternate none running scale;
    animation: 3s ease 0s infinite alternate none running scale
}

.ei-faq-section .fq-shape-style4 {
    top: 40%;
    right: 165px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ei-faq-section .fq-shape-style5 {
    left: 20%;
    top: 115px;
    -webkit-animation: spining 50s linear infinite;
    animation: spining 50s linear infinite
}

.ei-faq-section .fq-shape-style6 {
    right: 0;
    z-index: -2;
    bottom: -30px
}

.ei-faq-section .fq-shape-style8 {
    top: -50px;
    left: -50px;
    z-index: -3
}

.ei-faq-section .fq-shape-style7 {
    top: 65px;
    right: 20%
}

.ei-faq-section .fq-shape-style7 img {
    -webkit-animation: spining 5s linear infinite;
    animation: spining 5s linear infinite;
    display: block;
    margin-top: 10px
}

.ei-screenshots-section {
    position: relative
}

.ei-screenshots-section .eight-section-title {
    margin: 0 auto;
    max-width: 595px;
    padding-bottom: 10px
}

.ei-screenshots-section .eight-section-title .eg-title-tag {
    font-size: 14px
}

.ei-screenshots-section .swiper-slider-area .container {
    position: relative
}

.ei-screenshots-section .swiper-wrapper {
    height: 630px;
    width: 320px
}

.ei-screenshots-section .row.ei-appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    position: relative
}

.ei-screenshots-section .swiper-slide.swiper-slide-active {
    border-radius: 35px
}

.ei-screenshots-section .ei-screen-mobile-image {
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/screenshoot/mobile-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 650px;
    left: calc(50% + .5px);
    position: absolute;
    top: 24px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 301px;
    z-index: 2;
    border-radius: 40px
}

.ei-screenshots-section .swiper-slide.swiper-slide-active {
    background-size: 100% 100%
}

.ei-screenshots-section .swiper-wrapper {
    padding: 30px 0 40px
}

.ei-screenshots-section .swiper-slide {
    -webkit-box-shadow: -7px 10px 33px -23px rgba(0,0,0,.75);
    box-shadow: -7px 10px 33px -23px rgba(0,0,0,.75)
}

.ei-screenshots-section .swiper-slide.swiper-slide-next {
    -webkit-box-shadow: -7px 10px 33px -23px rgba(0,0,0,.75);
    box-shadow: -7px 10px 33px -23px rgba(0,0,0,.75)
}

.ei-screenshots-section .swiper-slide.swiper-slide-prev {
    -webkit-box-shadow: 9px 10px 33px -23px rgba(0,0,0,.75);
    box-shadow: 9px 10px 33px -23px rgba(0,0,0,.75)
}

.screenshoot-vector.screenshoot-shape1 {
    right: 0;
    bottom: 205px
}

.screenshoot-vector.screenshoot-shape2 {
    left: 0;
    top: 240px
}

.ei-service-slide-mbl .bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-bottom: 0
}

.ei-screenshots-section .banner-navigation {
    position: relative;
    text-align: center;
    margin-top: 0;
    z-index: 2
}

.ei-screenshots-section .banner-navigation .swiper-button-next,.ei-screenshots-section .banner-navigation .swiper-button-prev {
    position: relative;
    font-size: 16px;
    color: #373a5b;
    width: 50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    background-image: none;
    display: inline-block;
    margin: 0 15px;
    background-color: #e7ecf2;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.ei-screenshots-section .banner-navigation .swiper-button-prev:hover,.ei-screenshots-section .banner-navigation .swiper-button-next:hover {
    color: #fff;
    background-color: #7b0dbd
}

.ei-testimonial-section {
    padding: 145px 0 140px
}

.ei-testimonial-section .eight-section-title {
    margin: 0 auto;
    max-width: 490px;
    padding-bottom: 64px
}

.ei-testimonial-section .eight-section-title .eg-title-tag {
    font-size: 14px
}

.ei-testimonial-section .ei-testimonial-img-text {
    padding: 30px 40px 30px 0;
    border-radius: 120px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,5,50,.1);
    box-shadow: 0 10px 20px 0 rgba(0,5,50,.1)
}

.ei-testimonial-section .ei-testimonial-img-text:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -35px;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/team/t-shape2.png)
}

.ei-testimonial-section .ei-testimonial-img-text .test--quote-icon {
    position: absolute;
    top: -20px;
    right: 100px
}

.ei-testimonial-section .ei-testimonial-img-text .test--quote-icon i {
    color: #cfd8e8;
    font-size: 40px
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
    height: 160px;
    width: 160px;
    position: relative;
    top: -25px;
    left: -25px;
    line-height: 157px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 18px 0 rgba(0,5,50,.12);
    box-shadow: 0 0 18px 0 rgba(0,5,50,.12);
    overflow: hidden
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img img {
    height: 130px;
    width: 130px;
    margin: 0 auto;
    border-radius: 100%;
    z-index: 1;
    position: relative
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img:before {
    content: "";
    position: absolute;
    top: -58px;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/app-showcase/team/t-shape1.png)
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img:after {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    background-color: #fff
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name {
    padding-bottom: 5px
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name span {
    font-size: 15px;
    color: #0887fc
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text p {
    line-height: 1.529;
    margin-bottom: 0;
    padding-bottom: 8px
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testi-rate li {
    color: #ffba00
}

#testimonial-scroller {
    max-width: 1100px;
    margin: 0 auto
}

#testimonial-scroller .owl-stage-outer {
    overflow: visible
}

#testimonial-scroller .owl-item img {
    display: inline
}

#testimonial-scroller .owl-stage-outer {
    overflow: visible
}

#testimonial-scroller .owl-item {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

#testimonial-scroller .owl-item.active {
    opacity: 1
}

#testimonial-scroller .owl-nav {
    display: none
}

#testimonial-scroller .owl-dots {
    height: 13px;
    margin-top: 30px;
    text-align: center;
    border-radius: 30px
}

#testimonial-scroller .owl-dot {
    width: 78px;
    height: 13px;
    border-radius: 30px;
    display: inline-block;
    background-color: #e9ebf7
}

#testimonial-scroller .owl-dot.active {
    background-color: #7b0dbd
}

.testimonial-floatingimg li {
    height: 80px;
    width: 80px;
    position: absolute;
    overflow: hidden;
    border-radius: 100%;
    border: 10px solid #e7eaef;
    opacity: .5;
    -webkit-animation: 1.5s ease 0s infinite alternate none running scale;
    animation: 1.5s ease 0s infinite alternate none running scale
}

.testimonial-float-img1 li:nth-child(1) {
    top: 90px;
    left: 215px
}

.testimonial-float-img1 li:nth-child(2) {
    top: 198px;
    left: 108px
}

.testimonial-float-img1 li:nth-child(3) {
    top: 30%;
    left: 20%
}

.testimonial-float-img1 li:nth-child(4) {
    top: 360px;
    left: 140px
}

.testimonial-float-img2 li:nth-child(1) {
    bottom: 90px;
    right: 215px
}

.testimonial-float-img2 li:nth-child(2) {
    bottom: 198px;
    right: 50px
}

.testimonial-float-img2 li:nth-child(3) {
    bottom: 30%;
    right: 15%
}

.testimonial-float-img2 li:nth-child(4) {
    bottom: 360px;
    right: 140px
}

.ei-partner-section {
    padding: 55px 0
}

.ei-partner-section .ei-partner-content {
    margin: 0 auto;
    max-width: 875px
}

#ei-partner-slide .owl-nav {
    display: none
}

.ei-partner-text {
    padding-top: 35px
}

.ei-partner-text .ei-partner-icon {
    height: 30px;
    width: 30px;
    line-height: 35px;
    color: #fff;
    margin-right: 20px;
    border-radius: 100%;
    background-color: #eeb22d;
    -webkit-box-shadow: 0 8px 24px 0 rgba(238,178,45,.57);
    box-shadow: 0 8px 24px 0 rgba(238,178,45,.57)
}

.ei-partner-text h4 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px
}

.ei-partner-text p {
    font-size: 14px;
    color: #626161;
    padding-left: 52px
}

.ei-newslatter-section {
    overflow: visible!important
}

.ei-newslatter-section .ei-newslatter-mockup {
    position: absolute;
    top: -35%;
    right: 18%
}

.ei-newslatter-section .ei-newslatter-box {
    overflow: hidden;
    padding: 65px 0 70px;
    background-image: -moz-linear-gradient(0deg,#ff00a2 0%,#750cf8 50%,#4ce7f3 100%);
    background-image: -webkit-linear-gradient(0deg,#ff00a2 0%,#750cf8 50%,#4ce7f3 100%);
    background-image: -ms-linear-gradient(0deg,#ff00a2 0%,#750cf8 50%,#4ce7f3 100%)
}

.ei-newslatter-section .ei-newslatter-box .ei-news-vector1 {
    top: -40px;
    left: 250px;
    -webkit-animation: 3s ease 0s infinite alternate none running scale;
    animation: 3s ease 0s infinite alternate none running scale
}

.ei-newslatter-section .ei-newslatter-box .ei-news-vector2 {
    top: -30px;
    right: -70px;
    -webkit-animation: 2s ease 0s infinite alternate none running scale;
    animation: 2s ease 0s infinite alternate none running scale
}

.ei-newslatter-section .ei-newslatter-box .ei-news-vector3 {
    left: -75px;
    bottom: -235px
}

.ei-newslatter-section .ei-newslatter-contnet {
    max-width: 650px;
    margin-left: 130px
}

.ei-newslatter-section .ei-newslatter-contnet h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 700
}

.ei-newslatter-section .ei-newslatter-contnet h3 span {
    font-weight: 100
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form {
    margin-top: 20px
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form input {
    width: 100%;
    border: none;
    height: 72px;
    border-radius: 50px;
    padding-left: 30px;
    margin-bottom: 15px
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form .nws-button {
    top: 12px;
    right: 12px
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form .nws-button button {
    height: 48px;
    width: 162px;
    border: none;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    background-color: transparent;
    background-image: -moz-linear-gradient(173deg,#ff03d0 0%,#4599fb 53%,#70fcff 99%);
    background-image: -webkit-linear-gradient(173deg,#ff03d0 0%,#4599fb 53%,#70fcff 99%);
    background-image: -ms-linear-gradient(173deg,#ff03d0 0%,#4599fb 53%,#70fcff 99%)
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 10px
}

.ei-footer-section {
    padding-top: 220px;
    z-index: 0
}

.ei-footer-widget .ei-widget-title {
    font-size: 16px;
    color: #373a5b;
    font-weight: 700;
    padding-bottom: 20px
}

.ei-footer-widget .ei-footer-logo {
    margin-bottom: 25px
}

.ei-footer-widget p {
    max-width: 220px;
    line-height: 1.875
}

.ei-footer-widget .ei-payment-mathod {
    margin-top: 30px
}

.ei-footer-widget ul li {
    width: 50%;
    float: left;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 20px;
    font-family: "Poppins"
}

.ei-footer-widget ul li a {
    color: #373a5b;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.ei-footer-widget ul li a:before {
    left: -15px;
    top: 3px;
    content: "\f054";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.ei-footer-widget ul li a:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    background-color: #0072fd;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.ei-footer-widget ul li a:hover {
    color: #0072fd;
    margin-left: 10px
}

.ei-footer-widget ul li a:hover:after {
    width: 100%
}

.ei-footer-widget h4 {
    width: 45%;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding-left: 28px;
    margin-right: 15px;
    position: relative;
    display: inline-block
}

.ei-footer-widget h4 i {
    left: 0;
    top: 2px;
    color: #7b0dbd;
    font-size: 20px;
    margin-right: 5px;
    position: absolute
}

.ei-footer-widget h4 span {
    font-family: "Circular Std Book";
    font-weight: 400;
    margin-top: 10px;
    display: block;
    color: #818181
}

.ei-footer-widget .download-btn {
    width: 100%;
    margin-top: 25px;
    display: inline-block
}

.ei-footer-widget .download-btn a {
    margin-right: 10px
}

.ei-footer-widget .ei-footer-social {
    margin-top: 15px
}

.ei-footer-widget .ei-footer-social a {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 0 9px 0 rgba(15,54,131,.07);
    box-shadow: 0 0 9px 0 rgba(15,54,131,.07)
}

.ei-footer-widget .ei-footer-social a:nth-child(1) {
    color: #16599b
}

.ei-footer-widget .ei-footer-social a:nth-child(2) {
    color: #03a9f4
}

.ei-footer-widget .ei-footer-social a:nth-child(3) {
    color: #ea4c89
}

.ei-footer-widget .ei-footer-social a:nth-child(4) {
    color: #0d6fff
}

.ei-footer-copyright {
    margin-top: 40px;
    font-size: 14px;
    font-family: "Poppins"
}

.ei-footer-copyright .ei-footer-copyright-content {
    padding: 25px 0 15px;
    border-top: 2px solid #dee2ef
}

.ei-footer-copyright .ei-copyright-menu {
    float: right
}

.ei-footer-copyright .ei-copyright-menu li {
    margin-left: 35px
}

.ei-footer-copyright .ei-copyright-menu ul {
    display: flex
}

@keyframes left-right-move {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

.ei-footer-shape1 {
    top: 120px;
    right: 130px;
    opacity: .5;
    z-index: -1
}

.ei-footer-shape2 {
    top: 110px;
    left: -160px;
    opacity: .5;
    z-index: -1
}

.ei-footer-shape3 {
    left: -50px;
    right: 0;
    opacity: .5;
    z-index: -1;
    bottom: 100px;
    margin: 0 auto;
    text-align: center;
    -webkit-animation-name: left-right-move;
    animation-name: left-right-move;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.appi-ei-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.19);
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation {
    width: 100%
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav {
    width: 100%
}

.appi-ei-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px;
    text-transform: uppercase
}

.appi-ei-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.appi-ei-mobile_menu_wrap.mobile_menu_on .appi-ei-mobile_menu_content {
    right: 0;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.appi-ei-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.appi-ei-mobile_menu_button {
    position: absolute;
    display: none;
    right: 20px;
    cursor: pointer;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    top: 2px;
    z-index: 5
}

.appi-ei-mobile_menu .appi-ei-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.appi-ei-mobile_menu .appi-ei-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.appi-ei-mobile_menu .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.appi-ei-mobile_menu .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.appi-ei-mobile_menu .dropdown {
    position: relative
}

.appi-ei-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.appi-ei-mobile_menu .dropdown .dropdown-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

.appi-ei-mobile_menu .appi-ei-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

@media screen and (max-width: 1440px) {
    .main-header-eight .appheader-content {
        padding:0 40px
    }

    .main-header-eight .appheader-content .site-logo {
        margin-right: 230px
    }

    .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item1 {
        left: 70px
    }

    .eg-fun-fact-section .fn-bg-shape {
        left: -195px
    }

    .ei-faq-section .fq-shape-style1 {
        left: -20px
    }

    .ei-faq-section .fq-shape-style3 {
        left: 60px
    }

    .ei-faq-section .fq-shape-style2 {
        left: 0
    }

    .ei-newslatter-section .ei-newslatter-mockup {
        right: 5%
    }

    .ei-footer-shape1 {
        right: 0
    }

    .eight-service-section .eight-service-slide .ei-service-slide-btn {
        margin-left: 60px
    }

    .eight-service-section .eight-service-slide {
        width: 48.667%
    }

    .eight-service-section .eight-service-text {
        width: 51.333333%;
        padding: 85px 0 0
    }

    .eight-service-section .eight-service-text h2 {
        max-width: 285px
    }
}

@media screen and (max-width: 1280px) {
    .main-header-eight .appheader-content .site-logo {
        margin-right:155px
    }
}

@media screen and (max-width: 1199px) {
    .main-header-eight .appheader-content .site-logo {
        margin-right:115px
    }

    .ei-screenshots-section .ei-screen-mobile-image {
        width: 322px
    }
}

@media screen and (max-width: 991px) {
    .main-header-eight .appheader-content .navigation-eight {
        display:none
    }

    .main-header-eight .appheader-content .h-eight-social {
        display: none
    }

    .appi-ei-mobile_menu_button {
        display: block
    }

    .main-header-eight .appheader-content {
        padding: 0 20px
    }

    .main-header-eight .appheader-content .sign-up-btn-eight {
        margin-right: 50px
    }

    .eight-banner-section .eight-banner-content .ei-banner-mbl-mockup {
        position: static;
        margin-top: 40px
    }

    .eight-banner-section {
        padding-bottom: 100px
    }

    .feature-eight-section .eight-feature-box {
        margin-bottom: 50px
    }

    .eight-service-section .eight-service-slide {
        width: 100%
    }

    .eight-service-section .eight-service-text {
        width: 100%
    }

    .eight-service-section:after {
        display: none
    }

    .eight-service-section:before {
        display: none
    }

    .eight-service-section .s-shape-bg2 {
        display: none
    }

    .eight-service-section .eight-service-text:before {
        display: none
    }

    .eight-service-section .eight-service-slide a:nth-child(3) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .ei-service-slide-mbl {
        position: relative;
        right: 0;
        top: 0
    }

    .eight-service-section .eight-service-slide .ei-service-slide-btn {
        max-width: 475px;
        margin: 0 auto
    }

    .eight-service-section .eight-service-text h2 {
        margin: 0 auto;
        color: #000;
        max-width: 400px;
        padding-top: 30px;
        text-align: center
    }

    .eg-fun-fact-section .eg-fun-fact-mockup {
        position: static;
        margin-bottom: 40px
    }

    .eg-fun-fact-section .eg-funfact-text {
        float: none!important
    }

    .ei-newslatter-section .ei-newslatter-mockup {
        display: none
    }

    .eg-how-work-section .how-work-mockup {
        text-align: center
    }

    .ei-team-section .ei-team-pic-text .ei-team-social {
        right: 13px
    }

    .ei-screenshots-section .ei-screen-mobile-image {
        width: 270px
    }

    #testimonial-scroller {
        max-width: 570px
    }

    .ei-newslatter-section .ei-newslatter-box .ei-news-vector2 {
        display: none
    }

    .ei-footer-section {
        padding-top: 100px
    }

    .testimonial-floatingimg {
        display: none
    }

    .ei-team-section .ei-team-content .owl-nav .owl-prev,.ei-team-section .ei-team-content .owl-nav .owl-next {
        position: static;
        text-align: center;
        margin: 0 8px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .ei-team-section .ei-team-content .owl-nav {
        text-align: center;
        margin-top: 20px
    }

    .eg-how-work-section .how-work-mockup .hw-shape1,.eg-how-work-section .how-work-mockup .hw-shape2 {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .ei-screenshots-section .ei-screen-mobile-image {
        width:370px;
        height: 655px
    }
}

@media screen and (max-width: 680px) {
    .eight-banner-section .eight-banner-content h1 {
        font-size:65px
    }

    .ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after {
        left: 75px
    }
}

@media screen and (max-width: 580px) {
    .eight-banner-section .eight-banner-content h1 {
        font-size:60px
    }

    .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item1 {
        display: none
    }

    .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item2 {
        display: none
    }

    .eg-how-work-section .ei-how-work-content-item {
        padding-left: 50px
    }

    .ei-team-pic-text {
        max-width: 270px;
        margin: 0 auto
    }

    .ei-team-section .ei-team-pic-text .ei-team-social {
        right: -40px
    }

    .ei-screenshots-section .ei-screen-mobile-image {
        width: 305px
    }

    #testimonial-scroller {
        max-width: 450px
    }

    #testimonial-scroller .ei-testimonial-text {
        display: block;
        overflow: hidden
    }

    .ei-newslatter-section .ei-newslatter-contnet {
        margin-left: 0
    }
}

@media screen and (max-width: 480px) {
    .eight-banner-section .eight-banner-content h1 {
        text-align:center;
        font-size: 50px
    }

    .cd-headline.clip .cd-words-wrapper:after {
        height: 40px
    }

    .eight-banner-section .eight-banner-content p {
        text-align: center
    }

    .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
        text-align: center
    }

    .ei-banner-review {
        text-align: center;
        max-width: 320px;
        margin: 0 auto
    }

    .eight-banner-section .eight-banner-content .ei-banner-review ul {
        float: none;
        margin-right: 0;
        margin-bottom: 10px
    }

    .ei-service-icon-text .ei-service-icon {
        margin-left: 30px;
        display: flex
    }

    .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape {
        display: none
    }

    .pera-content p {
        overflow: hidden
    }

    .hw-mockup-img {
        margin-top: 20px
    }

    .eg-how-work-section .how-work-mockup .hw-shape1,.eg-how-work-section .how-work-mockup .hw-shape2,.ei-faq-section .fq-shape-style3,.ei-faq-section .fq-shape-style4 {
        display: none
    }

    .ei-team-section .ei-team-content .owl-nav {
        margin: 0 auto;
        margin-top: 40px;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .ei-faq-section .ei-faq-queans {
        margin-top: 20px
    }

    .ei-faq-section .ei-faq-queans .ei-faq-header button {
        text-align: left
    }

    .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
        left: -10px
    }
}

@media screen and (max-width: 420px) {
    .eight-banner-section .eight-banner-content h1 {
        font-size:42px
    }

    .cd-headline.clip .cd-words-wrapper:after {
        height: 30px
    }

    .eight-section-title h2 {
        font-size: 28px
    }

    .eight-service-slide {
        padding-right: 0
    }

    .ei-service-icon-text .ei-service-icon {
        height: 80px;
        width: 80px;
        line-height: 80px;
        display: flex
    }

    .ei-service-icon-text .ei-service-icon i {
        font-size: 35px;
        margin: auto
    }

    .eight-service-section {
        padding: 65px 0
    }

    .eight-service-section .eight-service-slide a:nth-child(1) {
        margin-bottom: 30px
    }

    .eight-service-section .eight-service-slide a:nth-child(2) {
        margin-bottom: 30px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .eight-service-section .eight-service-text {
        padding-top: 40px
    }

    .eight-service-section .eight-service-text h2 {
        font-size: 30px
    }

    .eg-fun-fact-section {
        padding: 60px 0
    }

    .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer {
        font-size: 36px
    }

    .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number strong {
        font-size: 30px;
        top: 4px
    }

    .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p {
        font-size: 20px;
        max-width: 100px
    }

    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
        margin-right: 0;
        margin-bottom: 15px;
        float: none!important
    }

    .eg-how-work-section .ei-how-work-content-item {
        padding-left: 30px
    }

    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
        font-size: 20px
    }

    .eg-how-work-section {
        padding-bottom: 30px
    }

    .ei-app-down-text {
        padding: 50px 0
    }

    .ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
        padding: 20px 30px
    }

    .ei-faq-section .ei-faq-queans .ei-faq {
        padding: 0 30px
    }

    .ei-faq-section {
        padding: 60px 0
    }

    .ei-testimonial-section {
        padding: 60px 0
    }

    .ei-testimonial-section .ei-testimonial-img-text {
        padding: 25px 20px 25px 0
    }

    .ei-footer-widget {
        margin-bottom: 30px
    }

    .ei-footer-copyright .ei-copyright-menu {
        float: left
    }

    .ei-footer-copyright .ei-copyright-menu li {
        margin-left: 0;
        margin-right: 15px
    }

    .eg-how-work-text {
        display: block;
        width: 100%
    }

    .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1) {
        height: 45px;
        width: 150px;
        line-height: 45px
    }

    .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
        padding: 20px 0 10px
    }

    .main-header-eight .appheader-content .site-logo {
        margin-right: 30px
    }

    .ei-footer-section {
        padding-top: 60px
    }

    .eg-how-work-section .how-work-mockup {
        padding-left: 0
    }

    .ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after {
        left: 35px
    }

    .ei-team-section .ei-team-content .owl-item.active.center .ei-team-social {
        right: -5px
    }

    .swiper-container {
        width: 295px
    }
}

@media screen and (max-width: 380px) {
    .eight-banner-section .eight-banner-content h1 {
        font-size:36px
    }

    .ei-appdownload-section .app-down-btn a {
        margin-bottom: 20px
    }

    .ei-testimonial-section .ei-testimonial-img-text:before {
        display: none
    }

    .ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form .nws-button button {
        width: 150px;
        margin: 0 auto
    }

    .ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form .nws-button {
        position: static!important;
        text-align: center;
        margin-bottom: 20px
    }

    .eg-how-work-section .mCustomScrollBox {
        left: 0
    }
}

@media screen and (max-width: 320px) {
    .main-header-eight .appheader-content .sign-up-btn-eight {
        width:80px
    }

    .eight-banner-section .eight-banner-content h1 {
        font-size: 33px
    }

    .eight-section-title h2 {
        font-size: 24px
    }

    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
        font-size: 16px
    }

    .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
        display: none
    }

    .eg-how-work-section .eg-how-work-content {
        padding-left: 5px
    }

    .ei-faq-section .ei-faq-queans .ei-faq-header button {
        font-size: 16px
    }

    .ei-testimonial-section .ei-testimonial-img-text {
        border-radius: 0;
        padding: 20px
    }

    .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
        float: none!important;
        top: 0;
        margin-bottom: 15px
    }

    .ei-footer-widget .download-btn a {
        margin-bottom: 20px;
        display: block
    }

    .ei-footer-widget h4 {
        margin-bottom: 10px
    }
}

.dia-home .topapp-main {
    background: 0 0
}

.dia-section-title span,.dia-banner-section .dia-banner-content .dia-banner-tag {
    font-weight: 700;
    background-image: -webkit-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: -o-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: linear-gradient(81deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn,.dia-service-section .dia-service-btn .dia-service-more,.dia-exp-section .dio-exp-text-area .dia-exp-btn,.dia-port-more a,.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
    z-index: 1;
    overflow: hidden;
    position: relative
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn:before,.dia-service-section .dia-service-btn .dia-service-more:before,.dia-exp-section .dio-exp-text-area .dia-exp-btn:before,.dia-port-more a:before,.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:before {
    left: 0;
    width: 100%;
    content: "";
    z-index: -1;
    height: 100%;
    bottom: -100%;
    position: absolute;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn:hover:before,.dia-service-section .dia-service-btn .dia-service-more:hover:before,.dia-exp-section .dio-exp-text-area .dia-exp-btn:hover:before,.dia-port-more a:hover:before,.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:hover:before {
    bottom: 0
}

@-webkit-keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px currentColor;
        box-shadow: 0 0 0 30px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px #082680;
        box-shadow: 0 0 0 30px #082680;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680;
        opacity: 0
    }
}

@-webkit-keyframes borderpls {
    0% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px currentColor;
        box-shadow: 0 0 0 30px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@-webkit-keyframes borderpls2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #082680;
        box-shadow: 0 0 0 10px #082680;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680;
        opacity: 0
    }
}

@keyframes borderpls2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #082680;
        box-shadow: 0 0 0 10px #082680;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 #082680;
        box-shadow: 0 0 0 0 #082680;
        opacity: 0
    }
}

@-webkit-keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeFromUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeFromUp {
    -webkit-animation-name: fadeFromUp;
    animation-name: fadeFromUp
}

.fadeFromRight {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight
}

.fadeFromLeft {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft
}

.dia-home {
    margin: 0;
    padding: 0;
    color: #585476;
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.667;
    font-family: "Roboto";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.dia-home ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.dia-home ::selection {
    color: #fff;
    background-color: #6e3ebf
}

.dia-home ::-moz-selection {
    color: #fff;
    background-color: #6e3ebf
}

.dia-home .container {
    max-width: 1200px
}

.dia-home .ul-li ul {
    margin: 0;
    padding: 0
}

.dia-home .ul-li ul li {
    list-style: none;
    display: inline-block
}

.dia-home .ul-li-block ul {
    margin: 0;
    padding: 0
}

.dia-home .ul-li-block ul li {
    list-style: none;
    display: block
}

div#dia-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f2f3;
    background: #f1f2f3 url(//digitalinvea.com/wp-content/themes/appilo/css/../img/digital-agency/pre.svg) no-repeat center center
}

.dia-home [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.dia-home .decoration-wrapper {
    overflow: hidden;
    position: relative
}

.dia-home a {
    color: inherit;
    text-decoration: none
}

a:hover,a:focus {
    text-decoration: none
}

.dia-home img {
    max-width: 100%;
    height: auto
}

.dia-home section {
    overflow: hidden
}

.dia-home button {
    cursor: pointer
}

.dia-zindex--4 {
    z-index: -4!important
}

.dia-zindex--3 {
    z-index: -3!important
}

.dia-zindex--2 {
    z-index: -2!important
}

.dia-zindex--1 {
    z-index: -1!important
}

.dia-zindex-0 {
    z-index: 0!important
}

.dia-zindex-auto {
    z-index: auto!important
}

.dia-zindex-1 {
    z-index: 1!important
}

.dia-zindex-2 {
    z-index: 2!important
}

.dia-zindex-3 {
    z-index: 3!important
}

.dia-zindex-4 {
    z-index: 4!important
}

.dia-zindex-5 {
    z-index: 5!important
}

.dia-zindex-6 {
    z-index: 6!important
}

.dia-zindex-7 {
    z-index: 7!important
}

.dia-zindex-8 {
    z-index: 8!important
}

.dia-zindex-9 {
    z-index: 9!important
}

.dia-zindex-10 {
    z-index: 10!important
}

.dia-zindex-11 {
    z-index: 11!important
}

.dia-zindex-22 {
    z-index: 22!important
}

.dia-zindex-22 {
    z-index: 22!important
}

.dia-zindex-33 {
    z-index: 33!important
}

.dia-zindex-44 {
    z-index: 44!important
}

.dia-zindex-55 {
    z-index: 55!important
}

.dia-zindex-66 {
    z-index: 66!important
}

.dia-zindex-77 {
    z-index: 77!important
}

.dia-zindex-88 {
    z-index: 88!important
}

.dia-zindex-99 {
    z-index: 99!important
}

.dia-zindex-111 {
    z-index: 111!important
}

.dia-home .form-control:focus,.dia-home button:visited,.dia-home button.active,.dia-home button:hover,.dia-home button:focus,.dia-home input:visited,.dia-home input.active,.dia-home input:hover,.dia-home input:focus,.dia-home textarea:hover,.dia-home textarea:focus,.dia-home a:hover,.dia-home a:focus,.dia-home a:visited,.dia-home a.active,.dia-home select,.dia-home select:hover,.dia-home select:focus,.dia-home select:visited {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit
}

.dia-home .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dia-home .relative-position {
    position: relative
}

.dia-home .pera-content p {
    margin-bottom: 0
}

@-moz-keyframes zooming {
    0% {
        -moz-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -moz-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes zooming {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes zooming {
    0% {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -moz-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05)
    }

    100% {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

.zooming {
    -moz-animation: zooming 18s infinite both;
    -webkit-animation: zooming 18s infinite both;
    animation: zooming 18s infinite both
}

.dia-headline h1,.dia-headline h2,.dia-headline h3,.dia-headline h4,.dia-headline h5,.dia-headline h6 {
    margin: 0;
    font-family: "Poppins"
}

.dia-section-title span {
    font-size: 16px
}

.dia-section-title h2 {
    color: #282350;
    font-size: 40px;
    font-weight: 700;
    padding-top: 5px;
    line-height: 1.375
}

.dia-main-header-content .dia-default-menu {
    background-color: #ff6700
}

.dia-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-color: #ff6700
}

.dia-scrollup i {
    color: #fff
}

.dia-main-header {
    z-index: 5;
    width: 100%;
    padding-top: 15px;
    position: absolute
}

.dia-main-header .dia-logo {
    margin-top: 15px
}

.dia-main-header .dropdown {
    position: relative
}

.dia-main-header .dropdown:after {
    top: -2px;
    right: -14px;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-main-header .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    height: auto;
    width: 200px;
    border: none;
    display: block;
    border-radius: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-bottom: 2px solid #ff6626;
    -webkit-box-shadow: 0 5px 10px 0 rgba(83,82,82,.1);
    box-shadow: 0 5px 10px 0 rgba(83,82,82,.1)
}

.dia-main-header .dropdown .dropdown-menu li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.dia-main-header .dropdown .dropdown-menu li a {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-main-header .dropdown .dropdown-menu li a:before {
    display: none
}

.dia-main-header .dropdown .dropdown-menu li a:after {
    left: 10px;
    top: 18px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-main-header .dropdown .dropdown-menu li a:hover {
    background-color: #ff8533;
    color: #fff
}

.dia-main-header .dropdown .dropdown-menu li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.dia-main-header .dropdown .dropdown-menu li:last-child {
    border-bottom: none
}

.dia-main-header .dropdown:hover .dropdown-menu {
    top: 45px;
    opacity: 1;
    visibility: visible
}

.dia-main-header .navbar-nav {
    display: inherit
}

.dia-main-header .dia-main-navigation {
    background-color: rgba(255,255,255,.8);
    padding: 20px 40px
}

.dia-main-header .dia-main-navigation li {
    margin: 0 32px
}

.dia-main-header .dia-main-navigation li a {
    color: #282350;
    font-weight: 700;
    padding-bottom: 20px;
    position: relative;
    font-family: "Poppins"
}

.dia-main-header .dia-main-navigation li a:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 0;
    margin: 0 auto;
    position: absolute;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    background-image: -webkit-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: -o-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: linear-gradient(81deg,#f60 0%,#ff9903 75%,#ffcb05 100%)
}

.dia-main-header .dia-main-navigation li a:hover:before {
    width: 100%
}

.dia-sticky-menu {
    top: 20px;
    position: fixed;
    background-color: #fff;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-main-header.dia-sticky-menu {
    top: 0;
    z-index: 9;
    padding-top: 0;
    -webkit-box-shadow: 0 0 20px -10px rgba(0,0,0,.8);
    box-shadow: 0 0 20px -10px rgba(0,0,0,.8)
}

.dia-main-header.dia-sticky-menu .dropdown:hover .dropdown-menu {
    top: 45px
}

.dia-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0;
    -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.19);
    box-shadow: 0 3px 5px rgba(100,100,100,.19);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.dia-mobile_menu_content .dia-mobile-main-navigation {
    width: 100%
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav {
    width: 100%
}

.dia-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li a {
    color: #000;
    padding: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 30px;
    text-transform: uppercase
}

.dia-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 30px
}

.dia-mobile_menu_wrap.mobile_menu_on .dia-mobile_menu_content {
    right: 0;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.9);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.dia-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.dia-mobile_menu_button {
    position: absolute;
    display: none;
    right: 0;
    cursor: pointer;
    line-height: 40px;
    color: #f83;
    text-align: center;
    font-size: 30px;
    top: -35px;
    z-index: 5
}

.dia-mobile_menu .dia-mobile-main-navigation .navbar-nav li a:after {
    display: none
}

.dia-mobile_menu .dia-mobile-main-navigation .dropdown>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.dia-mobile_menu .dropdown {
    position: relative
}

.dia-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.dia-mobile_menu .dropdown .dropdown-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

.dia-mobile_menu .dia-mobile_menu_close {
    color: #d60606;
    cursor: pointer;
    top: 15px;
    left: 15px;
    font-size: 20px;
    position: absolute
}

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

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

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

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

.dia-banner-section {
    padding-bottom: 90px
}

.dia-banner-section .banner-side-img {
    right: 0;
    top: -10px;
    z-index: -1
}

.dia-banner-section .banner-side-img.banner-img1 {
    opacity: 0;
    right: -300px;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease
}

.dia-banner-section .banner-side-img.banner-img2 {
    opacity: 0;
    right: -300px;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.dia-banner-section .banner-side-img.banner-img1.view-on {
    right: 0;
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.dia-banner-section .banner-side-img.banner-img2.view-on {
    right: 0;
    opacity: 1;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.dia-banner-section .dia-banner-content {
    max-width: 460px;
    padding: 275px 0 185px
}

.dia-banner-section .dia-banner-content .dia-banner-tag {
    font-size: 18px
}

.dia-banner-section .dia-banner-content h1 {
    color: #282350;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.071;
    padding: 15px 0 25px
}

.dia-banner-section .dia-banner-content p {
    font-size: 22px;
    color: #403b64
}

.dia-banner-section .dia-banner-content .dia-banner-btn {
    margin-top: 65px
}

.dia-banner-section .dia-banner-content .dia-banner-btn a {
    width: 100%;
    display: block;
    margin-right: 20px
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-right: 20px;
    border-radius: 100%;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #5409d6
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn i {
    color: #fff
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn:hover {
    background-image: none;
    background-color: #ff6700
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn {
    color: #fff;
    height: 70px;
    width: 230px;
    font-weight: 700;
    line-height: 70px;
    border-radius: 40px;
    font-family: "Poppins";
    background-color: #ff6700
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn:before {
    background-color: #5409d6
}

.dia-banner-section .cd-headline.clip span {
    display: inline-block;
    padding-bottom: 10px
}

.dia-banner-section .cd-headline.clip .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top
}

.dia-banner-section .cd-headline.clip .cd-words-wrapper:after {
    content: "";
    top: 10px;
    right: 0;
    width: 2px;
    height: 65px;
    position: absolute;
    background-color: #282350
}

.dia-banner-section .cd-headline.clip b {
    opacity: 0
}

.dia-banner-section .cd-headline.clip b.is-visible {
    opacity: 1
}

.dia-banner-section .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.dia-banner-section .cd-words-wrapper b {
    display: inline-block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.dia-banner-section .cd-words-wrapper b.is-visible {
    opacity: 1;
    position: relative
}

.dia-banner-section .no-js .cd-words-wrapper b {
    opacity: 0
}

.dia-banner-section .banner-side-shape1,.dia-banner-section .banner-side-shape2 {
    bottom: 135px
}

.dia-banner-section .banner-shape1 {
    left: 50%;
    bottom: 15%;
    z-index: -2;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.dia-banner-section .banner-shape2 {
    top: 30%;
    left: 12%
}

.dia-service-section .dia-service-img>img {
    position: relative
}

.dia-service-section {
    padding-bottom: 115px
}

.dia-service-section .dia-service-img {
    margin-top: 55px
}

.dia-service-section .dia-service-img .dia-service-shape2 {
    top: 0;
    z-index: -2
}

.dia-service-section .dia-service-img .dia-service-shape1 {
    left: 0;
    top: 10px;
    z-index: -1;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.dia-service-section .dia-service-text {
    padding-left: 60px
}

.dia-service-section .dia-service-details {
    margin: 35px 0 5px
}

.dia-service-section .dia-service-details .dia-service-item {
    width: 50%;
    float: left;
    margin-bottom: 30px
}

.dia-service-section .dia-service-details .dia-service-item h3 {
    color: #282350;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 16px
}

.dia-service-section .dia-service-details .dia-service-item li {
    padding-left: 15px;
    position: relative;
    padding-bottom: 5px
}

.dia-service-section .dia-service-details .dia-service-item li:before {
    top: 0;
    left: 0;
    content: "+";
    position: absolute
}

.dia-service-section .dia-service-details .dia-service-item:nth-child(even) {
    padding-left: 35px
}

.dia-service-section .dia-service-btn .dia-service-more {
    height: 50px;
    width: 225px;
    margin-top: 10px;
    line-height: 50px;
    border-radius: 40px;
    background-color: #390ed2
}

.dia-service-section .dia-service-btn .dia-service-more a {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 700;
    font-family: "Poppins"
}

.dia-service-section .dia-service-btn .dia-service-more:before {
    background-color: #ff6700
}

.dia-service-section .dia-service-review {
    max-width: 215px
}

.dia-service-section .dia-service-review .dia-service-rate ul {
    margin-bottom: 8px
}

.dia-service-section .dia-service-review .dia-service-rate li {
    font-size: 14px;
    color: #f7c903
}

.dia-service-section .dia-service-review .dia-service-rate-text {
    font-size: 14px
}

.dia-service-section .dia-service-review .dia-service-rate-text span {
    color: #282350;
    font-weight: 700
}

.dia-fun-fact-section {
    padding-bottom: 70px
}

.dia-fun-fact-section .dia-fun-fact-title {
    margin: 0 auto;
    max-width: 945px
}

.dia-fun-fact-section .dia-fun-fact-title h2 {
    color: #282350;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.528
}

.dia-fun-fact-section .dia-fun-fact-counter {
    padding-top: 68px
}

.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(1) .dia-fun-fact-item .fun-fact-tag {
    color: #09d32f
}

.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(2) .dia-fun-fact-item .fun-fact-tag {
    color: #ff7b01
}

.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(3) .dia-fun-fact-item .fun-fact-tag {
    color: #390ed2
}

.dia-fun-fact-section .dia-fun-fact-item span {
    font-weight: 700;
    font-family: "Poppins"
}

.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
    line-height: 1;
    padding: 18px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
    color: #282350;
    font-size: 90px;
    font-weight: 500
}

.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span {
    color: #282350;
    font-size: 90px;
    line-height: 1.2;
    font-weight: 500;
    font-family: "Poppins"
}

.dia-fun-fact-section .dia-fun-fact-item p {
    margin: 0 auto;
    max-width: 325px
}

.dia-about-section {
    padding-top: 60px
}

.dia-about-section .dia-about-title-text {
    padding-top: 25px
}

.dia-about-content .dia-about-title-text {
    max-width: 455px
}

.dia-about-content .dia-about-text {
    font-size: 18px;
    padding: 25px 0 75px
}

.dia-about-content .dia-about-list li {
    width: 50%;
    float: left;
    color: #282350;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
    margin-bottom: 18px
}

.dia-about-content .dia-about-list li:after {
    left: 0;
    top: -3px;
    color: #25d98f;
    font-size: 20px;
    content: "\f058";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.dia-about-content .dia-about-img {
    z-index: 1;
    padding-left: 40px
}

.dia-about-content .dia-about-img .ab-shape1 {
    top: 30px;
    left: -10px;
    z-index: -1
}

.dia-about-content .dia-about-img .ab-shape2 {
    right: 0;
    bottom: 0;
    z-index: -1
}

.dia-exp-section {
    padding: 115px 0 75px
}

.dia-exp-section .dia-exp-img .ab-shape1 {
    top: 60px;
    left: -5px;
    z-index: -1
}

.dia-exp-section .dia-exp-img .ab-shape2 {
    bottom: 20px;
    right: 20px;
    z-index: -1
}

.dia-exp-section .dio-exp-text-area {
    max-width: 520px
}

.dia-exp-section .dio-exp-text-area .dia-about-text {
    margin-top: 30px
}

.dia-exp-section .dio-exp-text-area .dia-exp-btn {
    color: #fff;
    height: 48px;
    width: 155px;
    font-size: 15px;
    font-weight: 700;
    line-height: 48px;
    border-radius: 40px;
    font-family: "Poppins";
    background-color: #390ed2
}

.dia-exp-section .dio-exp-text-area .dia-exp-btn a {
    width: 100%;
    display: block
}

.dia-exp-section .dio-exp-text-area .dia-exp-btn:before {
    background-color: #ff6700
}

.dia-exp-section .skill-progress-bar {
    padding: 20px 0 20px
}

.dia-exp-section .skill-progress-bar .skill-set-percent {
    margin-bottom: 30px
}

.dia-exp-section .skill-progress-bar .skill-set-percent h4 {
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto"
}

.dia-exp-section .skill-progress-bar .skill-set-percent .progress {
    height: 6px;
    border-radius: 0;
    overflow: visible;
    position: relative;
    background-color: #dededf
}

.dia-exp-section .skill-progress-bar .skill-set-percent .progress span {
    right: 0;
    top: -30px;
    color: #282350;
    font-size: 16px;
    font-weight: 700;
    position: absolute
}

.dia-exp-section .skill-progress-bar .skill-set-percent .progress-bar {
    width: 0;
    float: left;
    height: 100%;
    position: relative;
    background-color: #ff6700;
    -webkit-transition: 1s all ease-in-out;
    -o-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out
}

.dia-portfolio-img-text {
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.dia-portfolio-img-text .dia-portfolio-img {
    overflow: hidden;
    position: relative
}

.dia-portfolio-img-text .dia-portfolio-img img {
    -webkit-transition: 1s all ease-in-out;
    -o-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out
}

.dia-portfolio-img-text .dia-portfolio-img:after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background-color: #000;
    -webkit-transition: all .7s ease-out 0s;
    -o-transition: all .7s ease-out 0s;
    transition: all .7s ease-out 0s;
    -webkit-transform: rotateX(180deg) scale(.5,.5);
    transform: rotateX(180deg) scale(.5,.5)
}

.dia-portfolio-img-text .dia-portfolio-text {
    margin-top: 18px;
    padding-bottom: 28px
}

.dia-portfolio-img-text .dia-portfolio-text h3 {
    color: #282350;
    font-size: 24px;
    display: inline-block;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px
}

.dia-portfolio-img-text .dia-portfolio-text h3:before {
    left: 0;
    right: 0;
    width: 0;
    content: "";
    bottom: 8px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    background-color: #282350;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.dia-portfolio-img-text .dia-portfolio-text span {
    display: block;
    font-weight: 700
}

.dia-portfolio-img-text:hover {
    -webkit-box-shadow: -1.308px 24.966px 22px 0 rgba(0,0,0,.11);
    box-shadow: -1.308px 24.966px 22px 0 rgba(0,0,0,.11)
}

.dia-portfolio-img-text:hover .dia-portfolio-img img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.dia-portfolio-img-text:hover .dia-portfolio-img:after {
    opacity: .8;
    -webkit-transform: rotateX(0deg) scale(1,1);
    transform: rotateX(0deg) scale(1,1)
}

.dia-portfolio-img-text:hover h3:before {
    width: 100%
}

.dia-portfolio-slide-area {
    margin: 45px 0 20px
}

.dia-portfolio-slide-area .owl-stage-outer {
    padding-bottom: 35px
}

.dia-portfolio-slide-area .owl-nav .owl-prev,.dia-portfolio-slide-area .owl-nav .owl-next {
    top: 40%;
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-box-shadow: 0 0 22px 0 rgba(0,0,0,.28);
    box-shadow: 0 0 22px 0 rgba(0,0,0,.28)
}

.dia-portfolio-slide-area .owl-nav .owl-prev:before,.dia-portfolio-slide-area .owl-nav .owl-next:before {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    background-image: -webkit-linear-gradient(171deg,#6806d9 0%,#4f0ad6 57%,#360ed2 100%);
    background-image: -o-linear-gradient(171deg,#6806d9 0%,#4f0ad6 57%,#360ed2 100%);
    background-image: linear-gradient(-81deg,#6806d9 0%,#4f0ad6 57%,#360ed2 100%)
}

.dia-portfolio-slide-area .owl-nav .owl-prev:hover,.dia-portfolio-slide-area .owl-nav .owl-next:hover {
    color: #fff
}

.dia-portfolio-slide-area .owl-nav .owl-prev:hover:before,.dia-portfolio-slide-area .owl-nav .owl-next:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.dia-portfolio-slide-area .owl-nav .owl-prev {
    left: 12px
}

.dia-portfolio-slide-area .owl-nav .owl-next {
    right: 12px
}

.dia-port-more a {
    color: #fff;
    height: 58px;
    width: 200px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 700;
    line-height: 58px;
    border-radius: 40px;
    font-family: "Poppins";
    background-color: #ff6700
}

.dia-port-more a:before {
    background-color: #390ed2
}

.dia-team-section {
    padding-top: 110px
}

.dia-team-section .dia-section-title {
    margin: 0 auto;
    max-width: 530px
}

.dia-team-section .dia-section-title h2 {
    padding-bottom: 10px
}

.dia-team-section .dia-team-content {
    padding-top: 55px
}

.dia-team-section .dia-team-pic-text .dia-team-img:after {
    width: 236px;
    height: 236px;
    content: "";
    position: absolute;
    top: 0;
    left: 100px;
    opacity: 0;
    visibility: hidden;
    border: double 2px transparent;
    border-radius: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),radial-gradient(circle at top left,#f60,#ff9903,#ffcb05);
    background-image: -webkit-linear-gradient(#fff,#fff),-webkit-radial-gradient(top left,circle,#f60,#ff9903,#ffcb05);
    background-image: -o-linear-gradient(#fff,#fff),-o-radial-gradient(top left,circle,#f60,#ff9903,#ffcb05);
    background-image: linear-gradient(#fff,#fff),radial-gradient(circle at top left,#f60,#ff9903,#ffcb05);
    background-origin: border-box;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-clip: content-box,border-box
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei {
    z-index: 1;
    width: 236px;
    height: 236px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    background-color: #eff0f7
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei .mshape-bg {
    width: 100%;
    z-index: -1;
    height: 100%;
    position: absolute
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei .shape-bg1 {
    top: 90px;
    left: -75px
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei .shape-bg2 {
    top: 100px;
    z-index: -2;
    right: -68px
}

.dia-team-section .dia-team-pic-text .dia-team-social {
    top: 47px;
    z-index: 1;
    right: 50px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.dia-team-section .dia-team-pic-text .dia-team-social a {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 37px;
    margin-bottom: 12px;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px 0 rgba(43,1,68,.23);
    box-shadow: 0 0 18px 0 rgba(43,1,68,.23)
}

.dia-team-section .dia-team-pic-text .dia-team-social a:after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: -o-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: linear-gradient(81deg,#f60 0%,#ff9903 75%,#ffcb05 100%)
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(1) {
    color: #118bfc
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(2) {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    color: #03a9f4
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(3) {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
    margin-bottom: 5px;
    color: #ea4c89
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(4) {
    color: #0c6eff;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.dia-team-section .dia-team-pic-text .dia-team-social a:hover {
    color: #fff
}

.dia-team-section .dia-team-pic-text .dia-team-social a:hover:after {
    opacity: 1;
    visibility: visible
}

.dia-team-section .dia-team-pic-text .dia-team-text {
    margin-top: 20px
}

.dia-team-section .dia-team-pic-text .dia-team-text h3 {
    color: #282350;
    font-size: 22px;
    font-weight: 700
}

.dia-team-section .dia-team-pic-text .dia-team-text p {
    color: #383838;
    font-size: 15px
}

.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
    opacity: 1;
    left: 102px;
    visibility: visible
}

.dia-team-section .dia-team-pic-text:hover .dia-team-social {
    opacity: 1;
    right: 25px;
    visibility: visible
}

.dia-team-section .dia-team-content {
    z-index: 1;
    margin: 0 auto;
    max-width: 1100px
}

.dia-team-section .dia-team-content .owl-nav .owl-prev,.dia-team-section .dia-team-content .owl-nav .owl-next {
    top: 50%;
    width: 52px;
    height: 52px;
    cursor: pointer;
    line-height: 52px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    display: inline-block;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 7px 18px 0 rgba(16,31,60,.25);
    box-shadow: 0 7px 18px 0 rgba(16,31,60,.25)
}

.dia-team-section .dia-team-content .owl-nav .owl-prev:hover,.dia-team-section .dia-team-content .owl-nav .owl-next:hover {
    color: #fff;
    background-color: #282350
}

.dia-team-section .dia-team-content .owl-nav .owl-prev {
    left: -40px
}

.dia-team-section .dia-team-content .owl-nav .owl-next {
    right: -50px
}

.dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after {
    left: 102px;
    opacity: 1;
    visibility: visible
}

.dia-team-section .dia-team-content .owl-item.active.center .dia-team-social {
    opacity: 1;
    right: 25px;
    visibility: visible
}

.dia-testimonial-section {
    overflow: visible!important;
    padding: 135px 0 160px
}

.dia-testimonial-section .tst-side-shape {
    right: 0;
    top: -100px
}

.dia-testimonial-section .dia-section-title {
    margin: 0 auto;
    max-width: 500px
}

.dia-testimonial-section .dia-testimonial_slider-area {
    margin: 0 auto;
    margin-top: 55px;
    max-width: 725px;
    background-color: #fff;
    -webkit-box-shadow: -1.046px 11.954px 22px 0 rgba(0,0,0,.08);
    box-shadow: -1.046px 11.954px 22px 0 rgba(0,0,0,.08)
}

.dia-testimonial-section .dia-testimonial_slider-area:after {
    top: -50px;
    left: 25px;
    font-size: 60px;
    content: "\f10e";
    font-weight: 900;
    position: absolute;
    color: rgba(203,203,226,.75);
    font-family: "Font Awesome 5 Free"
}

.dia-testimonial-section .dia-testimonial_slider-area .test-shape1 {
    top: -100px;
    z-index: -1;
    left: -175px
}

.dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
    z-index: -1;
    right: -175px;
    bottom: -100px
}

.dia-testimonial-section .dia-testimonial_indicator .carousel-indicators li {
    width: 90px;
    height: 90px;
    display: inherit;
    text-align: center;
    color: #202020;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.dia-testimonial-section .carousel-inner .carousel-item {
    padding: 80px 90px 70px
}

.dia-testimonial-section .carousel-inner .dia-testimonial_rating li {
    color: #ffba00
}

.dia-testimonial-section .carousel-inner .dia-testimonial_text {
    margin: 18px 0 28px;
    font-size: 22px;
    line-height: 1.636
}

.dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 {
    color: #282350;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 3px
}

.dia-testimonial-section .carousel-inner .dia-testimonial_meta p {
    font-size: 18px
}

.dia-testimonial-section .carousel-indicators {
    top: 70px;
    margin: 0;
    left: auto;
    right: -45px;
    display: inherit;
    z-index: 1
}

.dia-testimonial-section .carousel-indicators li {
    text-indent: 0;
    margin-bottom: 15px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    border: 3px solid rgba(255,255,255,0)
}

.dia-testimonial-section .carousel-indicators li img {
    border-radius: 100%
}

.dia-testimonial-section .carousel-indicators li.active {
    padding: 5px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 3px solid #5409d6
}

.dia-testimonial_indicator-dot .carousel-indicators2 {
    top: 60%;
    right: 45px;
    left: -35px;
    bottom: 25px;
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dia-testimonial_indicator-dot .carousel-indicators2 li {
    width: 15px;
    height: 15px;
    display: block;
    cursor: pointer;
    position: relative;
    border-radius: 100%;
    margin-bottom: 12px;
    background-color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-testimonial_indicator-dot .carousel-indicators2 li:after {
    top: 3px;
    left: 3px;
    content: "";
    width: 60%;
    height: 60%;
    border-radius: 100%;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: -webkit-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background: -o-linear-gradient(9deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background: linear-gradient(81deg,#f60 0%,#ff9903 75%,#ffcb05 100%)
}

.dia-testimonial_indicator-dot .carousel-indicators2 li.active {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.dia-testimonial_indicator-dot .carousel-indicators2 li.active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.dia-blog-section {
    padding-bottom: 60px
}

.dia-blog-section .dia-section-title {
    max-width: 450px
}

.dia-blog-section .dia-section-title h2 {
    padding-bottom: 10px
}

.dia-blog-section .dia-blog-content {
    padding-top: 50px
}

.dia-blog-section .dia-blog-img-text {
    max-width: 370px
}

.dia-blog-section .dia-blog-img-text .dia-blog-text {
    margin-top: 25px
}

.dia-blog-section .dia-blog-img-text .dia-blog-text h3 {
    color: #282350;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 0 30px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-blog-section .dia-blog-img-text .dia-blog-text h3:hover {
    color: #ff6700
}

.dia-blog-section .dia-blog-img-text .dia-author-area {
    width: 60%
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-athur-img {
    width: 43px;
    height: 43px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name {
    margin-top: 10px
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name span {
    font-size: 18px
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name span a {
    color: #6606d9;
    font-weight: 700
}

.dia-blog-section .dia-blog-img-text .dia-date-meta {
    margin-top: 10px;
    font-size: 18px
}

.dia-newslatter-section {
    z-index: 1;
    padding: 65px 0 80px;
    background-color: #f6ebe6
}

.dia-newslatter-section .newslatter-shape {
    z-index: -1
}

.dia-newslatter-section .n-shape1 {
    top: 0;
    left: 0
}

.dia-newslatter-section .n-shape4 {
    left: 10%;
    bottom: 30px
}

.dia-newslatter-section .n-shape5 {
    top: 50%;
    right: 12%
}

.dia-newslatter-section .n-shape2 {
    top: 10px;
    left: 14%
}

.dia-newslatter-section .n-shape3 {
    top: 45px;
    right: 13%
}

.dia-newslatter-section .n-shape6 {
    right: 30px;
    bottom: -80px
}

.dia-newslatter-section .dia-newslatter-content {
    border-radius: 30px;
    background-color: #fff;
    padding: 55px 55px 65px 75px
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
    color: #282350;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 12px
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-text p {
    font-size: 17px
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form {
    margin-top: 10px;
    padding-left: 25px
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
    width: 100%;
    border: none;
    height: 50px;
    max-width: 330px;
    padding-left: 20px;
    border-radius: 5px;
    background-color: #ebeff3
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button {
    top: 0;
    right: 0;
    position: absolute
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
    color: #fff;
    height: 50px;
    width: 140px;
    border: none;
    font-weight: 700;
    border-radius: 5px;
    font-family: "Poppins";
    background-image: -webkit-linear-gradient(190deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: -o-linear-gradient(190deg,#f60 0%,#ff9903 75%,#ffcb05 100%);
    background-image: linear-gradient(-100deg,#f60 0%,#ff9903 75%,#ffcb05 100%)
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:before {
    background-color: #390ed2
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox {
    margin-top: 15px
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox input {
    height: inherit;
    width: inherit;
    padding-left: 0;
    margin-right: 5px;
    max-width: inherit
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label {
    font-size: 14px;
    margin-bottom: 0
}

.dia-footer-section {
    padding-top: 140px;
    z-index: 1
}

.dia-footer-widget .dia-widget-title {
    font-size: 16px;
    color: #05071f;
    font-weight: 700;
    padding-bottom: 20px
}

.dia-footer-widget .dia-footer-logo {
    margin-bottom: 18px
}

.dia-footer-widget p {
    max-width: 220px;
    line-height: 1.875
}

.dia-footer-widget .dia-payment-mathod {
    margin-top: 30px
}

.dia-footer-widget ul li {
    width: 50%;
    float: left;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-family: "Poppins"
}

.dia-footer-widget ul li a {
    color: #05071f;
    font-weight: 500;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-footer-widget ul li a:before {
    left: -15px;
    top: 0;
    content: "\f054";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.dia-footer-widget ul li a:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    background-color: #0072fd;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.dia-footer-widget ul li a:hover {
    color: #0072fd;
    margin-left: 10px
}

.dia-footer-widget ul li a:hover:after {
    width: 100%
}

.dia-footer-widget h4 {
    font-size: 14px;
    font-weight: 700;
    padding-left: 24px;
    margin-right: 15px;
    position: relative;
    display: inline-block
}

.dia-footer-widget h4 i {
    left: 0;
    top: 2px;
    color: #7b0dbd;
    font-size: 16px;
    margin-right: 5px;
    position: absolute
}

.dia-footer-widget h4 span {
    font-family: "Roboto";
    font-weight: 400;
    margin-top: 10px;
    display: block;
    color: #818181
}

.dia-footer-widget .download-btn {
    width: 100%;
    margin-top: 20px;
    display: inline-block
}

.dia-footer-widget .download-btn a {
    margin-right: 10px
}

.dia-footer-widget .dia-footer-social {
    margin-top: 15px
}

.dia-footer-widget .dia-footer-social a {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-box-shadow: 0 0 9px 0 rgba(15,54,131,.07);
    box-shadow: 0 0 9px 0 rgba(15,54,131,.07)
}

.dia-footer-widget .dia-footer-social a:nth-child(1) {
    color: #16599b
}

.dia-footer-widget .dia-footer-social a:nth-child(2) {
    color: #03a9f4
}

.dia-footer-widget .dia-footer-social a:nth-child(3) {
    color: #ea4c89
}

.dia-footer-widget .dia-footer-social a:nth-child(4) {
    color: #0d6fff
}

.dia-footer-widget .dia-footer-social a:hover {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.dia-footer-copyright {
    color: #373a5b;
    font-size: 14px;
    margin-top: 25px;
    font-weight: 500;
    font-family: "Poppins"
}

.dia-footer-copyright .dia-footer-copyright-content {
    padding: 25px 0 15px;
    border-top: 2px solid #dee2ef
}

.dia-footer-copyright .dia-copyright-menu {
    float: right
}

.dia-footer-copyright .dia-copyright-menu .dia-copy-menu {
    display: flex
}

.dia-footer-copyright .dia-copyright-menu li a {
    margin-left: 35px
}

@-webkit-keyframes left-right-move {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

@keyframes left-right-move {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

.dia-footer-shape3 {
    left: 0;
    right: 0;
    opacity: 1;
    z-index: -1;
    top: 100px;
    margin: 0 auto;
    text-align: center;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
    -webkit-animation-name: left-right-move;
    animation-name: left-right-move;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media only screen and (min-width: 1367px) and (max-width:1700px) {
    .dia-banner-section .banner-side-img.banner-img1,.dia-banner-section .banner-side-img.banner-img2 {
        right:-450px
    }

    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right: -200px
    }

    .dia-banner-section .banner-side-shape1,.dia-banner-section .banner-side-shape2 {
        left: -150px
    }
}

@media screen and (max-width: 1440px) {
    .dia-banner-section .banner-side-img.banner-img1,.dia-banner-section .banner-side-img.banner-img2 {
        right:-600px
    }

    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right: -250px
    }

    .dia-banner-section .banner-shape2 {
        left: 20px
    }

    .dia-newslatter-section .n-shape4 {
        left: 10px
    }

    .dia-banner-section .banner-side-shape1,.dia-banner-section .banner-side-shape2 {
        left: -150px
    }
}

@media screen and (max-width: 1280px) {
    .dia-banner-section .banner-side-shape1,.dia-banner-section .banner-side-shape2,.dia-testimonial-section .tst-side-shape {
        display:none
    }

    .dia-banner-section .banner-shape2 {
        z-index: -1
    }
}

@media screen and (max-width: 1024px) {
    .dia-banner-section .banner-side-img.banner-img1,.dia-banner-section .banner-side-img.banner-img2 {
        right:-800px
    }

    .dia-banner-section .banner-side-img.banner-img1.view-on,.dia-banner-section .banner-side-img.banner-img2.view-on {
        right: -500px
    }

    .dia-service-section .dia-service-details .dia-service-item:nth-child(even) {
        padding-left: 0
    }

    .dia-service-section .dia-service-btn .dia-service-more {
        width: 185px
    }

    .dia-team-section .dia-team-content .owl-nav {
        text-align: center;
        margin-top: 30px;
        padding-bottom: 20px
    }

    .dia-team-section .dia-team-content .owl-nav .owl-prev,.dia-team-section .dia-team-content .owl-nav .owl-next {
        position: static;
        margin: 0 8px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
        left: 70px
    }

    .dia-footer-widget .download-btn a {
        margin-right: 0
    }
}

@media screen and (max-width: 991px) {
    .dia-banner-section .dia-banner-content {
        max-width:100%;
        text-align: center
    }

    .dia-banner-section .dia-banner-content .dia-banner-btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .dia-testimonial-section .dia-testimonial_slider-area .test-shape1,.dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
        display: none
    }

    .dia-main-navigation {
        display: none
    }

    .dia-banner-section .banner-side-img,.dia-about-content .dia-about-img .ab-shape1,.dia-about-content .dia-about-img .ab-shape2,.dia-exp-section .dia-exp-img .ab-shape1,.dia-exp-section .dia-exp-img .ab-shape2 {
        display: none
    }

    .dia-main-header.dia-sticky-menu {
        padding-top: 15px
    }

    .dia-main-header .dia-logo {
        margin-top: 0
    }

    .dia-sticky-menu {
        padding: 15px 0
    }

    .dia-mobile_menu_button {
        display: block
    }

    .dia-service-section .dia-service-img {
        margin-top: 0;
        margin-bottom: 35px
    }

    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span,.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
        font-size: 80px
    }

    .dia-about-content .dia-about-img {
        margin-left: 0;
        margin-top: 30px
    }

    .dia-exp-img {
        margin-bottom: 30px
    }

    .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
        left: 105px
    }

    .dia-testimonial-section {
        overflow: hidden
    }

    .dia-testimonial-section .carousel-indicators {
        display: none
    }

    .dia-banner-section .dia-banner-content {
        padding: 150px 0 0
    }

    .dia-testimonial_indicator-dot .carousel-indicators2 {
        position: static;
        text-align: center
    }

    .dia-testimonial_indicator-dot .carousel-indicators2 li {
        display: inline-block;
        background-color: #390ed2
    }

    .dia-blog-img-text {
        margin-bottom: 40px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form {
        padding-left: 0;
        margin-top: 20px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
        max-width: 100%
    }

    .dia-footer-widget {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 580px) {
    .dia-banner-section .dia-banner-content h1 {
        font-size:50px
    }

    .dia-banner-section .cd-headline.clip .cd-words-wrapper:after {
        height: 35px
    }

    .dia-banner-section .dia-banner-content p {
        font-size: 20px
    }

    .dia-banner-section .dia-banner-content .dia-banner-btn {
        margin-top: 30px
    }

    .dia-team-pic-text {
        max-width: 370px;
        margin: 0 auto
    }
}

@media screen and (max-width: 480px) {
    .dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn {
        width:50px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px
    }

    .dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn {
        height: 50px;
        width: 200px;
        line-height: 50px
    }

    .dia-banner-section .dia-banner-content h1 {
        font-size: 40px
    }

    .dia-banner-section .dia-banner-content {
        padding: 130px 0 0
    }

    .dia-banner-section {
        padding-bottom: 50px
    }

    .dia-service-section .dia-service-text {
        padding-left: 0
    }

    .dia-service-section .dia-service-details {
        margin: 25px 0 0
    }

    .dia-service-section {
        padding-bottom: 55px
    }

    .dia-section-title h2 {
        font-size: 30px
    }

    .dia-fun-fact-section {
        padding-bottom: 10px
    }

    .dia-fun-fact-section .dia-fun-fact-title h2 {
        font-size: 30px
    }

    .dia-fun-fact-section .dia-fun-fact-counter {
        padding-top: 30px
    }

    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
        padding: 5px 0
    }

    .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span,.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
        font-size: 45px
    }

    .dia-fun-fact-item {
        margin-bottom: 40px
    }

    .dia-about-section {
        padding-top: 20px
    }

    .dia-service-section .dia-service-details .dia-service-item {
        width: 100%
    }

    .dia-about-content .dia-about-list li {
        width: 100%
    }

    .dia-about-content .dia-about-text {
        font-size: 16px;
        padding: 20px 0 30px
    }

    .dia-about-content .dia-about-img {
        padding-left: 0
    }

    .dia-exp-section {
        padding: 60px 0 60px
    }

    .dia-exp-section .skill-progress-bar {
        padding: 20px 0 10px
    }

    .dia-team-section {
        padding-top: 60px
    }

    .dia-team-section {
        padding-top: 60px
    }

    .dia-testimonial-section {
        padding: 45px 0 60px
    }

    .dia-testimonial-section .carousel-inner .carousel-item {
        padding: 50px 30px 60px
    }

    .dia-testimonial-section .carousel-inner .dia-testimonial_text {
        font-size: 18px
    }

    .dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 {
        font-size: 26px
    }

    .dia-testimonial-section .dia-testimonial_slider-area:after {
        top: -15px;
        font-size: 40px
    }

    .dia-blog-section .dia-blog-img-text .dia-blog-text h3 {
        font-size: 22px;
        padding: 10px 0 20px
    }

    .dia-blog-section {
        padding-bottom: 20px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
        font-size: 28px
    }

    .dia-newslatter-section .dia-newslatter-content {
        padding: 45px 25px
    }

    .dia-footer-section {
        padding-top: 50px
    }

    .dia-footer-widget .dia-payment-mathod {
        margin-top: 20px
    }

    .dia-footer-copyright .dia-copyright-menu {
        float: none
    }

    .dia-footer-copyright .dia-copyright-menu .dia-copy-menu {
        display: inherit
    }

    .dia-footer-copyright .dia-copyright-menu li a {
        margin-left: 0;
        margin: 0 8px
    }

    .dia-footer-copyright-content {
        text-align: center
    }
}

@media screen and (max-width: 420px) {
    .dia-service-section .dia-service-review,.dia-service-section .dia-service-btn .dia-service-more {
        float:none!important
    }

    .dia-service-section .dia-service-btn .dia-service-more {
        margin-bottom: 15px
    }

    .dia-service-section .dia-service-review .dia-service-rate ul {
        margin-bottom: 0
    }

    .dia-fun-fact-section .dia-fun-fact-title h2 {
        font-size: 28px
    }

    .dia-fun-fact-section {
        margin-bottom: 0
    }

    .dia-port-more a {
        height: 45px;
        width: 150px;
        line-height: 45px
    }
}

@media screen and (max-width: 380px) {
    .dia-banner-section .dia-banner-content h1 {
        font-size:36px;
        padding: 10px 0 15px
    }

    .dia-banner-section .cd-headline.clip .cd-words-wrapper:after {
        height: 25px
    }

    .dia-banner-section .dia-banner-content p {
        font-size: 18px
    }

    .dia-section-title h2 {
        font-size: 26px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
        width: 100px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
        padding-left: 10px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::-webkit-input-placeholder {
        font-size: 14px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input:-ms-input-placeholder {
        font-size: 14px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::-ms-input-placeholder {
        font-size: 14px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::placeholder {
        font-size: 14px
    }

    .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
        left: 85px
    }
}

@media screen and (max-width: 360px) {
    .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
        left:70px
    }

    .dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name span,.dia-blog-section .dia-blog-img-text .dia-date-meta {
        font-size: 14px
    }
}

@media screen and (max-width: 320px) {
    .dia-banner-section .dia-banner-content h1 {
        font-size:30px
    }

    .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
        left: 35px
    }

    .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label {
        font-size: 12px
    }
}

.app-gym-intro-section {
    padding: 155px 0 115px;
    background-color: #343236
}

.app-gym-intro-innerbox .app-gym-intro-icon {
    z-index: 1;
    line-height: 1;
    margin-bottom: 35px
}

.app-gym-intro-innerbox .app-gym-intro-icon i {
    line-height: 1;
    color: #6ae0fe;
    font-size: 60px;
    transition: .5s all ease
}

.app-gym-intro-innerbox .app-gym-intro-icon:before,.app-gym-intro-innerbox .app-gym-intro-icon:after {
    left: 33%;
    top: -55px;
    width: 60px;
    content: "";
    z-index: -1;
    height: 125px;
    position: absolute;
    background-color: #434145;
    transform: rotate(-50deg);
    transition: .5s all ease
}

.app-gym-intro-innerbox .app-gym-intro-icon:after {
    left: 37%;
    top: -45px;
    height: 115px;
    transform: rotate(45deg)
}

.app-gym-intro-innerbox .app-gym-intro-text {
    color: #fff;
    margin: 0 auto;
    max-width: 300px
}

.app-gym-intro-innerbox .app-gym-intro-text h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px
}

.app-gym-intro-innerbox .app-gym-intro-text p {
    padding-bottom: 35px
}

.app-gym-intro-innerbox .app-gym-intro-text .app-gym-arrow a {
    font-size: 25px
}

.app-gym-intro-innerbox:hover .app-gym-intro-icon i {
    color: #fff
}

.app-gym-intro-innerbox:hover .app-gym-intro-icon:before,.app-gym-intro-innerbox:hover .app-gym-intro-icon:after {
    background-color: #6ae0fe
}

.app-gym-intro-content .col-lg-4:nth-child(2) .app-gym-intro-innerbox .app-gym-intro-icon i {
    color: #f2821e
}

.app-gym-intro-content .col-lg-4:nth-child(2) .app-gym-intro-innerbox:hover .app-gym-intro-icon i {
    color: #fff
}

.app-gym-intro-content .col-lg-4:nth-child(2) .app-gym-intro-innerbox:hover .app-gym-intro-icon:before,.app-gym-intro-content .col-lg-4:nth-child(2) .app-gym-intro-innerbox:hover .app-gym-intro-icon:after {
    background-color: #f2821e
}

.app-gym-intro-content .col-lg-4:nth-child(3) .app-gym-intro-innerbox .app-gym-intro-icon i {
    color: #f1576b
}

.app-gym-intro-content .col-lg-4:nth-child(3) .app-gym-intro-innerbox:hover .app-gym-intro-icon i {
    color: #fff
}

.app-gym-intro-content .col-lg-4:nth-child(3) .app-gym-intro-innerbox:hover .app-gym-intro-icon:before,.app-gym-intro-content .col-lg-4:nth-child(3) .app-gym-intro-innerbox:hover .app-gym-intro-icon:after {
    background-color: #f1576b
}

.app-gym-about-section {
    padding: 120px 0
}

.app-gym-about-content .app-gym-about-img {
    left: -90px;
    animation: UpdownMoving 2s infinite alternate
}

.app-gym-about-list {
    padding-top: 35px
}

.app-gym-about-icon-text {
    margin-bottom: 25px
}

.app-gym-about-icon-text .app-gym-about-icon {
    margin-right: 30px
}

.app-gym-about-icon-text .app-gym-about-icon i {
    line-height: 1.3;
    font-size: 60px;
    background: linear-gradient(-40deg,#ff851e 0%,#fc4399 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-gym-about-icon-text .app-gym-about-text {
    overflow: hidden
}

.app-gym-about-icon-text .app-gym-about-text h3 {
    color: #111;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px
}

.app-gym-about-icon-text:nth-child(2) .app-gym-about-icon i {
    background: linear-gradient(-40deg,#711dda 0%,#a901f1 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.app-gym-feature-section {
    padding-bottom: 165px
}

.app-gym-feature-text {
    max-width: 525px;
    padding-top: 115px
}

.app-gym-feature-list {
    margin-top: 25px
}

.app-gym-feature-list li {
    padding-left: 40px;
    margin-bottom: 8px;
    position: relative
}

.app-gym-feature-list li:before {
    top: 0;
    left: 0;
    content: "";
    font-weight: 900;
    color: #6b20d8;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.app-gym-feature-img {
    top: 0;
    right: 75px;
    animation: UpdownMoving 3s infinite alternate
}

.app-gym-plan-section {
    z-index: 1;
    padding: 120px 0
}

.app-gym-plan-section .app-gym-plan-shape {
    left: -20px;
    bottom: 100px
}

.app-gym-plan-section .bg-overlay {
    top: 0;
    left: 0;
    width: 100%;
    opacity: .8;
    z-index: -1;
    height: 100%;
    max-height: 970px
}

.app-gym-plan-section .app-gym-section-title h2,.app-gym-plan-section .app-gym-section-title p {
    color: #fff
}

.app-gym-plan-tab-btn {
    padding: 5px;
    display: table;
    border-radius: 30px;
    margin: 60px auto 30px;
    border: 1px solid #9193b2
}

.app-gym-plan-tab-btn .nav-tabs .nav-link {
    border: none
}

.app-gym-plan-tab-btn .nav-link {
    padding: 8px 30px;
    border-radius: 30px;
    font-family: "Poppins"
}

.app-gym-plan-tab-btn .nav-tabs {
    border: none
}

.app-gym-plan-tab-btn .nav-tabs .nav-item.show .nav-link {
    background-color: inherit;
    color: inherit
}

.app-gym-plan-tab-btn li {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.app-gym-plan-tab-btn .nav-tabs .nav-link.active {
    background-color: #ec0752;
    color: #fff
}

.app-gym-plan-schedule {
    padding: 40px;
    border-radius: 10px;
    background-color: #ec0752
}

.app-gym-plan-schedule .col-lg-3 {
    padding: 0
}

.app-gym-plan-schedule .col-lg-3:nth-child(4) .app-gym-plan-schedule-inner:before,.app-gym-plan-schedule .col-lg-3:nth-child(8) .app-gym-plan-schedule-inner:before {
    display: none
}

.app-gym-plan-schedule:after {
    top: 49%;
    left: 0;
    right: 0;
    width: 92%;
    height: 1px;
    content: "";
    margin: 0 auto;
    position: absolute;
    background-color: #fff
}

.app-gym-plan-schedule-inner {
    padding: 55px 20px
}

.app-gym-plan-schedule-inner:before {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    background-color: #fff
}

.app-gym-plan-schedule-inner .app-gym-plan-icon {
    padding-bottom: 10 px
}

.app-gym-plan-schedule-inner .app-gym-plan-icon i {
    color: #fff;
    line-height: 1;
    font-size: 50px
}

.app-gym-plan-schedule-inner .app-gym-plan-text h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 5px
}

.app-gym-plan-schedule-inner .app-gym-plan-text p {
    color: #fff;
    padding-bottom: 20px
}

.app-gym-plan-schedule-inner .app-gym-plan-text span {
    color: #555;
    font-size: 16px;
    padding: 8px 15px;
    background-color: #fff
}

.app-gym-pricing-section {
    padding-bottom: 90px
}

.app-gym-pricing-innerbox {
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0px 5px 90px 0px rgba(0,0,0,.13);
    background: linear-gradient(45deg,#fc409a 0%,#ff8917 100%)
}

.app-gym-pricing-innerbox:before {
    top: 2px;
    left: 1px;
    content: "";
    width: 99.5%;
    height: 98.5%;
    z-index: -1;
    position: absolute;
    background-color: #fff;
    transition: .5s all ease
}

.app-gym-pricing-innerbox .app-gym-pricing-img {
    margin-right: 25px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/combine/price1.png);
    mask-image: url(//digitalinvea.com/wp-content/themes/appilo/css/../img/combine/price1.png)
}

.app-gym-pricing-innerbox .app-gym-pricing-text {
    display: table;
    padding: 30px 40px 30px 0
}

.app-gym-pricing-innerbox .app-gym-pricing-text h3 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 7px
}

.app-gym-pricing-innerbox .app-gym-pricing-text p {
    padding-bottom: 50px
}

.app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
    bottom: 10px;
    left: -100px;
    padding: 8px 20px;
    position: absolute;
    background: linear-gradient(-45deg,#fc409a 0%,#ff8917 100%)
}

.app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value span {
    color: #fff;
    font-size: 14px;
    max-width: 40px;
    padding-top: 5px;
    line-height: 1.2;
    margin-right: 5px
}

.app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value h3 {
    color: #fff;
    font-size: 36px;
    padding-bottom: 0
}

.app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value h3 span {
    font-size: 14px
}

.app-gym-pricing-innerbox .app-gym-pricing-text .pricing-more-btn {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    font-family: "Poppins"
}

.app-gym-pricing-innerbox .app-gym-pricing-text .pricing-more-btn i {
    color: #ec0752;
    margin-left: 5px
}

.app-gym-pricing-content .col-lg-6:nth-child(2) .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
    background: linear-gradient(-45deg,#aa00f1 0%,#6722d6 100%)
}

.app-gym-pricing-content .col-lg-6:nth-child(3) .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
    background: linear-gradient(-45deg,#0997ac 0%,#9ee9ac 100%)
}

.app-gym-pricing-content .col-lg-6:nth-child(4) .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
    background: linear-gradient(-45deg,#6a94ed 0%,#a9bef5 100%)
}

.app-gym-testimonial-section {
    z-index: 1;
    padding: 110px 0 120px
}

.app-gym-testimonial-section .app-gym-section-title span,.app-gym-testimonial-section .app-gym-section-title h2,.app-gym-testimonial-section .app-gym-section-title p {
    color: #fff
}

.app-gym-testimonial-content {
    padding-top: 40px
}

.app-gym-testimonial-bg {
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    min-height: 800px
}

.app-gym-testimonial-bg img {
    height: 100%
}

.app-gym-testimonial-innerbox {
    padding-top: 45px
}

.app-gym-testimonial-wrap {
    max-width: 385px;
    padding: 0 45px 60px;
    background-color: #fff
}

.app-gym-testimonial-wrap .app-gym-testimonial-icon {
    top: -45px
}

.app-gym-testimonial-wrap .app-gym-testimonial-text p {
    padding-bottom: 35px
}

.app-gym-testimonial-wrap .app-gym-testimonial-author {
    margin-bottom: 30px
}

.app-gym-testimonial-wrap .app-gym-testimonial-author h3 {
    color: #000;
    font-size: 21px;
    font-weight: 700
}

.app-gym-testimonial-wrap .app-gym-testimonial-author span {
    color: #999
}

.app-gym-testimonial-wrap .app-gym-testimonial-img-wrapper {
    z-index: 1
}

.app-gym-testimonial-wrap .app-gym-testimonial-img-wrapper .app-gym-tst-shape2 {
    left: 50px;
    bottom: -25px;
    z-index: -1
}

.app-gym-testimonial-wrap .app-gym-testimonial-img-wrapper .app-gym-tst-shape1 {
    right: 25%;
    z-index: 1
}

.app-gym-testimonial-wrap .app-gym-testimonial-img-wrapper .app-gym-testimonial-img {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%
}

.app-gym-testimonial-slider {
    padding-bottom: 30px
}

.app-gym-testimonial-slider .owl-item img {
    margin: 0 auto;
    width: inherit
}

.app-gym-testimonial-slider .owl-nav {
    display: none
}

.app-gym-testimonial-slider .owl-dots {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 5px;
    max-width: 160px;
    border-radius: 5px;
    display: inline-flex;
    position: absolute;
    background-color: #e3dedf
}

.app-gym-testimonial-slider .owl-dots .owl-dot {
    height: 6px;
    width: 50px;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    background-color: #fff
}

.app-gym-testimonial-slider .owl-dots .owl-dot.active {
    background-color: #ec0752
}

.app-gym-blog-section {
    padding-bottom: 120px
}

.app-gym-blog-section .app-gym-blog-text {
    max-width: 470px
}

.app-gym-blog-btn {
    margin-top: 30px;
    display: inline-block
}

.app-gym-blog-btn a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    font-family: "Poppins";
    position: relative
}

.app-gym-blog-btn a:before {
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    content: "";
    position: absolute;
    transition: .5s all ease;
    background: linear-gradient(40deg,#aa00f1 0%,#6722d6 100%)
}

.app-gym-blog-btn a:hover:before {
    width: 100%
}

.app-gym-blog-innerbox {
    padding: 45px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    margin-bottom: 30px
}

.app-gym-blog-innerbox .app-gym-blog-img {
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease
}

.app-gym-blog-innerbox .app-gym-blog-img:after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,.5)
}

.app-gym-blog-innerbox .app-gym-blog-text {
    z-index: 1;
    position: relative
}

.app-gym-blog-innerbox .app-gym-blog-text .blog-ath {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    font-family: "Poppins";
    transition: .5s all ease
}

.app-gym-blog-innerbox .app-gym-blog-text .blog-date {
    color: #999;
    font-size: 16px;
    transition: .5s all ease
}

.app-gym-blog-innerbox .app-gym-blog-text h3 {
    color: #000;
    font-size: 21px;
    font-weight: 700;
    padding-top: 10px;
    line-height: 1.6;
    transition: .5s all ease
}

.app-gym-blog-innerbox:hover .app-gym-blog-img {
    opacity: 1;
    visibility: visible
}

.app-gym-blog-innerbox:hover .app-gym-blog-text .blog-ath,.app-gym-blog-innerbox:hover .app-gym-blog-text .blog-date,.app-gym-blog-innerbox:hover .app-gym-blog-text h3 {
    color: #fff
}

@media screen and (max-width: 1440px) {
    .app-gym-footer-section .app-gym-footer-shape1 {
        left:-255px
    }

    .app-gym-feature-img {
        right: -165px
    }
}

@media screen and (max-width: 1280px) {
    .app-gym-footer-section .app-gym-footer-shape1,.app-gym-footer-section .app-gym-footer-shape4,.app-gym-footer-section .app-gym-footer-shape2,.app-gym-footer-section .app-gym-footer-shape3 {
        display:none
    }

    .app-gym-footer-widget .app-gym-logo-widget p,.app-gym-footer-copyright .copyright-text {
        color: #373a5b
    }

    .app-gym-footer-section {
        padding-top: 80px
    }

    .app-gym-footer-widget-area {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1199px) {
    .app-gym-feature-img {
        right:-250px
    }
}

@media screen and (max-width: 1024px) {
    .app-gym-feature-img {
        right:-350px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text h3 {
        font-size: 20px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-img {
        margin-right: 15px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
        left: -135px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value h3 {
        font-size: 18px;
        padding-top: 10px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text p {
        font-size: 16px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
        padding: 8px 10px
    }
}

@media screen and (max-width: 991px) {
    .app-gym-main-navigation {
        display:none
    }

    .app-gym-main-header {
        padding-top: 25px
    }

    .app-gym-brand-logo {
        width: 120px
    }

    .header-gym-cta-btn a {
        height: 40px;
        width: 120px;
        font-size: 14px;
        font-weight: 600;
        line-height: 40px
    }

    .header-gym-cta-btn {
        margin-right: 40px;
        margin-left: 20px
    }

    .app-gym-main-header .app-gym-mobile_menu_button {
        display: block
    }

    .app-gym-main-header.app-gym-sticky-on {
        padding: 10px 0 !important
    }

    .app-gym-about-content .app-gym-about-img {
        left: 0;
        margin-bottom: 30px
    }

    .app-gym-feature-img {
        margin-top: 30px;
        padding: 0 15px;
        position: static !important
    }

    .app-gym-plan-schedule-inner:before {
        display: none
    }

    .app-gym-plan-tab-btn .nav-link {
        padding: 5px 15px
    }

    .app-gym-pricing-innerbox {
        margin: 0 auto;
        max-width: 570px;
        margin-bottom: 30px
    }

    .app-gym-blog-section .app-gym-blog-text {
        max-width: 100%;
        margin-bottom: 20px
    }

    .app-gym-footer-copyright .copyright-text,.app-gym-footer-copyright .copyright-menu {
        float: none !important
    }

    .app-gym-footer-copyright .copyright-menu {
        padding-bottom: 30px
    }

    .app-gym-footer-copyright .copyright-menu li {
        margin-left: 0;
        margin-right: 10px
    }

    .app-gym-feature-text {
        max-width: 100%;
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    .app-gym-intro-innerbox .app-gym-intro-icon:before,.app-gym-intro-innerbox .app-gym-intro-icon:after {
        display:none
    }

    .app-gym-intro-innerbox {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 570px) {
    .app-gym-plan-schedule:after {
        display:none
    }
}

@media screen and (max-width: 480px) {
    .app-gym-intro-section {
        padding:50px 0 20px
    }

    .app-gym-intro-innerbox .app-gym-intro-icon {
        margin-bottom: 20px
    }

    .app-gym-intro-innerbox .app-gym-intro-text h3 {
        padding-bottom: 15px
    }

    .app-gym-about-section {
        padding: 60px 0
    }

    .app-gym-section-title h2 {
        font-size: 30px;
        padding-bottom: 15px
    }

    .app-gym-about-icon-text .app-gym-about-text h3 {
        font-size: 20px;
        padding-bottom: 10px
    }

    .app-gym-about-icon-text .app-gym-about-icon {
        margin-right: 20px
    }

    .app-gym-about-icon-text .app-gym-about-icon i {
        font-size: 50px
    }

    .app-gym-feature-section {
        padding-bottom: 65px
    }

    .app-gym-plan-section {
        padding: 60px 0
    }

    .app-gym-plan-tab-btn {
        margin-top: 30px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-img {
        -webkit-mask-image: none;
        mask-image: none;
        text-align: center
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text .app-gym-price-value {
        left: 0
    }

    .app-gym-pricing-innerbox {
        padding: 15px
    }

    .app-gym-pricing-innerbox:before {
        top: 1px;
        height: 99.5%
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text p {
        padding-bottom: 20px
    }

    .app-gym-pricing-innerbox .app-gym-pricing-text {
        padding-top: 15px
    }

    .app-gym-pricing-section {
        padding-bottom: 50px
    }

    .app-gym-testimonial-section {
        padding: 50px 0
    }

    .app-gym-blog-section {
        padding-bottom: 60px
    }

    .app-gym-footer-widget .widget-title {
        padding-bottom: 20px
    }
}

.rpwwt-widget ul {
    list-style: outside none none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 1.5em
}

.rpwwt-widget ul li:last-child {
    margin: 0
}

.rpwwt-widget .screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal
}

.rpwwt-widget .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.rpwwt-widget ul li img {
    display: inline;
    float: left;
    margin: .3em .75em .75em 0
}

.rpwwt-widget ul li img {
    width: 75px;
    height: 75px
}

/*! elementor-icons - v5.23.0 - 26-07-2023 */
@font-face {
    font-family: eicons;
    src: url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/eicons/css/../fonts/eicons.eot?5.23.0);
    src: url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/eicons/css/../fonts/eicons.eot?5.23.0#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/eicons/css/../fonts/eicons.woff2?5.23.0) format("woff2"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/eicons/css/../fonts/eicons.woff?5.23.0) format("woff"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/eicons/css/../fonts/eicons.ttf?5.23.0) format("truetype"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/eicons/css/../fonts/eicons.svg?5.23.0#eicon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" eicon-"],[class^=eicon] {
    display: inline-block;
    font-family: eicons;
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.eicon-animation-spin {
    animation: a 2s infinite linear
}

.eicon-editor-link:before {
    content: "\e800"
}

.eicon-editor-unlink:before {
    content: "\e801"
}

.eicon-editor-external-link:before {
    content: "\e802"
}

.eicon-editor-close:before {
    content: "\e803"
}

.eicon-editor-list-ol:before {
    content: "\e804"
}

.eicon-editor-list-ul:before {
    content: "\e805"
}

.eicon-editor-bold:before {
    content: "\e806"
}

.eicon-editor-italic:before {
    content: "\e807"
}

.eicon-editor-underline:before {
    content: "\e808"
}

.eicon-editor-paragraph:before {
    content: "\e809"
}

.eicon-editor-h1:before {
    content: "\e80a"
}

.eicon-editor-h2:before {
    content: "\e80b"
}

.eicon-editor-h3:before {
    content: "\e80c"
}

.eicon-editor-h4:before {
    content: "\e80d"
}

.eicon-editor-h5:before {
    content: "\e80e"
}

.eicon-editor-h6:before {
    content: "\e80f"
}

.eicon-editor-quote:before {
    content: "\e810"
}

.eicon-editor-code:before {
    content: "\e811"
}

.eicon-elementor:before {
    content: "\e812"
}

.eicon-elementor-circle:before {
    content: "\e813"
}

.eicon-pojome:before {
    content: "\e814"
}

.eicon-plus:before {
    content: "\e815"
}

.eicon-menu-bar:before {
    content: "\e816"
}

.eicon-apps:before {
    content: "\e817"
}

.eicon-accordion:before {
    content: "\e818"
}

.eicon-alert:before {
    content: "\e819"
}

.eicon-animation-text:before {
    content: "\e81a"
}

.eicon-animation:before {
    content: "\e81b"
}

.eicon-banner:before {
    content: "\e81c"
}

.eicon-blockquote:before {
    content: "\e81d"
}

.eicon-button:before {
    content: "\e81e"
}

.eicon-call-to-action:before {
    content: "\e81f"
}

.eicon-captcha:before {
    content: "\e820"
}

.eicon-carousel:before {
    content: "\e821"
}

.eicon-checkbox:before {
    content: "\e822"
}

.eicon-columns:before {
    content: "\e823"
}

.eicon-countdown:before {
    content: "\e824"
}

.eicon-counter:before {
    content: "\e825"
}

.eicon-date:before {
    content: "\e826"
}

.eicon-divider-shape:before {
    content: "\e827"
}

.eicon-divider:before {
    content: "\e828"
}

.eicon-download-button:before {
    content: "\e829"
}

.eicon-dual-button:before {
    content: "\e82a"
}

.eicon-email-field:before {
    content: "\e82b"
}

.eicon-facebook-comments:before {
    content: "\e82c"
}

.eicon-facebook-like-box:before {
    content: "\e82d"
}

.eicon-form-horizontal:before {
    content: "\e82e"
}

.eicon-form-vertical:before {
    content: "\e82f"
}

.eicon-gallery-grid:before {
    content: "\e830"
}

.eicon-gallery-group:before {
    content: "\e831"
}

.eicon-gallery-justified:before {
    content: "\e832"
}

.eicon-gallery-masonry:before {
    content: "\e833"
}

.eicon-icon-box:before {
    content: "\e834"
}

.eicon-image-before-after:before {
    content: "\e835"
}

.eicon-image-box:before {
    content: "\e836"
}

.eicon-image-hotspot:before {
    content: "\e837"
}

.eicon-image-rollover:before {
    content: "\e838"
}

.eicon-info-box:before {
    content: "\e839"
}

.eicon-inner-section:before {
    content: "\e83a"
}

.eicon-mailchimp:before {
    content: "\e83b"
}

.eicon-menu-card:before {
    content: "\e83c"
}

.eicon-navigation-horizontal:before {
    content: "\e83d"
}

.eicon-nav-menu:before {
    content: "\e83e"
}

.eicon-navigation-vertical:before {
    content: "\e83f"
}

.eicon-number-field:before {
    content: "\e840"
}

.eicon-parallax:before {
    content: "\e841"
}

.eicon-php7:before {
    content: "\e842"
}

.eicon-post-list:before {
    content: "\e843"
}

.eicon-post-slider:before {
    content: "\e844"
}

.eicon-post:before {
    content: "\e845"
}

.eicon-posts-carousel:before {
    content: "\e846"
}

.eicon-posts-grid:before {
    content: "\e847"
}

.eicon-posts-group:before {
    content: "\e848"
}

.eicon-posts-justified:before {
    content: "\e849"
}

.eicon-posts-masonry:before {
    content: "\e84a"
}

.eicon-posts-ticker:before {
    content: "\e84b"
}

.eicon-price-list:before {
    content: "\e84c"
}

.eicon-price-table:before {
    content: "\e84d"
}

.eicon-radio:before {
    content: "\e84e"
}

.eicon-rtl:before {
    content: "\e84f"
}

.eicon-scroll:before {
    content: "\e850"
}

.eicon-search:before {
    content: "\e851"
}

.eicon-select:before {
    content: "\e852"
}

.eicon-share:before {
    content: "\e853"
}

.eicon-sidebar:before {
    content: "\e854"
}

.eicon-skill-bar:before {
    content: "\e855"
}

.eicon-slider-3d:before {
    content: "\e856"
}

.eicon-slider-album:before {
    content: "\e857"
}

.eicon-slider-device:before {
    content: "\e858"
}

.eicon-slider-full-screen:before {
    content: "\e859"
}

.eicon-slider-push:before {
    content: "\e85a"
}

.eicon-slider-vertical:before {
    content: "\e85b"
}

.eicon-slider-video:before {
    content: "\e85c"
}

.eicon-slides:before {
    content: "\e85d"
}

.eicon-social-icons:before {
    content: "\e85e"
}

.eicon-spacer:before {
    content: "\e85f"
}

.eicon-table:before {
    content: "\e860"
}

.eicon-tabs:before {
    content: "\e861"
}

.eicon-tel-field:before {
    content: "\e862"
}

.eicon-text-area:before {
    content: "\e863"
}

.eicon-text-field:before {
    content: "\e864"
}

.eicon-thumbnails-down:before {
    content: "\e865"
}

.eicon-thumbnails-half:before {
    content: "\e866"
}

.eicon-thumbnails-right:before {
    content: "\e867"
}

.eicon-time-line:before {
    content: "\e868"
}

.eicon-toggle:before {
    content: "\e869"
}

.eicon-url:before {
    content: "\e86a"
}

.eicon-t-letter:before {
    content: "\e86b"
}

.eicon-wordpress:before {
    content: "\e86c"
}

.eicon-text:before {
    content: "\e86d"
}

.eicon-anchor:before {
    content: "\e86e"
}

.eicon-bullet-list:before {
    content: "\e86f"
}

.eicon-code:before {
    content: "\e870"
}

.eicon-favorite:before {
    content: "\e871"
}

.eicon-google-maps:before {
    content: "\e872"
}

.eicon-image:before {
    content: "\e873"
}

.eicon-photo-library:before {
    content: "\e874"
}

.eicon-woocommerce:before {
    content: "\e875"
}

.eicon-youtube:before {
    content: "\e876"
}

.eicon-flip-box:before {
    content: "\e877"
}

.eicon-settings:before {
    content: "\e878"
}

.eicon-headphones:before {
    content: "\e879"
}

.eicon-testimonial:before {
    content: "\e87a"
}

.eicon-counter-circle:before {
    content: "\e87b"
}

.eicon-person:before {
    content: "\e87c"
}

.eicon-chevron-right:before {
    content: "\e87d"
}

.eicon-chevron-left:before {
    content: "\e87e"
}

.eicon-close:before {
    content: "\e87f"
}

.eicon-file-download:before {
    content: "\e880"
}

.eicon-save:before {
    content: "\e881"
}

.eicon-zoom-in:before {
    content: "\e882"
}

.eicon-shortcode:before {
    content: "\e883"
}

.eicon-nerd:before {
    content: "\e884"
}

.eicon-device-desktop:before {
    content: "\e885"
}

.eicon-device-tablet:before {
    content: "\e886"
}

.eicon-device-mobile:before {
    content: "\e887"
}

.eicon-document-file:before {
    content: "\e888"
}

.eicon-folder-o:before {
    content: "\e889"
}

.eicon-hypster:before {
    content: "\e88a"
}

.eicon-h-align-left:before {
    content: "\e88b"
}

.eicon-h-align-right:before {
    content: "\e88c"
}

.eicon-h-align-center:before {
    content: "\e88d"
}

.eicon-h-align-stretch:before {
    content: "\e88e"
}

.eicon-v-align-top:before {
    content: "\e88f"
}

.eicon-v-align-bottom:before {
    content: "\e890"
}

.eicon-v-align-middle:before {
    content: "\e891"
}

.eicon-v-align-stretch:before {
    content: "\e892"
}

.eicon-pro-icon:before {
    content: "\e893"
}

.eicon-mail:before {
    content: "\e894"
}

.eicon-lock-user:before {
    content: "\e895"
}

.eicon-testimonial-carousel:before {
    content: "\e896"
}

.eicon-media-carousel:before {
    content: "\e897"
}

.eicon-section:before {
    content: "\e898"
}

.eicon-column:before {
    content: "\e899"
}

.eicon-edit:before {
    content: "\e89a"
}

.eicon-clone:before {
    content: "\e89b"
}

.eicon-trash:before {
    content: "\e89c"
}

.eicon-play:before {
    content: "\e89d"
}

.eicon-angle-right:before {
    content: "\e89e"
}

.eicon-angle-left:before {
    content: "\e89f"
}

.eicon-animated-headline:before {
    content: "\e8a0"
}

.eicon-menu-toggle:before {
    content: "\e8a1"
}

.eicon-fb-embed:before {
    content: "\e8a2"
}

.eicon-fb-feed:before {
    content: "\e8a3"
}

.eicon-twitter-embed:before {
    content: "\e8a4"
}

.eicon-twitter-feed:before {
    content: "\e8a5"
}

.eicon-sync:before {
    content: "\e8a6"
}

.eicon-import-export:before {
    content: "\e8a7"
}

.eicon-check-circle:before {
    content: "\e8a8"
}

.eicon-library-save:before {
    content: "\e8a9"
}

.eicon-library-download:before {
    content: "\e8aa"
}

.eicon-insert:before {
    content: "\e8ab"
}

.eicon-preview-medium:before {
    content: "\e8ac"
}

.eicon-sort-down:before {
    content: "\e8ad"
}

.eicon-sort-up:before {
    content: "\e8ae"
}

.eicon-heading:before {
    content: "\e8af"
}

.eicon-logo:before {
    content: "\e8b0"
}

.eicon-meta-data:before {
    content: "\e8b1"
}

.eicon-post-content:before {
    content: "\e8b2"
}

.eicon-post-excerpt:before {
    content: "\e8b3"
}

.eicon-post-navigation:before {
    content: "\e8b4"
}

.eicon-yoast:before {
    content: "\e8b5"
}

.eicon-nerd-chuckle:before {
    content: "\e8b6"
}

.eicon-nerd-wink:before {
    content: "\e8b7"
}

.eicon-comments:before {
    content: "\e8b8"
}

.eicon-download-circle-o:before {
    content: "\e8b9"
}

.eicon-library-upload:before {
    content: "\e8ba"
}

.eicon-save-o:before {
    content: "\e8bb"
}

.eicon-upload-circle-o:before {
    content: "\e8bc"
}

.eicon-ellipsis-h:before {
    content: "\e8bd"
}

.eicon-ellipsis-v:before {
    content: "\e8be"
}

.eicon-arrow-left:before {
    content: "\e8bf"
}

.eicon-arrow-right:before {
    content: "\e8c0"
}

.eicon-arrow-up:before {
    content: "\e8c1"
}

.eicon-arrow-down:before {
    content: "\e8c2"
}

.eicon-play-o:before {
    content: "\e8c3"
}

.eicon-archive-posts:before {
    content: "\e8c4"
}

.eicon-archive-title:before {
    content: "\e8c5"
}

.eicon-featured-image:before {
    content: "\e8c6"
}

.eicon-post-info:before {
    content: "\e8c7"
}

.eicon-post-title:before {
    content: "\e8c8"
}

.eicon-site-logo:before {
    content: "\e8c9"
}

.eicon-site-search:before {
    content: "\e8ca"
}

.eicon-site-title:before {
    content: "\e8cb"
}

.eicon-plus-square:before {
    content: "\e8cc"
}

.eicon-minus-square:before {
    content: "\e8cd"
}

.eicon-cloud-check:before {
    content: "\e8ce"
}

.eicon-drag-n-drop:before {
    content: "\e8cf"
}

.eicon-welcome:before {
    content: "\e8d0"
}

.eicon-handle:before {
    content: "\e8d1"
}

.eicon-cart:before {
    content: "\e8d2"
}

.eicon-product-add-to-cart:before {
    content: "\e8d3"
}

.eicon-product-breadcrumbs:before {
    content: "\e8d4"
}

.eicon-product-categories:before {
    content: "\e8d5"
}

.eicon-product-description:before {
    content: "\e8d6"
}

.eicon-product-images:before {
    content: "\e8d7"
}

.eicon-product-info:before {
    content: "\e8d8"
}

.eicon-product-meta:before {
    content: "\e8d9"
}

.eicon-product-pages:before {
    content: "\e8da"
}

.eicon-product-price:before {
    content: "\e8db"
}

.eicon-product-rating:before {
    content: "\e8dc"
}

.eicon-product-related:before {
    content: "\e8dd"
}

.eicon-product-stock:before {
    content: "\e8de"
}

.eicon-product-tabs:before {
    content: "\e8df"
}

.eicon-product-title:before {
    content: "\e8e0"
}

.eicon-product-upsell:before {
    content: "\e8e1"
}

.eicon-products:before {
    content: "\e8e2"
}

.eicon-bag-light:before {
    content: "\e8e3"
}

.eicon-bag-medium:before {
    content: "\e8e4"
}

.eicon-bag-solid:before {
    content: "\e8e5"
}

.eicon-basket-light:before {
    content: "\e8e6"
}

.eicon-basket-medium:before {
    content: "\e8e7"
}

.eicon-basket-solid:before {
    content: "\e8e8"
}

.eicon-cart-light:before {
    content: "\e8e9"
}

.eicon-cart-medium:before {
    content: "\e8ea"
}

.eicon-cart-solid:before {
    content: "\e8eb"
}

.eicon-exchange:before {
    content: "\e8ec"
}

.eicon-preview-thin:before {
    content: "\e8ed"
}

.eicon-device-laptop:before {
    content: "\e8ee"
}

.eicon-collapse:before {
    content: "\e8ef"
}

.eicon-expand:before {
    content: "\e8f0"
}

.eicon-navigator:before {
    content: "\e8f1"
}

.eicon-plug:before {
    content: "\e8f2"
}

.eicon-dashboard:before {
    content: "\e8f3"
}

.eicon-typography:before {
    content: "\e8f4"
}

.eicon-info-circle-o:before {
    content: "\e8f5"
}

.eicon-integration:before {
    content: "\e8f6"
}

.eicon-plus-circle-o:before {
    content: "\e8f7"
}

.eicon-rating:before {
    content: "\e8f8"
}

.eicon-review:before {
    content: "\e8f9"
}

.eicon-tools:before {
    content: "\e8fa"
}

.eicon-loading:before {
    content: "\e8fb"
}

.eicon-sitemap:before {
    content: "\e8fc"
}

.eicon-click:before {
    content: "\e8fd"
}

.eicon-clock:before {
    content: "\e8fe"
}

.eicon-library-open:before {
    content: "\e8ff"
}

.eicon-warning:before {
    content: "\e900"
}

.eicon-flow:before {
    content: "\e901"
}

.eicon-cursor-move:before {
    content: "\e902"
}

.eicon-arrow-circle-left:before {
    content: "\e903"
}

.eicon-flash:before {
    content: "\e904"
}

.eicon-redo:before {
    content: "\e905"
}

.eicon-ban:before {
    content: "\e906"
}

.eicon-barcode:before {
    content: "\e907"
}

.eicon-calendar:before {
    content: "\e908"
}

.eicon-caret-left:before {
    content: "\e909"
}

.eicon-caret-right:before {
    content: "\e90a"
}

.eicon-caret-up:before {
    content: "\e90b"
}

.eicon-chain-broken:before {
    content: "\e90c"
}

.eicon-check-circle-o:before {
    content: "\e90d"
}

.eicon-check:before {
    content: "\e90e"
}

.eicon-chevron-double-left:before {
    content: "\e90f"
}

.eicon-chevron-double-right:before {
    content: "\e910"
}

.eicon-undo:before {
    content: "\e911"
}

.eicon-filter:before {
    content: "\e912"
}

.eicon-circle-o:before {
    content: "\e913"
}

.eicon-circle:before {
    content: "\e914"
}

.eicon-clock-o:before {
    content: "\e915"
}

.eicon-cog:before {
    content: "\e916"
}

.eicon-cogs:before {
    content: "\e917"
}

.eicon-commenting-o:before {
    content: "\e918"
}

.eicon-copy:before {
    content: "\e919"
}

.eicon-database:before {
    content: "\e91a"
}

.eicon-dot-circle-o:before {
    content: "\e91b"
}

.eicon-envelope:before {
    content: "\e91c"
}

.eicon-external-link-square:before {
    content: "\e91d"
}

.eicon-eyedropper:before {
    content: "\e91e"
}

.eicon-folder:before {
    content: "\e91f"
}

.eicon-font:before {
    content: "\e920"
}

.eicon-adjust:before {
    content: "\e921"
}

.eicon-lightbox:before {
    content: "\e922"
}

.eicon-heart-o:before {
    content: "\e923"
}

.eicon-history:before {
    content: "\e924"
}

.eicon-image-bold:before {
    content: "\e925"
}

.eicon-info-circle:before {
    content: "\e926"
}

.eicon-link:before {
    content: "\e927"
}

.eicon-long-arrow-left:before {
    content: "\e928"
}

.eicon-long-arrow-right:before {
    content: "\e929"
}

.eicon-caret-down:before {
    content: "\e92a"
}

.eicon-paint-brush:before {
    content: "\e92b"
}

.eicon-pencil:before {
    content: "\e92c"
}

.eicon-plus-circle:before {
    content: "\e92d"
}

.eicon-zoom-in-bold:before {
    content: "\e92e"
}

.eicon-sort-amount-desc:before {
    content: "\e92f"
}

.eicon-sign-out:before {
    content: "\e930"
}

.eicon-spinner:before {
    content: "\e931"
}

.eicon-square:before {
    content: "\e932"
}

.eicon-star-o:before {
    content: "\e933"
}

.eicon-star:before {
    content: "\e934"
}

.eicon-text-align-justify:before {
    content: "\e935"
}

.eicon-text-align-center:before {
    content: "\e936"
}

.eicon-tags:before {
    content: "\e937"
}

.eicon-text-align-left:before {
    content: "\e938"
}

.eicon-text-align-right:before {
    content: "\e939"
}

.eicon-close-circle:before {
    content: "\e93a"
}

.eicon-trash-o:before {
    content: "\e93b"
}

.eicon-font-awesome:before {
    content: "\e93c"
}

.eicon-user-circle-o:before {
    content: "\e93d"
}

.eicon-video-camera:before {
    content: "\e93e"
}

.eicon-heart:before {
    content: "\e93f"
}

.eicon-wrench:before {
    content: "\e940"
}

.eicon-help:before {
    content: "\e941"
}

.eicon-help-o:before {
    content: "\e942"
}

.eicon-zoom-out-bold:before {
    content: "\e943"
}

.eicon-plus-square-o:before {
    content: "\e944"
}

.eicon-minus-square-o:before {
    content: "\e945"
}

.eicon-minus-circle:before {
    content: "\e946"
}

.eicon-minus-circle-o:before {
    content: "\e947"
}

.eicon-code-bold:before {
    content: "\e948"
}

.eicon-cloud-upload:before {
    content: "\e949"
}

.eicon-search-bold:before {
    content: "\e94a"
}

.eicon-map-pin:before {
    content: "\e94b"
}

.eicon-meetup:before {
    content: "\e94c"
}

.eicon-slideshow:before {
    content: "\e94d"
}

.eicon-t-letter-bold:before {
    content: "\e94e"
}

.eicon-preferences:before {
    content: "\e94f"
}

.eicon-table-of-contents:before {
    content: "\e950"
}

.eicon-tv:before {
    content: "\e951"
}

.eicon-upload:before {
    content: "\e952"
}

.eicon-instagram-comments:before {
    content: "\e953"
}

.eicon-instagram-nested-gallery:before {
    content: "\e954"
}

.eicon-instagram-post:before {
    content: "\e955"
}

.eicon-instagram-video:before {
    content: "\e956"
}

.eicon-instagram-gallery:before {
    content: "\e957"
}

.eicon-instagram-likes:before {
    content: "\e958"
}

.eicon-facebook:before {
    content: "\e959"
}

.eicon-twitter:before {
    content: "\e95a"
}

.eicon-pinterest:before {
    content: "\e95b"
}

.eicon-frame-expand:before {
    content: "\e95c"
}

.eicon-frame-minimize:before {
    content: "\e95d"
}

.eicon-archive:before {
    content: "\e95e"
}

.eicon-colors-typography:before {
    content: "\e95f"
}

.eicon-custom:before {
    content: "\e960"
}

.eicon-footer:before {
    content: "\e961"
}

.eicon-header:before {
    content: "\e962"
}

.eicon-layout-settings:before {
    content: "\e963"
}

.eicon-lightbox-expand:before {
    content: "\e964"
}

.eicon-error-404:before {
    content: "\e965"
}

.eicon-theme-style:before {
    content: "\e966"
}

.eicon-search-results:before {
    content: "\e967"
}

.eicon-single-post:before {
    content: "\e968"
}

.eicon-site-identity:before {
    content: "\e969"
}

.eicon-theme-builder:before {
    content: "\e96a"
}

.eicon-download-bold:before {
    content: "\e96b"
}

.eicon-share-arrow:before {
    content: "\e96c"
}

.eicon-global-settings:before {
    content: "\e96d"
}

.eicon-user-preferences:before {
    content: "\e96e"
}

.eicon-lock:before {
    content: "\e96f"
}

.eicon-export-kit:before {
    content: "\e970"
}

.eicon-import-kit:before {
    content: "\e971"
}

.eicon-lottie:before {
    content: "\e972"
}

.eicon-products-archive:before {
    content: "\e973"
}

.eicon-single-product:before {
    content: "\e974"
}

.eicon-disable-trash-o:before {
    content: "\e975"
}

.eicon-single-page:before {
    content: "\e976"
}

.eicon-wordpress-light:before {
    content: "\e977"
}

.eicon-cogs-check:before {
    content: "\e978"
}

.eicon-custom-css:before {
    content: "\e979"
}

.eicon-global-colors:before {
    content: "\e97a"
}

.eicon-globe:before {
    content: "\e97b"
}

.eicon-typography-1:before {
    content: "\e97c"
}

.eicon-background:before {
    content: "\e97d"
}

.eicon-device-responsive:before {
    content: "\e97e"
}

.eicon-device-wide:before {
    content: "\e97f"
}

.eicon-code-highlight:before {
    content: "\e980"
}

.eicon-video-playlist:before {
    content: "\e981"
}

.eicon-download-kit:before {
    content: "\e982"
}

.eicon-kit-details:before {
    content: "\e983"
}

.eicon-kit-parts:before {
    content: "\e984"
}

.eicon-kit-upload:before {
    content: "\e985"
}

.eicon-kit-plugins:before {
    content: "\e986"
}

.eicon-kit-upload-alt:before {
    content: "\e987"
}

.eicon-hotspot:before {
    content: "\e988"
}

.eicon-paypal-button:before {
    content: "\e989"
}

.eicon-shape:before {
    content: "\e98a"
}

.eicon-wordart:before {
    content: "\e98b"
}

.eicon-checkout:before {
    content: "\e98c"
}

.eicon-container:before {
    content: "\e98d"
}

.eicon-flip:before {
    content: "\e98e"
}

.eicon-info:before {
    content: "\e98f"
}

.eicon-my-account:before {
    content: "\e990"
}

.eicon-purchase-summary:before {
    content: "\e991"
}

.eicon-page-transition:before {
    content: "\e992"
}

.eicon-spotify:before {
    content: "\e993"
}

.eicon-stripe-button:before {
    content: "\e994"
}

.eicon-woo-settings:before {
    content: "\e995"
}

.eicon-woo-cart:before {
    content: "\e996"
}

.eicon-grow:before {
    content: "\e997"
}

.eicon-order-end:before {
    content: "\e998"
}

.eicon-nowrap:before {
    content: "\e999"
}

.eicon-order-start:before {
    content: "\e99a"
}

.eicon-progress-tracker:before {
    content: "\e99b"
}

.eicon-shrink:before {
    content: "\e99c"
}

.eicon-wrap:before {
    content: "\e99d"
}

.eicon-align-center-h:before {
    content: "\e99e"
}

.eicon-align-center-v:before {
    content: "\e99f"
}

.eicon-align-end-h:before {
    content: "\e9a0"
}

.eicon-align-end-v:before {
    content: "\e9a1"
}

.eicon-align-start-h:before {
    content: "\e9a2"
}

.eicon-align-start-v:before {
    content: "\e9a3"
}

.eicon-align-stretch-h:before {
    content: "\e9a4"
}

.eicon-align-stretch-v:before {
    content: "\e9a5"
}

.eicon-justify-center-h:before {
    content: "\e9a6"
}

.eicon-justify-center-v:before {
    content: "\e9a7"
}

.eicon-justify-end-h:before {
    content: "\e9a8"
}

.eicon-justify-end-v:before {
    content: "\e9a9"
}

.eicon-justify-space-around-h:before {
    content: "\e9aa"
}

.eicon-justify-space-around-v:before {
    content: "\e9ab"
}

.eicon-justify-space-between-h:before {
    content: "\e9ac"
}

.eicon-justify-space-between-v:before {
    content: "\e9ad"
}

.eicon-justify-space-evenly-h:before {
    content: "\e9ae"
}

.eicon-justify-space-evenly-v:before {
    content: "\e9af"
}

.eicon-justify-start-h:before {
    content: "\e9b0"
}

.eicon-justify-start-v:before {
    content: "\e9b1"
}

.eicon-woocommerce-cross-sells:before {
    content: "\e9b2"
}

.eicon-woocommerce-notices:before {
    content: "\e9b3"
}

.eicon-inner-container:before {
    content: "\e9b4"
}

.eicon-warning-full:before {
    content: "\e9b5"
}

.eicon-exit:before {
    content: "\e9b6"
}

.eicon-loop-builder:before {
    content: "\e9b7"
}

.eicon-notes:before {
    content: "\e9b8"
}

.eicon-read:before {
    content: "\e9b9"
}

.eicon-unread:before {
    content: "\e9ba"
}

.eicon-carousel-loop:before {
    content: "\e9bb"
}

.eicon-mega-menu:before {
    content: "\eb78"
}

.eicon-nested-carousel:before {
    content: "\e9bd"
}

.eicon-ai:before {
    content: "\e9be"
}

.eicon-taxonomy-filter:before {
    content: "\eb7d"
}

.eicon-container-grid:before {
    content: "\ef02"
}

.eicon-eye:before {
    content: "\e8ac"
}

.eicon-elementor-square:before {
    content: "\e813"
}

/*! elementor - v3.16.0 - 17-10-2023 */
.dialog-widget-content {
    background-color: var(--e-a-bg-default);
    position: absolute;
    border-radius: 3px;
    box-shadow: 2px 8px 23px 3px rgba(0,0,0,.2);
    overflow: hidden
}

.dialog-message {
    line-height: 1.5;
    box-sizing: border-box
}

.dialog-close-button {
    cursor: pointer;
    position: absolute;
    margin-top: 15px;
    right: 15px;
    color: var(--e-a-color-txt);
    font-size: 15px;
    line-height: 1;
    transition: var(--e-a-transition-hover)
}

.dialog-close-button:hover {
    color: var(--e-a-color-txt-hover)
}

.dialog-prevent-scroll {
    overflow: hidden;
    max-height: 100vh
}

.dialog-type-lightbox {
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.elementor-editor-active .elementor-popup-modal {
    background-color: initial
}

.dialog-type-alert .dialog-widget-content,.dialog-type-confirm .dialog-widget-content {
    margin: auto;
    width: 400px;
    padding: 20px
}

.dialog-type-alert .dialog-header,.dialog-type-confirm .dialog-header {
    font-size: 15px;
    font-weight: 500
}

.dialog-type-alert .dialog-header:after,.dialog-type-confirm .dialog-header:after {
    content: "";
    display: block;
    border-block-end:var(--e-a-border);padding-block-end: 10px;
    margin-block-end:10px;margin-inline-start:-20px;margin-inline-end:-20px}

.dialog-type-alert .dialog-message,.dialog-type-confirm .dialog-message {
    min-height: 50px
}

.dialog-type-alert .dialog-buttons-wrapper,.dialog-type-confirm .dialog-buttons-wrapper {
    padding-block-start:10px;display: flex;
    justify-content: flex-end;
    gap: 15px
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    padding: 8px 16px;
    outline: none;
    border: none;
    border-radius: var(--e-a-border-radius);
    background-color: var(--e-a-btn-bg);
    color: var(--e-a-btn-color-invert);
    transition: var(--e-a-transition-hover)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover {
    border: none
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover {
    background-color: var(--e-a-btn-bg-hover);
    color: var(--e-a-btn-color-invert)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active {
    background-color: var(--e-a-btn-bg-active)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]),.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]) {
    cursor: pointer
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled {
    background-color: var(--e-a-btn-bg-disabled);
    color: var(--e-a-btn-color-disabled)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
    display: none
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt {
    background: transparent;
    color: var(--e-a-color-txt)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover {
    background: var(--e-a-bg-hover);
    color: var(--e-a-color-txt-hover)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled {
    background: transparent;
    color: var(--e-a-color-txt-disabled)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success {
    background-color: var(--e-a-btn-bg-success)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover {
    background-color: var(--e-a-btn-bg-success-hover)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary {
    background-color: var(--e-a-btn-bg-primary);
    color: var(--e-a-btn-color)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover {
    background-color: var(--e-a-btn-bg-primary-hover);
    color: var(--e-a-btn-color)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt {
    background: transparent;
    color: var(--e-a-color-primary-bold)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover {
    background: var(--e-a-bg-primary)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro {
    background-color: var(--e-a-btn-bg-accent)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover {
    background-color: var(--e-a-btn-bg-accent-hover)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active {
    background-color: var(--e-a-btn-bg-accent-active)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning {
    background-color: var(--e-a-btn-bg-warning)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover {
    background-color: var(--e-a-btn-bg-warning-hover)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger {
    background-color: var(--e-a-btn-bg-danger)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover {
    background-color: var(--e-a-btn-bg-danger-hover)
}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button i,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i {
    margin-inline-end:5px}

.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited {
    color: initial
}

.flatpickr-calendar {
    width: 280px
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-calendar .dayContainer {
    width: 280px;
    min-width: 280px;
    max-width: 280px
}

.flatpickr-calendar .flatpickr-days {
    width: 280px
}

.flatpickr-calendar .flatpickr-day {
    max-width: 37px;
    height: 37px;
    line-height: 37px
}

.elementor-hidden {
    display: none
}

.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.elementor-clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0
}

.e-logo-wrapper {
    background: var(--e-a-bg-logo);
    display: inline-block;
    padding: .75em;
    border-radius: 50%;
    line-height: 1
}

.e-logo-wrapper i {
    color: var(--e-a-color-logo);
    font-size: 1em
}

.elementor *,.elementor :after,.elementor :before {
    box-sizing: border-box
}

.elementor a {
    box-shadow: none;
    text-decoration: none
}

.elementor hr {
    margin: 0;
    background-color: transparent
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
    margin: 0
}

.elementor embed,.elementor iframe,.elementor object,.elementor video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none
}

.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    direction: ltr
}

.elementor .elementor-background-video-container {
    transition: opacity 1s;
    pointer-events: none
}

.elementor .elementor-background-video-container.elementor-loading {
    opacity: 0
}

.elementor .elementor-background-video-embed {
    max-width: none
}

.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.elementor .elementor-background-video {
    max-width: none
}

.elementor .elementor-html5-video {
    -o-object-fit: cover;
    object-fit: cover
}

.elementor .elementor-background-overlay,.elementor .elementor-background-slideshow {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.elementor .elementor-background-slideshow {
    z-index: 0
}

.elementor .elementor-background-slideshow__slide__image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute {
    position: absolute
}

.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed {
    position: fixed
}

.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
    max-width: 100%
}

@media (max-width: 1024px) {
    .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial {
        max-width:100%
    }
}

@media (max-width: 767px) {
    .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial {
        max-width:100%
    }
}

.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
    align-self: var(--align-self)
}

.elementor-element.elementor-absolute,.elementor-element.elementor-fixed {
    z-index: 1
}

.elementor-element:where(.e-con-full,.elementor-widget) {
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: var(--gap)
}

.elementor-invisible {
    visibility: hidden
}

.elementor-align-center {
    text-align: center
}

.elementor-align-center .elementor-button {
    width: auto
}

.elementor-align-right {
    text-align: right
}

.elementor-align-right .elementor-button {
    width: auto
}

.elementor-align-left {
    text-align: left
}

.elementor-align-left .elementor-button {
    width: auto
}

.elementor-align-justify .elementor-button {
    width: 100%
}

.elementor-custom-embed-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.elementor-custom-embed-play i {
    font-size: 100px;
    color: #fff;
    text-shadow: 1px 0 6px rgba(0,0,0,.3)
}

.elementor-custom-embed-play svg {
    height: 100px;
    width: 100px;
    fill: #fff;
    filter: drop-shadow(1px 0 6px rgba(0,0,0,.3))
}

.elementor-custom-embed-play i,.elementor-custom-embed-play svg {
    opacity: .8;
    transition: all .5s
}

.elementor-custom-embed-play.elementor-playing i {
    font-family: eicons
}

.elementor-custom-embed-play.elementor-playing i:before {
    content: "\e8fb"
}

.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg {
    animation: eicon-spin 2s linear infinite
}

.elementor-tag {
    display: inline-flex
}

.elementor-ken-burns {
    transition-property: transform;
    transition-duration: 10s;
    transition-timing-function: linear
}

.elementor-ken-burns--out {
    transform: scale(1.3)
}

.elementor-ken-burns--active {
    transition-duration: 20s
}

.elementor-ken-burns--active.elementor-ken-burns--out {
    transform: scale(1)
}

.elementor-ken-burns--active.elementor-ken-burns--in {
    transform: scale(1.3)
}

@media (min-width: -1) {
    .elementor-widescreen-align-center {
        text-align:center
    }

    .elementor-widescreen-align-center .elementor-button {
        width: auto
    }

    .elementor-widescreen-align-right {
        text-align: right
    }

    .elementor-widescreen-align-right .elementor-button {
        width: auto
    }

    .elementor-widescreen-align-left {
        text-align: left
    }

    .elementor-widescreen-align-left .elementor-button {
        width: auto
    }

    .elementor-widescreen-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width: -1) {
    .elementor-laptop-align-center {
        text-align:center
    }

    .elementor-laptop-align-center .elementor-button {
        width: auto
    }

    .elementor-laptop-align-right {
        text-align: right
    }

    .elementor-laptop-align-right .elementor-button {
        width: auto
    }

    .elementor-laptop-align-left {
        text-align: left
    }

    .elementor-laptop-align-left .elementor-button {
        width: auto
    }

    .elementor-laptop-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width: -1) {
    .elementor-tablet_extra-align-center {
        text-align:center
    }

    .elementor-tablet_extra-align-center .elementor-button {
        width: auto
    }

    .elementor-tablet_extra-align-right {
        text-align: right
    }

    .elementor-tablet_extra-align-right .elementor-button {
        width: auto
    }

    .elementor-tablet_extra-align-left {
        text-align: left
    }

    .elementor-tablet_extra-align-left .elementor-button {
        width: auto
    }

    .elementor-tablet_extra-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .elementor-tablet-align-center {
        text-align:center
    }

    .elementor-tablet-align-center .elementor-button {
        width: auto
    }

    .elementor-tablet-align-right {
        text-align: right
    }

    .elementor-tablet-align-right .elementor-button {
        width: auto
    }

    .elementor-tablet-align-left {
        text-align: left
    }

    .elementor-tablet-align-left .elementor-button {
        width: auto
    }

    .elementor-tablet-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width: -1) {
    .elementor-mobile_extra-align-center {
        text-align:center
    }

    .elementor-mobile_extra-align-center .elementor-button {
        width: auto
    }

    .elementor-mobile_extra-align-right {
        text-align: right
    }

    .elementor-mobile_extra-align-right .elementor-button {
        width: auto
    }

    .elementor-mobile_extra-align-left {
        text-align: left
    }

    .elementor-mobile_extra-align-left .elementor-button {
        width: auto
    }

    .elementor-mobile_extra-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width: 767px) {
    .elementor-mobile-align-center {
        text-align:center
    }

    .elementor-mobile-align-center .elementor-button {
        width: auto
    }

    .elementor-mobile-align-right {
        text-align: right
    }

    .elementor-mobile-align-right .elementor-button {
        width: auto
    }

    .elementor-mobile-align-left {
        text-align: left
    }

    .elementor-mobile-align-left .elementor-button {
        width: auto
    }

    .elementor-mobile-align-justify .elementor-button {
        width: 100%
    }
}

:root {
    --page-title-display: block
}

.elementor-page-title,h1.entry-title {
    display: var(--page-title-display)
}

@keyframes eicon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.eicon-animation-spin {
    animation: eicon-spin 2s linear infinite
}

.elementor-section {
    position: relative
}

.elementor-section .elementor-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

@media (max-width: 1024px) {
    .elementor-section .elementor-container {
        flex-wrap:wrap
    }
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1140px
}

.elementor-section.elementor-section-stretched {
    position: relative;
    width: 100%
}

.elementor-section.elementor-section-items-top>.elementor-container {
    align-items: flex-start
}

.elementor-section.elementor-section-items-middle>.elementor-container {
    align-items: center
}

.elementor-section.elementor-section-items-bottom>.elementor-container {
    align-items: flex-end
}

@media (min-width: 768px) {
    .elementor-section.elementor-section-height-full {
        height:100vh
    }

    .elementor-section.elementor-section-height-full>.elementor-container {
        height: 100%
    }
}

.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap {
    align-items: flex-start
}

.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap {
    align-items: center
}

.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap {
    align-items: flex-end
}

.elementor-row {
    width: 100%;
    display: flex
}

@media (max-width: 1024px) {
    .elementor-row {
        flex-wrap:wrap
    }
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex
}

.elementor-widget-wrap>.elementor-element {
    width: 100%
}

.elementor-widget-wrap.e-swiper-container {
    width: calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))
}

.elementor-widget {
    position: relative
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px
}

.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial {
    margin-bottom: 0
}

.elementor-column {
    position: relative;
    min-height: 1px;
    display: flex
}

.elementor-column-wrap {
    width: 100%;
    position: relative;
    display: flex
}

.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated {
    padding: 5px
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px
}

.elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
    padding: 15px
}

.elementor-column-gap-wide>.elementor-column>.elementor-element-populated {
    padding: 20px
}

.elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
    padding: 30px
}

.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
    padding: 0
}

@media (min-width: 768px) {
    .elementor-column.elementor-col-10,.elementor-column[data-col="10"] {
        width:10%
    }

    .elementor-column.elementor-col-11,.elementor-column[data-col="11"] {
        width: 11.111%
    }

    .elementor-column.elementor-col-12,.elementor-column[data-col="12"] {
        width: 12.5%
    }

    .elementor-column.elementor-col-14,.elementor-column[data-col="14"] {
        width: 14.285%
    }

    .elementor-column.elementor-col-16,.elementor-column[data-col="16"] {
        width: 16.666%
    }

    .elementor-column.elementor-col-20,.elementor-column[data-col="20"] {
        width: 20%
    }

    .elementor-column.elementor-col-25,.elementor-column[data-col="25"] {
        width: 25%
    }

    .elementor-column.elementor-col-30,.elementor-column[data-col="30"] {
        width: 30%
    }

    .elementor-column.elementor-col-33,.elementor-column[data-col="33"] {
        width: 33.333%
    }

    .elementor-column.elementor-col-40,.elementor-column[data-col="40"] {
        width: 40%
    }

    .elementor-column.elementor-col-50,.elementor-column[data-col="50"] {
        width: 50%
    }

    .elementor-column.elementor-col-60,.elementor-column[data-col="60"] {
        width: 60%
    }

    .elementor-column.elementor-col-66,.elementor-column[data-col="66"] {
        width: 66.666%
    }

    .elementor-column.elementor-col-70,.elementor-column[data-col="70"] {
        width: 70%
    }

    .elementor-column.elementor-col-75,.elementor-column[data-col="75"] {
        width: 75%
    }

    .elementor-column.elementor-col-80,.elementor-column[data-col="80"] {
        width: 80%
    }

    .elementor-column.elementor-col-83,.elementor-column[data-col="83"] {
        width: 83.333%
    }

    .elementor-column.elementor-col-90,.elementor-column[data-col="90"] {
        width: 90%
    }

    .elementor-column.elementor-col-100,.elementor-column[data-col="100"] {
        width: 100%
    }
}

@media (max-width: 479px) {
    .elementor-column.elementor-xs-10 {
        width:10%
    }

    .elementor-column.elementor-xs-11 {
        width: 11.111%
    }

    .elementor-column.elementor-xs-12 {
        width: 12.5%
    }

    .elementor-column.elementor-xs-14 {
        width: 14.285%
    }

    .elementor-column.elementor-xs-16 {
        width: 16.666%
    }

    .elementor-column.elementor-xs-20 {
        width: 20%
    }

    .elementor-column.elementor-xs-25 {
        width: 25%
    }

    .elementor-column.elementor-xs-30 {
        width: 30%
    }

    .elementor-column.elementor-xs-33 {
        width: 33.333%
    }

    .elementor-column.elementor-xs-40 {
        width: 40%
    }

    .elementor-column.elementor-xs-50 {
        width: 50%
    }

    .elementor-column.elementor-xs-60 {
        width: 60%
    }

    .elementor-column.elementor-xs-66 {
        width: 66.666%
    }

    .elementor-column.elementor-xs-70 {
        width: 70%
    }

    .elementor-column.elementor-xs-75 {
        width: 75%
    }

    .elementor-column.elementor-xs-80 {
        width: 80%
    }

    .elementor-column.elementor-xs-83 {
        width: 83.333%
    }

    .elementor-column.elementor-xs-90 {
        width: 90%
    }

    .elementor-column.elementor-xs-100 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .elementor-column.elementor-sm-10 {
        width:10%
    }

    .elementor-column.elementor-sm-11 {
        width: 11.111%
    }

    .elementor-column.elementor-sm-12 {
        width: 12.5%
    }

    .elementor-column.elementor-sm-14 {
        width: 14.285%
    }

    .elementor-column.elementor-sm-16 {
        width: 16.666%
    }

    .elementor-column.elementor-sm-20 {
        width: 20%
    }

    .elementor-column.elementor-sm-25 {
        width: 25%
    }

    .elementor-column.elementor-sm-30 {
        width: 30%
    }

    .elementor-column.elementor-sm-33 {
        width: 33.333%
    }

    .elementor-column.elementor-sm-40 {
        width: 40%
    }

    .elementor-column.elementor-sm-50 {
        width: 50%
    }

    .elementor-column.elementor-sm-60 {
        width: 60%
    }

    .elementor-column.elementor-sm-66 {
        width: 66.666%
    }

    .elementor-column.elementor-sm-70 {
        width: 70%
    }

    .elementor-column.elementor-sm-75 {
        width: 75%
    }

    .elementor-column.elementor-sm-80 {
        width: 80%
    }

    .elementor-column.elementor-sm-83 {
        width: 83.333%
    }

    .elementor-column.elementor-sm-90 {
        width: 90%
    }

    .elementor-column.elementor-sm-100 {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .elementor-column.elementor-md-10 {
        width:10%
    }

    .elementor-column.elementor-md-11 {
        width: 11.111%
    }

    .elementor-column.elementor-md-12 {
        width: 12.5%
    }

    .elementor-column.elementor-md-14 {
        width: 14.285%
    }

    .elementor-column.elementor-md-16 {
        width: 16.666%
    }

    .elementor-column.elementor-md-20 {
        width: 20%
    }

    .elementor-column.elementor-md-25 {
        width: 25%
    }

    .elementor-column.elementor-md-30 {
        width: 30%
    }

    .elementor-column.elementor-md-33 {
        width: 33.333%
    }

    .elementor-column.elementor-md-40 {
        width: 40%
    }

    .elementor-column.elementor-md-50 {
        width: 50%
    }

    .elementor-column.elementor-md-60 {
        width: 60%
    }

    .elementor-column.elementor-md-66 {
        width: 66.666%
    }

    .elementor-column.elementor-md-70 {
        width: 70%
    }

    .elementor-column.elementor-md-75 {
        width: 75%
    }

    .elementor-column.elementor-md-80 {
        width: 80%
    }

    .elementor-column.elementor-md-83 {
        width: 83.333%
    }

    .elementor-column.elementor-md-90 {
        width: 90%
    }

    .elementor-column.elementor-md-100 {
        width: 100%
    }
}

@media (min-width: -1) {
    .elementor-reverse-widescreen>.elementor-container>:first-child {
        order:10
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-widescreen>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width: 1025px) and (max-width:-1) {
    .elementor-reverse-laptop>.elementor-container>:first-child {
        order:10
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width: -1) and (max-width:-1) {
    .elementor-reverse-laptop>.elementor-container>:first-child {
        order:10
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-laptop>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width: 1025px) and (max-width:-1) {
    .elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9),.elementor-reverse-laptop>.elementor-container>:nth-child(10) {
        order:0
    }

    .elementor-reverse-tablet_extra>.elementor-container>:first-child {
        order: 10
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-tablet_extra>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .elementor-reverse-tablet>.elementor-container>:first-child {
        order:10
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width: -1) and (max-width:1024px) {
    .elementor-reverse-tablet>.elementor-container>:first-child {
        order:10
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width: 768px) and (max-width:-1) {
    .elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9),.elementor-reverse-tablet>.elementor-container>:nth-child(10) {
        order:0
    }

    .elementor-reverse-mobile_extra>.elementor-container>:first-child {
        order: 10
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-mobile_extra>.elementor-container>:nth-child(10) {
        order: 1
    }
}

@media (max-width: 767px) {
    .elementor-reverse-mobile>.elementor-container>:first-child {
        order:10
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(2) {
        order: 9
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(3) {
        order: 8
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(4) {
        order: 7
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(5) {
        order: 6
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(6) {
        order: 5
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(7) {
        order: 4
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(8) {
        order: 3
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(9) {
        order: 2
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(10) {
        order: 1
    }

    .elementor-column {
        width: 100%
    }
}

ul.elementor-icon-list-items.elementor-inline-items {
    display: flex;
    flex-wrap: wrap
}

ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item {
    word-break: break-word
}

.elementor-grid {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap)
}

.elementor-grid .elementor-grid-item {
    min-width: 0
}

.elementor-grid-0 .elementor-grid {
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap))
}

.elementor-grid-0 .elementor-grid .elementor-grid-item {
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word
}

.elementor-grid-1 .elementor-grid {
    grid-template-columns: repeat(1,1fr)
}

.elementor-grid-2 .elementor-grid {
    grid-template-columns: repeat(2,1fr)
}

.elementor-grid-3 .elementor-grid {
    grid-template-columns: repeat(3,1fr)
}

.elementor-grid-4 .elementor-grid {
    grid-template-columns: repeat(4,1fr)
}

.elementor-grid-5 .elementor-grid {
    grid-template-columns: repeat(5,1fr)
}

.elementor-grid-6 .elementor-grid {
    grid-template-columns: repeat(6,1fr)
}

.elementor-grid-7 .elementor-grid {
    grid-template-columns: repeat(7,1fr)
}

.elementor-grid-8 .elementor-grid {
    grid-template-columns: repeat(8,1fr)
}

.elementor-grid-9 .elementor-grid {
    grid-template-columns: repeat(9,1fr)
}

.elementor-grid-10 .elementor-grid {
    grid-template-columns: repeat(10,1fr)
}

.elementor-grid-11 .elementor-grid {
    grid-template-columns: repeat(11,1fr)
}

.elementor-grid-12 .elementor-grid {
    grid-template-columns: repeat(12,1fr)
}

@media (min-width: -1) {
    .elementor-grid-widescreen-0 .elementor-grid {
        display:inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-widescreen-1 .elementor-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .elementor-grid-widescreen-2 .elementor-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .elementor-grid-widescreen-3 .elementor-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .elementor-grid-widescreen-4 .elementor-grid {
        grid-template-columns: repeat(4,1fr)
    }

    .elementor-grid-widescreen-5 .elementor-grid {
        grid-template-columns: repeat(5,1fr)
    }

    .elementor-grid-widescreen-6 .elementor-grid {
        grid-template-columns: repeat(6,1fr)
    }

    .elementor-grid-widescreen-7 .elementor-grid {
        grid-template-columns: repeat(7,1fr)
    }

    .elementor-grid-widescreen-8 .elementor-grid {
        grid-template-columns: repeat(8,1fr)
    }

    .elementor-grid-widescreen-9 .elementor-grid {
        grid-template-columns: repeat(9,1fr)
    }

    .elementor-grid-widescreen-10 .elementor-grid {
        grid-template-columns: repeat(10,1fr)
    }

    .elementor-grid-widescreen-11 .elementor-grid {
        grid-template-columns: repeat(11,1fr)
    }

    .elementor-grid-widescreen-12 .elementor-grid {
        grid-template-columns: repeat(12,1fr)
    }
}

@media (max-width: -1) {
    .elementor-grid-laptop-0 .elementor-grid {
        display:inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-laptop-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-laptop-1 .elementor-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .elementor-grid-laptop-2 .elementor-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .elementor-grid-laptop-3 .elementor-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .elementor-grid-laptop-4 .elementor-grid {
        grid-template-columns: repeat(4,1fr)
    }

    .elementor-grid-laptop-5 .elementor-grid {
        grid-template-columns: repeat(5,1fr)
    }

    .elementor-grid-laptop-6 .elementor-grid {
        grid-template-columns: repeat(6,1fr)
    }

    .elementor-grid-laptop-7 .elementor-grid {
        grid-template-columns: repeat(7,1fr)
    }

    .elementor-grid-laptop-8 .elementor-grid {
        grid-template-columns: repeat(8,1fr)
    }

    .elementor-grid-laptop-9 .elementor-grid {
        grid-template-columns: repeat(9,1fr)
    }

    .elementor-grid-laptop-10 .elementor-grid {
        grid-template-columns: repeat(10,1fr)
    }

    .elementor-grid-laptop-11 .elementor-grid {
        grid-template-columns: repeat(11,1fr)
    }

    .elementor-grid-laptop-12 .elementor-grid {
        grid-template-columns: repeat(12,1fr)
    }
}

@media (max-width: -1) {
    .elementor-grid-tablet_extra-0 .elementor-grid {
        display:inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-tablet_extra-1 .elementor-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .elementor-grid-tablet_extra-2 .elementor-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .elementor-grid-tablet_extra-3 .elementor-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .elementor-grid-tablet_extra-4 .elementor-grid {
        grid-template-columns: repeat(4,1fr)
    }

    .elementor-grid-tablet_extra-5 .elementor-grid {
        grid-template-columns: repeat(5,1fr)
    }

    .elementor-grid-tablet_extra-6 .elementor-grid {
        grid-template-columns: repeat(6,1fr)
    }

    .elementor-grid-tablet_extra-7 .elementor-grid {
        grid-template-columns: repeat(7,1fr)
    }

    .elementor-grid-tablet_extra-8 .elementor-grid {
        grid-template-columns: repeat(8,1fr)
    }

    .elementor-grid-tablet_extra-9 .elementor-grid {
        grid-template-columns: repeat(9,1fr)
    }

    .elementor-grid-tablet_extra-10 .elementor-grid {
        grid-template-columns: repeat(10,1fr)
    }

    .elementor-grid-tablet_extra-11 .elementor-grid {
        grid-template-columns: repeat(11,1fr)
    }

    .elementor-grid-tablet_extra-12 .elementor-grid {
        grid-template-columns: repeat(12,1fr)
    }
}

@media (max-width: 1024px) {
    .elementor-grid-tablet-0 .elementor-grid {
        display:inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-tablet-1 .elementor-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .elementor-grid-tablet-3 .elementor-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .elementor-grid-tablet-4 .elementor-grid {
        grid-template-columns: repeat(4,1fr)
    }

    .elementor-grid-tablet-5 .elementor-grid {
        grid-template-columns: repeat(5,1fr)
    }

    .elementor-grid-tablet-6 .elementor-grid {
        grid-template-columns: repeat(6,1fr)
    }

    .elementor-grid-tablet-7 .elementor-grid {
        grid-template-columns: repeat(7,1fr)
    }

    .elementor-grid-tablet-8 .elementor-grid {
        grid-template-columns: repeat(8,1fr)
    }

    .elementor-grid-tablet-9 .elementor-grid {
        grid-template-columns: repeat(9,1fr)
    }

    .elementor-grid-tablet-10 .elementor-grid {
        grid-template-columns: repeat(10,1fr)
    }

    .elementor-grid-tablet-11 .elementor-grid {
        grid-template-columns: repeat(11,1fr)
    }

    .elementor-grid-tablet-12 .elementor-grid {
        grid-template-columns: repeat(12,1fr)
    }
}

@media (max-width: -1) {
    .elementor-grid-mobile_extra-0 .elementor-grid {
        display:inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-mobile_extra-1 .elementor-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .elementor-grid-mobile_extra-2 .elementor-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .elementor-grid-mobile_extra-3 .elementor-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .elementor-grid-mobile_extra-4 .elementor-grid {
        grid-template-columns: repeat(4,1fr)
    }

    .elementor-grid-mobile_extra-5 .elementor-grid {
        grid-template-columns: repeat(5,1fr)
    }

    .elementor-grid-mobile_extra-6 .elementor-grid {
        grid-template-columns: repeat(6,1fr)
    }

    .elementor-grid-mobile_extra-7 .elementor-grid {
        grid-template-columns: repeat(7,1fr)
    }

    .elementor-grid-mobile_extra-8 .elementor-grid {
        grid-template-columns: repeat(8,1fr)
    }

    .elementor-grid-mobile_extra-9 .elementor-grid {
        grid-template-columns: repeat(9,1fr)
    }

    .elementor-grid-mobile_extra-10 .elementor-grid {
        grid-template-columns: repeat(10,1fr)
    }

    .elementor-grid-mobile_extra-11 .elementor-grid {
        grid-template-columns: repeat(11,1fr)
    }

    .elementor-grid-mobile_extra-12 .elementor-grid {
        grid-template-columns: repeat(12,1fr)
    }
}

@media (max-width: 767px) {
    .elementor-grid-mobile-0 .elementor-grid {
        display:inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-mobile-1 .elementor-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .elementor-grid-mobile-2 .elementor-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .elementor-grid-mobile-3 .elementor-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .elementor-grid-mobile-4 .elementor-grid {
        grid-template-columns: repeat(4,1fr)
    }

    .elementor-grid-mobile-5 .elementor-grid {
        grid-template-columns: repeat(5,1fr)
    }

    .elementor-grid-mobile-6 .elementor-grid {
        grid-template-columns: repeat(6,1fr)
    }

    .elementor-grid-mobile-7 .elementor-grid {
        grid-template-columns: repeat(7,1fr)
    }

    .elementor-grid-mobile-8 .elementor-grid {
        grid-template-columns: repeat(8,1fr)
    }

    .elementor-grid-mobile-9 .elementor-grid {
        grid-template-columns: repeat(9,1fr)
    }

    .elementor-grid-mobile-10 .elementor-grid {
        grid-template-columns: repeat(10,1fr)
    }

    .elementor-grid-mobile-11 .elementor-grid {
        grid-template-columns: repeat(11,1fr)
    }

    .elementor-grid-mobile-12 .elementor-grid {
        grid-template-columns: repeat(12,1fr)
    }
}

@media (min-width: 1025px) {
    #elementor-device-mode:after {
        content:"desktop"
    }
}

@media (min-width: -1) {
    #elementor-device-mode:after {
        content:"widescreen"
    }
}

@media (max-width: -1) {
    #elementor-device-mode:after {
        content:"laptop";
        content: "tablet_extra"
    }
}

@media (max-width: 1024px) {
    #elementor-device-mode:after {
        content:"tablet"
    }
}

@media (max-width: -1) {
    #elementor-device-mode:after {
        content:"mobile_extra"
    }
}

@media (max-width: 767px) {
    #elementor-device-mode:after {
        content:"mobile"
    }
}

.e-con {
    --border-radius: 0;
    --border-block-start-width: 0px;
    --border-inline-end-width: 0px;
    --border-block-end-width: 0px;
    --border-inline-start-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: min(100%,var(--container-max-width,1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-block-start: 0;
    --margin-inline-end: 0;
    --margin-block-end: 0;
    --margin-inline-start: 0;
    --padding-block-start: var(--container-default-padding-block-start,10px);
    --padding-inline-end: var(--container-default-padding-inline-end,10px);
    --padding-block-end: var(--container-default-padding-block-end,10px);
    --padding-inline-start: var(--container-default-padding-inline-start,10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing,20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --e-con-grid-template-columns: repeat(3,1fr);
    --e-con-grid-template-rows: repeat(2,1fr);
    position: var(--position);
    width: var(--width);
    min-width: 0;
    min-height: var(--min-height);
    height: var(--height);
    border-radius: var(--border-radius);
    margin-block-start:var(--bc-margin-block-start,var(--margin-block-start));margin-inline-end: var(--bc-margin-inline-end,var(--margin-inline-end));
    margin-block-end:var(--bc-margin-block-end,var(--margin-block-end));margin-inline-start: var(--bc-margin-inline-start,var(--margin-inline-start));
    padding-inline-start:var(--bc-padding-inline-start,var(--padding-inline-start));padding-inline-end: var(--bc-padding-inline-end,var(--padding-inline-end));
    z-index: var(--z-index);
    overflow: var(--overflow);
    transition: background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)
}

.e-con.e-flex {
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis)
}

.e-con-full,.e-con>.e-con-inner {
    text-align: var(--text-align);
    padding-block-start:var(--bc-padding-block-start,var(--padding-block-start));padding-block-end: var(--bc-padding-block-end,var(--padding-block-end))
}

.e-con-full.e-flex,.e-con.e-flex>.e-con-inner {
    flex-direction: var(--flex-direction)
}

.e-con,.e-con>.e-con-inner {
    display: var(--display)
}

.e-con.e-grid {
    --grid-justify-content: start;
    --grid-align-content: start;
    --grid-auto-flow: row
}

.e-con.e-grid,.e-con.e-grid>.e-con-inner {
    grid-template-columns: var(--e-con-grid-template-columns);
    grid-template-rows: var(--e-con-grid-template-rows);
    justify-content: var(--grid-justify-content);
    align-content: var(--grid-align-content);
    grid-auto-flow: var(--grid-auto-flow)
}

.e-con-boxed.e-flex {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal
}

.e-con-boxed.e-grid {
    justify-items: legacy;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.e-con-boxed {
    text-align: initial;
    gap: initial
}

.e-con.e-flex>.e-con-inner {
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto
}

.e-con.e-grid>.e-con-inner {
    justify-items: var(--justify-items);
    align-items: var(--align-items)
}

.e-con>.e-con-inner {
    gap: var(--gap);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline-start:0;padding-inline-end:0;height: 100%
}

:is(.elementor-section-wrap,[data-elementor-id])>.e-con {
    --margin-inline-end: auto;
    --margin-inline-start: auto;
    max-width: min(100%,var(--width))
}

.e-con .elementor-widget.elementor-widget {
    margin-block-end:0}

.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before {
    content: var(--background-overlay);
    display: block;
    position: absolute;
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    transition: var(--overlay-transition,.3s);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-color: var(--border-color);
    border-block-start-width:var(--border-block-start-width);border-inline-end-width: var(--border-inline-end-width);
    border-block-end-width:var(--border-block-end-width);border-inline-start-width: var(--border-inline-start-width);
    top: calc(0px - var(--border-block-start-width));
    left: calc(0px - var(--border-inline-start-width));
    width: max(100% + var(--border-inline-end-width) + var(--border-inline-start-width),100%);
    height: max(100% + var(--border-block-start-width) + var(--border-block-end-width),100%)
}

.e-con:before {
    transition: background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)
}

.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container {
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-color: var(--border-color);
    border-block-start-width:var(--border-block-start-width);border-inline-end-width: var(--border-inline-end-width);
    border-block-end-width:var(--border-block-end-width);border-inline-start-width: var(--border-inline-start-width);
    top: calc(0px - var(--border-block-start-width));
    left: calc(0px - var(--border-inline-start-width));
    width: max(100% + var(--border-inline-end-width) + var(--border-inline-start-width),100%);
    height: max(100% + var(--border-block-start-width) + var(--border-block-end-width),100%)
}

@media (max-width: 767px) {
    :is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-phone {
        display:none
    }
}

:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before {
    z-index: 1
}

:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before {
    z-index: 2
}

.e-con .elementor-widget {
    min-width: 0
}

.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper {
    width: 100%
}

.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container {
    height: 100%
}

.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget {
    max-width: 100%
}

@media (max-width: 767px) {
    .e-con.e-flex {
        --width:100%;
        --flex-wrap: wrap
    }
}

.e-con {
    --bc-margin-block-start: var(--margin-top);
    --bc-margin-block-end: var(--margin-bottom);
    --bc-margin-inline-start: var(--margin-left);
    --bc-margin-inline-end: var(--margin-right);
    --bc-padding-block-start: var(--padding-top);
    --bc-padding-block-end: var(--padding-bottom);
    --bc-padding-inline-start: var(--padding-left);
    --bc-padding-inline-end: var(--padding-right)
}

[dir=rtl] .e-con {
    --bc-margin-inline-start: var(--margin-right);
    --bc-margin-inline-end: var(--margin-left);
    --bc-padding-inline-start: var(--padding-right);
    --bc-padding-inline-end: var(--padding-left)
}

.elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap
}

.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea {
    flex-basis: 100%;
    max-width: 100%
}

.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input {
    flex-grow: 1
}

.elementor-field-group {
    flex-wrap: wrap;
    align-items: center
}

.elementor-field-group.elementor-field-type-submit {
    align-items: flex-end
}

.elementor-field-group .elementor-field-textual {
    width: 100%;
    max-width: 100%;
    border: 1px solid #69727d;
    background-color: transparent;
    color: #1f2124;
    vertical-align: middle;
    flex-grow: 1
}

.elementor-field-group .elementor-field-textual:focus {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    outline: 0
}

.elementor-field-group .elementor-field-textual::-moz-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-select-wrapper {
    display: flex;
    position: relative;
    width: 100%
}

.elementor-field-group .elementor-select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    flex-basis: 100%;
    padding-right: 20px
}

.elementor-field-group .elementor-select-wrapper:before {
    content: "\e92a";
    font-family: eicons;
    font-size: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    pointer-events: none;
    text-shadow: 0 0 3px rgba(0,0,0,.3)
}

.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before {
    content: ""
}

.elementor-field-subgroup {
    display: flex;
    flex-wrap: wrap
}

.elementor-field-subgroup .elementor-field-option label {
    display: inline-block
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding-right: 10px
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    flex-basis: 100%
}

.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label {
    display: inline
}

.elementor-field-label {
    cursor: pointer
}

.elementor-mark-required .elementor-field-label:after {
    content: "*";
    color: red;
    padding-left: .2em
}

.elementor-field-textual {
    line-height: 1.4;
    font-size: 15px;
    min-height: 40px;
    padding: 5px 14px;
    border-radius: 3px
}

.elementor-field-textual.elementor-size-xs {
    font-size: 13px;
    min-height: 33px;
    padding: 4px 12px;
    border-radius: 2px
}

.elementor-field-textual.elementor-size-md {
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px
}

.elementor-field-textual.elementor-size-lg {
    font-size: 18px;
    min-height: 59px;
    padding: 7px 20px;
    border-radius: 5px
}

.elementor-field-textual.elementor-size-xl {
    font-size: 20px;
    min-height: 72px;
    padding: 8px 24px;
    border-radius: 6px
}

.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    flex-basis: 100%
}

.elementor-button-align-stretch .e-form__buttons__wrapper {
    flex-basis: 50%;
    flex-grow: 1
}

.elementor-button-align-stretch .e-form__buttons__wrapper__button {
    flex-basis: 100%
}

.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit {
    justify-content: center
}

.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit {
    justify-content: flex-start
}

.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit {
    justify-content: flex-end
}

.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    flex-basis: auto
}

.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper {
    flex-grow: 0
}

.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button {
    flex-basis: auto
}

@media screen and (max-width: 1024px) {
    .elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        flex-basis:100%
    }

    .elementor-tablet-button-align-stretch .e-form__buttons__wrapper {
        flex-basis: 50%;
        flex-grow: 1
    }

    .elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button {
        flex-basis: 100%
    }

    .elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit {
        justify-content: center
    }

    .elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit {
        justify-content: flex-start
    }

    .elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit {
        justify-content: flex-end
    }

    .elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        flex-basis: auto
    }

    .elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper {
        flex-grow: 0
    }

    .elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button {
        flex-basis: auto
    }
}

@media screen and (max-width: 767px) {
    .elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        flex-basis:100%
    }

    .elementor-mobile-button-align-stretch .e-form__buttons__wrapper {
        flex-basis: 50%;
        flex-grow: 1
    }

    .elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button {
        flex-basis: 100%
    }

    .elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit {
        justify-content: center
    }

    .elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit {
        justify-content: flex-start
    }

    .elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit {
        justify-content: flex-end
    }

    .elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        flex-basis: auto
    }

    .elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper {
        flex-grow: 0
    }

    .elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button {
        flex-basis: auto
    }
}

.elementor-error .elementor-field {
    border-color: #d9534f
}

.elementor-error .help-inline {
    color: #d9534f;
    font-size: .9em
}

.elementor-message {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1
}

.elementor-message:before {
    content: "\e90e";
    display: inline-block;
    font-family: eicons;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px
}

.elementor-message.elementor-message-danger {
    color: #d9534f
}

.elementor-message.elementor-message-danger:before {
    content: "\e87f"
}

.elementor-message.form-message-success {
    color: #5cb85c
}

.elementor-form .elementor-button {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

.elementor-form .elementor-button>span {
    display: flex;
    justify-content: center
}

.elementor-form .elementor-button.elementor-size-xs {
    min-height: 33px
}

.elementor-form .elementor-button.elementor-size-sm {
    min-height: 40px
}

.elementor-form .elementor-button.elementor-size-md {
    min-height: 47px
}

.elementor-form .elementor-button.elementor-size-lg {
    min-height: 59px
}

.elementor-form .elementor-button.elementor-size-xl {
    min-height: 72px
}

.elementor-element .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)
}

.elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: #69727d;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s
}

.elementor-button:focus,.elementor-button:hover,.elementor-button:visited {
    color: #fff
}

.elementor-button-content-wrapper {
    display: flex;
    justify-content: center
}

.elementor-button-icon {
    flex-grow: 0;
    order: 5
}

.elementor-button-icon svg {
    width: 1em;
    height: auto
}

.elementor-button-icon .e-font-icon-svg {
    height: 1em
}

.elementor-button-text {
    flex-grow: 1;
    order: 10;
    display: inline-block
}

.elementor-button.elementor-size-xs {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px
}

.elementor-button.elementor-size-md {
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 4px
}

.elementor-button.elementor-size-lg {
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 5px
}

.elementor-button.elementor-size-xl {
    font-size: 20px;
    padding: 25px 50px;
    border-radius: 6px
}

.elementor-button .elementor-align-icon-right {
    margin-left: 5px;
    order: 15
}

.elementor-button .elementor-align-icon-left {
    margin-right: 5px;
    order: 5
}

.elementor-button span {
    text-decoration: inherit
}

.elementor-element.elementor-button-info .elementor-button {
    background-color: #5bc0de
}

.elementor-element.elementor-button-success .elementor-button {
    background-color: #5cb85c
}

.elementor-element.elementor-button-warning .elementor-button {
    background-color: #f0ad4e
}

.elementor-element.elementor-button-danger .elementor-button {
    background-color: #d9534f
}

.elementor-widget-button .elementor-button .elementor-button-info {
    background-color: #5bc0de
}

.elementor-widget-button .elementor-button .elementor-button-success {
    background-color: #5cb85c
}

.elementor-widget-button .elementor-button .elementor-button-warning {
    background-color: #f0ad4e
}

.elementor-widget-button .elementor-button .elementor-button-danger {
    background-color: #d9534f
}

.elementor-tab-title a {
    color: inherit
}

.elementor-view-stacked .elementor-icon {
    padding: .5em;
    background-color: #69727d;
    color: #fff;
    fill: #fff
}

.elementor-view-framed .elementor-icon {
    padding: .5em;
    color: #69727d;
    border: 3px solid #69727d;
    background-color: transparent
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    color: #69727d;
    font-size: 50px;
    text-align: center
}

.elementor-icon:hover {
    color: #69727d
}

.elementor-icon i,.elementor-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block
}

.elementor-icon i:before,.elementor-icon svg:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.elementor-icon i.fad {
    width: auto
}

.elementor-shape-circle .elementor-icon {
    border-radius: 50%
}

.e-transform .elementor-widget-container {
    transform: perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));
    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x)
}

.e-con.e-transform {
    transform: perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));
    transform-origin: var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)
}

.elementor-element,.elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px
}

.elementor-element .swiper-container .swiper-slide figure,.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper-container .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure {
    line-height: 0
}

.elementor-element .swiper-container .elementor-lightbox-content-source,.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper-container .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source {
    display: none
}

.elementor-element .swiper-container .elementor-swiper-button,.elementor-element .swiper-container~.elementor-swiper-button,.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper-container .elementor-swiper-button,.elementor-lightbox .swiper-container~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button {
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: hsla(0,0%,93.3%,.9);
    top: 50%;
    transform: translateY(-50%)
}

.elementor-element .swiper-container .elementor-swiper-button svg,.elementor-element .swiper-container~.elementor-swiper-button svg,.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper-container .elementor-swiper-button svg,.elementor-lightbox .swiper-container~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg {
    fill: hsla(0,0%,93.3%,.9);
    height: 1em;
    width: 1em
}

.elementor-element .swiper-container .elementor-swiper-button-prev,.elementor-element .swiper-container~.elementor-swiper-button-prev,.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper-container .elementor-swiper-button-prev,.elementor-lightbox .swiper-container~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev {
    left: 10px
}

.elementor-element .swiper-container .elementor-swiper-button-next,.elementor-element .swiper-container~.elementor-swiper-button-next,.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper-container .elementor-swiper-button-next,.elementor-lightbox .swiper-container~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next {
    right: 10px
}

.elementor-element .swiper-container .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper-container~.elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled {
    opacity: .3
}

.elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image {
    width: 100%
}

.elementor-element .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container .swiper-pagination-custom,.elementor-element .swiper-container .swiper-pagination-fraction,.elementor-element .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container~.swiper-pagination-custom,.elementor-element .swiper-container~.swiper-pagination-fraction,.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container .swiper-pagination-custom,.elementor-lightbox .swiper-container .swiper-pagination-fraction,.elementor-lightbox .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container~.swiper-pagination-custom,.elementor-lightbox .swiper-container~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction {
    bottom: 5px
}

.elementor-element .swiper-container.swiper-cube .elementor-swiper-button,.elementor-element .swiper-container.swiper-cube~.elementor-swiper-button,.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper-container.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper-container.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button {
    transform: translate3d(0,-50%,1px)
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets {
    bottom: 5px;
    left: 0;
    width: 100%
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.elementor-element.elementor-pagination-position-outside .swiper,.elementor-element.elementor-pagination-position-outside .swiper-container,.elementor-lightbox.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper-container {
    padding-bottom: 30px
}

.elementor-element.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper-container~.elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button {
    top: calc(50% - 30px / 2)
}

.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper {
    position: relative
}

.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper {
    position: static
}

.elementor-element.elementor-arrows-position-outside .swiper,.elementor-element.elementor-arrows-position-outside .swiper-container,.elementor-lightbox.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper-container {
    width: calc(100% - 60px)
}

.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
    left: 0
}

.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
    right: 0
}

.elementor-lightbox {
    --lightbox-ui-color: hsla(0,0%,93.3%,0.9);
    --lightbox-ui-color-hover: #fff;
    --lightbox-text-color: var(--lightbox-ui-color);
    --lightbox-header-icons-size: 20px;
    --lightbox-navigation-icons-size: 25px
}

.elementor-lightbox:not(.elementor-popup-modal) .dialog-header,.elementor-lightbox:not(.elementor-popup-modal) .dialog-message {
    text-align: center
}

.elementor-lightbox .dialog-header {
    display: none
}

.elementor-lightbox .dialog-widget-content {
    background: none;
    box-shadow: none;
    width: 100%;
    height: 100%
}

.elementor-lightbox .dialog-message {
    animation-duration: .3s;
    height: 100%
}

.elementor-lightbox .dialog-message.dialog-lightbox-message {
    padding: 0
}

.elementor-lightbox .dialog-lightbox-close-button {
    cursor: pointer;
    position: absolute;
    font-size: var(--lightbox-header-icons-size);
    right: .75em;
    margin-top: 13px;
    padding: .25em;
    z-index: 2;
    line-height: 1;
    display: flex
}

.elementor-lightbox .dialog-lightbox-close-button svg {
    height: 1em;
    width: 1em
}

.elementor-lightbox .dialog-lightbox-close-button,.elementor-lightbox .elementor-swiper-button {
    color: var(--lightbox-ui-color);
    transition: all .3s;
    opacity: 1
}

.elementor-lightbox .dialog-lightbox-close-button svg,.elementor-lightbox .elementor-swiper-button svg {
    fill: var(--lightbox-ui-color)
}

.elementor-lightbox .dialog-lightbox-close-button:hover,.elementor-lightbox .elementor-swiper-button:hover {
    color: var(--lightbox-ui-color-hover)
}

.elementor-lightbox .dialog-lightbox-close-button:hover svg,.elementor-lightbox .elementor-swiper-button:hover svg {
    fill: var(--lightbox-ui-color-hover)
}

.elementor-lightbox .swiper,.elementor-lightbox .swiper-container {
    height: 100%
}

.elementor-lightbox .elementor-lightbox-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 70px;
    box-sizing: border-box;
    height: 100%;
    margin: auto
}

@media (max-width: 767px) {
    .elementor-lightbox .elementor-lightbox-item {
        padding:70px 0
    }
}

.elementor-lightbox .elementor-lightbox-image {
    max-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.elementor-lightbox .elementor-lightbox-image,.elementor-lightbox .elementor-lightbox-image:hover {
    opacity: 1;
    filter: none;
    border: none
}

.elementor-lightbox .elementor-lightbox-image {
    box-shadow: 0 0 30px rgba(0,0,0,.3),0 0 8px -5px rgba(0,0,0,.3);
    border-radius: 2px
}

.elementor-lightbox .elementor-video-container {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.elementor-lightbox .elementor-video-container .elementor-video-landscape,.elementor-lightbox .elementor-video-container .elementor-video-portrait,.elementor-lightbox .elementor-video-container .elementor-video-square {
    width: 100%;
    height: 100%;
    margin: auto
}

.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-square iframe {
    border: 0;
    background-color: #000
}

.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-landscape video,.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait video,.elementor-lightbox .elementor-video-container .elementor-video-square iframe,.elementor-lightbox .elementor-video-container .elementor-video-square video {
    aspect-ratio: var(--video-aspect-ratio,1.77777)
}

@supports not (aspect-ratio: 1/1) {
    .elementor-lightbox .elementor-video-container .elementor-video-landscape,.elementor-lightbox .elementor-video-container .elementor-video-portrait,.elementor-lightbox .elementor-video-container .elementor-video-square {
        position:relative;
        overflow: hidden;
        height: 0;
        padding-bottom: calc(100% / var(--video-aspect-ratio, 1.77777))
    }

    .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-landscape video,.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait video,.elementor-lightbox .elementor-video-container .elementor-video-square iframe,.elementor-lightbox .elementor-video-container .elementor-video-square video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.elementor-lightbox .elementor-video-container .elementor-video-square iframe,.elementor-lightbox .elementor-video-container .elementor-video-square video {
    width: min(90vh,90vw);
    height: min(90vh,90vw)
}

.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-landscape video {
    width: 100%;
    max-height: 90vh
}

.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait video {
    height: 100%;
    max-width: 90vw
}

@media (min-width: 1025px) {
    .elementor-lightbox .elementor-video-container .elementor-video-landscape {
        width:85vw;
        max-height: 85vh
    }

    .elementor-lightbox .elementor-video-container .elementor-video-portrait {
        height: 85vh;
        max-width: 85vw
    }
}

@media (max-width: 1024px) {
    .elementor-lightbox .elementor-video-container .elementor-video-landscape {
        width:95vw;
        max-height: 95vh
    }

    .elementor-lightbox .elementor-video-container .elementor-video-portrait {
        height: 95vh;
        max-width: 95vw
    }
}

.elementor-lightbox .swiper-container .elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev {
    left: 0
}

.elementor-lightbox .swiper-container .elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next {
    right: 0
}

.elementor-lightbox .swiper-container .swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-pagination-fraction {
    width: -moz-max-content;
    width: max-content;
    color: #fff
}

.elementor-lightbox .elementor-swiper-button:focus {
    outline-width: 1px
}

.elementor-lightbox .elementor-swiper-button-next,.elementor-lightbox .elementor-swiper-button-prev {
    height: 100%;
    display: flex;
    align-items: center;
    width: 15%;
    justify-content: center;
    font-size: var(--lightbox-navigation-icons-size)
}

@media (max-width: 767px) {
    .elementor-lightbox .elementor-swiper-button:focus {
        outline:none
    }

    .elementor-lightbox .elementor-swiper-button-next,.elementor-lightbox .elementor-swiper-button-prev {
        width: 20%
    }

    .elementor-lightbox .elementor-swiper-button-next i,.elementor-lightbox .elementor-swiper-button-prev i {
        padding: 10px;
        background-color: rgba(0,0,0,.5)
    }

    .elementor-lightbox .elementor-swiper-button-prev {
        left: 0;
        justify-content: flex-start
    }

    .elementor-lightbox .elementor-swiper-button-next {
        right: 0;
        justify-content: flex-end
    }
}

.elementor-slideshow__counter {
    color: currentColor;
    font-size: .75em;
    width: -moz-max-content;
    width: max-content
}

.elementor-slideshow__footer,.elementor-slideshow__header {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px 20px;
    transition: .3s
}

.elementor-slideshow__footer {
    color: var(--lightbox-text-color)
}

.elementor-slideshow__header {
    color: var(--lightbox-ui-color);
    display: flex;
    flex-direction: row-reverse;
    font-size: var(--lightbox-header-icons-size);
    padding-left: 1em;
    padding-right: 2.6em;
    top: 0;
    align-items: center;
    z-index: 10
}

.elementor-slideshow__header>i,.elementor-slideshow__header>svg {
    cursor: pointer;
    padding: .25em;
    margin: 0 .35em
}

.elementor-slideshow__header>i {
    font-size: inherit
}

.elementor-slideshow__header>i:hover {
    color: var(--lightbox-ui-color-hover)
}

.elementor-slideshow__header>svg {
    box-sizing: content-box;
    fill: var(--lightbox-ui-color);
    height: 1em;
    width: 1em
}

.elementor-slideshow__header>svg:hover {
    fill: var(--lightbox-ui-color-hover)
}

.elementor-slideshow__header .elementor-slideshow__counter {
    margin-right: auto
}

.elementor-slideshow__header .elementor-icon-share {
    z-index: 5
}

.elementor-slideshow__share-menu {
    background-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    transition: background-color .4s
}

.elementor-slideshow__share-menu .elementor-slideshow__share-links a {
    color: #0c0d0e
}

.elementor-slideshow__share-links {
    display: block;
    position: absolute;
    min-width: 200px;
    right: 2.8em;
    top: 3em;
    background-color: #fff;
    border-radius: 3px;
    padding: 14px 20px;
    transform: scale(0);
    opacity: 0;
    transform-origin: 90% 10%;
    transition: all .25s .1s;
    box-shadow: 0 4px 15px rgba(0,0,0,.3)
}

.elementor-slideshow__share-links a {
    text-align: left;
    color: #3f444b;
    font-size: 12px;
    line-height: 2.5;
    display: block;
    opacity: 0;
    transition: opacity .5s .1s
}

.elementor-slideshow__share-links a:hover {
    color: #000
}

.elementor-slideshow__share-links a i,.elementor-slideshow__share-links a svg {
    margin-right: .75em
}

.elementor-slideshow__share-links a i {
    font-size: 1.25em
}

.elementor-slideshow__share-links a svg {
    height: 1.25em;
    width: 1.25em
}

.elementor-slideshow__share-links:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: .5em;
    border: .45em solid transparent;
    border-bottom-color: #fff;
    transform: translateY(-100%) scaleX(.7)
}

.elementor-slideshow__footer {
    bottom: 0;
    z-index: 5;
    position: fixed
}

.elementor-slideshow__description,.elementor-slideshow__title {
    margin: 0
}

.elementor-slideshow__title {
    font-size: 16px;
    font-weight: 700
}

.elementor-slideshow__description {
    font-size: 14px
}

.elementor-slideshow--ui-hidden .elementor-slideshow__footer,.elementor-slideshow--ui-hidden .elementor-slideshow__header {
    opacity: 0;
    pointer-events: none
}

.elementor-slideshow--ui-hidden .elementor-swiper-button-next,.elementor-slideshow--ui-hidden .elementor-swiper-button-prev {
    opacity: 0
}

.elementor-slideshow--fullscreen-mode .elementor-video-container {
    width: 100%
}

.elementor-slideshow--zoom-mode .elementor-slideshow__footer,.elementor-slideshow--zoom-mode .elementor-slideshow__header {
    background-color: rgba(0,0,0,.5)
}

.elementor-slideshow--zoom-mode .elementor-swiper-button-next,.elementor-slideshow--zoom-mode .elementor-swiper-button-prev {
    opacity: 0;
    pointer-events: none
}

.elementor-slideshow--share-mode .elementor-slideshow__share-menu {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    cursor: default;
    background-color: rgba(0,0,0,.5)
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links {
    transform: scale(1)
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links,.elementor-slideshow--share-mode .elementor-slideshow__share-links a {
    opacity: 1
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter {
    color: #1da1f2
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook {
    color: #3b5998
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest {
    color: #bd081c
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold {
    color: #9da5ae
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter {
    fill: #1da1f2
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook {
    fill: #3b5998
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest {
    fill: #bd081c
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold {
    fill: #9da5ae
}

.elementor-slideshow--share-mode .eicon-share-arrow {
    z-index: 2
}

.animated {
    animation-duration: 1.25s
}

.animated.animated-slow {
    animation-duration: 2s
}

.animated.animated-fast {
    animation-duration: .75s
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.reverse {
    animation-direction: reverse;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .animated {
        animation: none
    }
}

.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr
}

.elementor-shape-top {
    top: -1px
}

.elementor-shape-top:not([data-negative=false]) svg {
    z-index: -1
}

.elementor-shape-bottom {
    bottom: -1px
}

.elementor-shape-bottom:not([data-negative=true]) svg {
    z-index: -1
}

.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top {
    transform: rotate(180deg)
}

.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.elementor-shape .elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg)
}

#wp-admin-bar-elementor_edit_page>.ab-item:before {
    content: "\e813";
    font-family: eicons;
    top: 3px;
    font-size: 18px
}

#wp-admin-bar-elementor_edit_page .ab-submenu .ab-item {
    display: flex;
    width: 200px
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-type {
    background: #3f444b;
    font-size: 11px;
    line-height: 9px;
    margin-top: 6px;
    padding: 4px 8px;
    border-radius: 3px
}

#wp-admin-bar-elementor_inspector>.ab-item:before {
    content: "\f348";
    top: 2px
}

#wpadminbar * {
    font-style: normal
}

.page-template-elementor_canvas.elementor-page:before {
    display: none
}

.elementor-post__thumbnail__link {
    transition: none
}

#left-area ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items {
    padding: 0
}

.e--ua-appleWebkit.rtl {
    --flex-right: flex-start
}

.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right {
    --justify-content: var(--flex-right,flex-end)
}

.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center {
    --justify-content: center
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify-content,space-between);
    margin-left: calc(-.5 * var(--grid-column-gap));
    margin-right: calc(-.5 * var(--grid-column-gap))
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item {
    margin-left: calc(.5 * var(--grid-column-gap));
    margin-right: calc(.5 * var(--grid-column-gap))
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid {
    display: inline-block
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item {
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 1024px) {
    .e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right {
        --justify-content:var(--flex-right,flex-end)
    }

    .e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center {
        --justify-content: center
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--justify-content,space-between);
        margin-left: calc(-.5 * var(--grid-column-gap));
        margin-right: calc(-.5 * var(--grid-column-gap))
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item {
        margin-left: calc(.5 * var(--grid-column-gap));
        margin-right: calc(.5 * var(--grid-column-gap))
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid {
        display: inline-block
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right {
        --justify-content:var(--flex-right,flex-end)
    }

    .e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center {
        --justify-content: center
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--justify-content,space-between);
        margin-left: calc(-.5 * var(--grid-column-gap));
        margin-right: calc(-.5 * var(--grid-column-gap))
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item {
        margin-left: calc(.5 * var(--grid-column-gap));
        margin-right: calc(.5 * var(--grid-column-gap))
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid {
        display: inline-block
    }

    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone {
        display:none
    }
}

@media (min-width: -1) and (max-width:-1) {
    .elementor .elementor-hidden-mobile_extra {
        display:none
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .elementor .elementor-hidden-tablet {
        display:none
    }
}

@media (min-width: -1) and (max-width:-1) {
    .elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra {
        display:none
    }
}

@media (min-width: 1025px) and (max-width:99999px) {
    .elementor .elementor-hidden-desktop {
        display:none
    }
}

@media (min-width: -1) {
    .elementor .elementor-hidden-widescreen {
        display:none
    }
}

.elementor-widget-text-path {
    font-size: 20px;
    text-align: var(--alignment,left)
}

.elementor-widget-text-path svg {
    width: var(--width);
    max-width: 100%;
    height: auto;
    overflow: visible;
    word-spacing: var(--word-spacing);
    transform: rotate(var(--rotate,0)) scaleX(var(--scale-x,1)) scaleY(var(--scale-y,1))
}

.elementor-widget-text-path svg path {
    vector-effect: non-scaling-stroke;
    fill: var(--path-fill,transparent);
    stroke: var(--stroke-color,transparent);
    stroke-width: var(--stroke-width,1px);
    transition: var(--stroke-transition) stroke,var(--stroke-transition) fill
}

.elementor-widget-text-path svg:hover path {
    --path-fill: var(--path-fill-hover);
    --stroke-color: var(--stroke-color-hover);
    --stroke-width: var(--stroke-width-hover)
}

.elementor-widget-text-path svg text {
    --fill: var(--text-color);
    fill: var(--fill);
    direction: var(--direction,ltr);
    transition: var(--transition) stroke,var(--transition) stroke-width,var(--transition) fill
}

.elementor-widget-text-path svg text:hover {
    --color: var(--text-color-hover,var(--text-color));
    --fill: var(--color);
    color: var(--color)
}

.elementor-widget-n-tabs {
    --n-tabs-color-accent-fallback: #61ce70;
    --n-tabs-color-secondary-fallback: #54595f;
    --n-tabs-default-padding-block: 15px;
    --n-tabs-default-padding-inline: 35px;
    --n-tabs-background-color: transparent;
    --n-tabs-display: flex;
    --n-tabs-direction: column;
    --n-tabs-gap: 10px;
    --n-tabs-heading-display: flex;
    --n-tabs-heading-direction: row;
    --n-tabs-heading-grow: initial;
    --n-tabs-heading-justify-content: center;
    --n-tabs-heading-width: initial;
    --n-tabs-heading-overflow-x: initial;
    --n-tabs-heading-wrap: nowrap;
    --n-tabs-border-width: 1px;
    --n-tabs-border-color: #d5d8dc;
    --n-tabs-content-display: flex;
    --n-tabs-title-color: var(--e-global-color-secondary,var(--n-tabs-color-secondary-fallback));
    --n-tabs-title-color-hover: #fff;
    --n-tabs-title-color-active: #fff;
    --n-tabs-title-background-color: #f1f2f3;
    --n-tabs-title-background-color-hover: var(--e-global-color-accent,var(--n-tabs-color-accent-fallback));
    --n-tabs-title-background-color-active: var(--e-global-color-accent,var(--n-tabs-color-accent-fallback));
    --n-tabs-title-width: initial;
    --n-tabs-title-height: initial;
    --n-tabs-title-font-size: 1rem;
    --n-tabs-title-white-space: initial;
    --n-tabs-title-justify-content-toggle: initial;
    --n-tabs-title-align-items-toggle: center;
    --n-tabs-title-justify-content: center;
    --n-tabs-title-align-items: center;
    --n-tabs-title-text-align: center;
    --n-tabs-title-direction: row;
    --n-tabs-title-gap: 10px;
    --n-tabs-title-flex-grow: 0;
    --n-tabs-title-flex-basis: content;
    --n-tabs-title-flex-shrink: initial;
    --n-tabs-title-order: initial;
    --n-tabs-title-padding-block-start: var(--n-tabs-default-padding-block);
    --n-tabs-title-padding-inline-end: var(--n-tabs-default-padding-inline);
    --n-tabs-title-padding-block-end: var(--n-tabs-default-padding-block);
    --n-tabs-title-padding-inline-start: var(--n-tabs-default-padding-inline);
    --n-tabs-title-border-radius: initial;
    --n-tabs-title-transition: 0.3s;
    --n-tabs-icon-color: var(--e-global-color-secondary,var(--n-tabs-color-secondary-fallback));
    --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover);
    --n-tabs-icon-color-active: #fff;
    --n-tabs-icon-gap: 5px;
    width: 100%;
    max-width: 100%
}

.elementor-widget-n-tabs .e-n-tabs {
    display: var(--n-tabs-display);
    flex-direction: var(--n-tabs-direction);
    gap: var(--n-tabs-gap);
    text-align: start;
    min-width: 0
}

.elementor-widget-n-tabs .e-n-tabs-heading {
    display: var(--n-tabs-heading-display);
    flex-basis: var(--n-tabs-heading-width);
    flex-direction: var(--n-tabs-heading-direction);
    flex-shrink: 0;
    justify-content: var(--n-tabs-heading-justify-content);
    gap: var(--n-tabs-title-gap);
    overflow-x: var(--n-tabs-heading-overflow-x);
    flex-wrap: var(--n-tabs-heading-wrap);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar {
    display: none
}

.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active {
    position: relative
}

.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active:before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: -1000vw;
    z-index: 2
}

.elementor-widget-n-tabs .e-n-tabs-content {
    display: var(--n-tabs-content-display);
    flex-grow: 1;
    min-width: 0
}

.elementor-widget-n-tabs .e-n-tabs-content>.e-con:not(.e-active) {
    display: none
}

.elementor-widget-n-tabs .e-n-tabs:not(.e-activated)>.e-n-tabs-content>.e-con:first-child {
    display: flex
}

.elementor-widget-n-tabs .e-n-tab-title {
    all: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: var(--n-tabs-title-align-items-toggle,var(--n-tabs-title-align-items));
    flex-direction: var(--n-tabs-title-direction);
    justify-content: var(--n-tabs-title-justify-content-toggle,var(--n-tabs-title-justify-content));
    gap: var(--n-tabs-icon-gap);
    border-width: var(--n-tabs-border-width);
    position: relative;
    cursor: pointer;
    outline: none;
    flex-grow: var(--n-tabs-title-flex-grow);
    flex-basis: var(--n-tabs-title-flex-basis);
    flex-shrink: var(--n-tabs-title-flex-shrink);
    padding-block-start:var(--n-tabs-title-padding-block-start);padding-inline-end: var(--n-tabs-title-padding-inline-end);
    padding-block-end:var(--n-tabs-title-padding-block-end);padding-inline-start: var(--n-tabs-title-padding-inline-start);
    border-radius: var(--n-tabs-title-border-radius);
    height: var(--n-tabs-title-height);
    width: var(--n-tabs-title-width);
    white-space: var(--n-tabs-title-white-space);
    transition: background var(--n-tabs-title-transition),color var(--n-tabs-title-transition),border var(--n-tabs-title-transition),box-shadow var(--n-tabs-title-transition),text-shadow var(--n-tabs-title-transition),stroke var(--n-tabs-title-transition),stroke-width var(--n-tabs-title-transition),-webkit-text-stroke-width var(--n-tabs-title-transition),-webkit-text-stroke-color var(--n-tabs-title-transition),transform var(--n-tabs-title-transition)
}

.elementor-widget-n-tabs .e-n-tab-title:focus-visible {
    outline: 5px auto -webkit-focus-ring-color
}

.elementor-widget-n-tabs .e-n-tab-title span i,.elementor-widget-n-tabs .e-n-tab-title span svg {
    transition: color var(--n-tabs-title-transition),fill var(--n-tabs-title-transition)
}

.elementor-widget-n-tabs .e-n-tab-title-text {
    display: flex;
    align-items: center;
    font-size: var(--n-tabs-title-font-size);
    text-align: var(--n-tabs-title-text-align)
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    order: var(--n-tabs-icon-order);
    overflow: hidden
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon i {
    font-size: var(--n-tabs-icon-size,var(--n-tabs-title-font-size))
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg {
    width: var(--n-tabs-icon-size,var(--n-tabs-title-font-size));
    height: var(--n-tabs-icon-size,var(--n-tabs-title-font-size))
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon:empty {
    display: none
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] {
    background-color: var(--n-tabs-title-background-color)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false],.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] a {
    color: var(--n-tabs-title-color)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i {
    color: var(--n-tabs-icon-color)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i:last-child,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg:last-child {
    transform: translateY(-100vh);
    height: 0;
    opacity: 0
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true],.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a {
    color: var(--n-tabs-title-color-active)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i {
    color: var(--n-tabs-icon-color-active)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color-active)
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i:first-child,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg:first-child {
    transform: translateY(-100vh);
    height: 0;
    opacity: 0
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:active,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:focus,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:hover {
    transform: none;
    animation: initial
}

.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover,.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover a {
    color: var(--n-tabs-title-color-hover)
}

.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i {
    color: var(--n-tabs-icon-color-hover)
}

.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color-hover)
}

.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover a {
    color: var(--n-tabs-title-color-active)
}

.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i {
    color: var(--n-tabs-icon-color-active)
}

.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color-active)
}

.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:first-child,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:first-child {
    transform: translateY(-100vh);
    height: 0;
    opacity: 0
}

.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:active,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:focus,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:hover {
    transform: none;
    animation: initial
}

.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:last-child,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:last-child {
    transform: none;
    height: auto;
    opacity: 1
}

.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background-color: var(--n-tabs-title-background-color-hover);
    background-image: none
}

.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true],.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background-color: var(--n-tabs-title-background-color-active);
    background-image: none
}

@media (max-width: 767px) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile {
        --n-tabs-direction:column;
        --n-tabs-heading-display: contents;
        --n-tabs-content-display: contents
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs {
        gap: 0
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-content>.e-con {
        order: var(--n-tabs-title-order)
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
        order: var(--n-tabs-title-order);
        width: auto
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child) {
        margin-block-start:var(--n-tabs-title-gap)}

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] {
        margin-block-end: var(--n-tabs-gap)
    }
}

@media (max-width: -1) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra {
        --n-tabs-direction:column;
        --n-tabs-heading-display: contents;
        --n-tabs-content-display: contents
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs {
        gap: 0
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs-content>.e-con {
        order: var(--n-tabs-title-order)
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title {
        order: var(--n-tabs-title-order);
        width: auto
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title:not(:first-child) {
        margin-block-start:var(--n-tabs-title-gap)}

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title[aria-selected=true] {
        margin-block-end: var(--n-tabs-gap)
    }
}

@media (max-width: 1024px) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet {
        --n-tabs-direction:column;
        --n-tabs-heading-display: contents;
        --n-tabs-content-display: contents
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs {
        gap: 0
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs-content>.e-con {
        order: var(--n-tabs-title-order)
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title {
        order: var(--n-tabs-title-order);
        width: auto
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title:not(:first-child) {
        margin-block-start:var(--n-tabs-title-gap)}

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title[aria-selected=true] {
        margin-block-end: var(--n-tabs-gap)
    }
}

@media (max-width: -1) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra {
        --n-tabs-direction:column;
        --n-tabs-heading-display: contents;
        --n-tabs-content-display: contents
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs {
        gap: 0
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs-content>.e-con {
        order: var(--n-tabs-title-order)
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title {
        order: var(--n-tabs-title-order);
        width: auto
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title:not(:first-child) {
        margin-block-start:var(--n-tabs-title-gap)}

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title[aria-selected=true] {
        margin-block-end: var(--n-tabs-gap)
    }
}

@media (max-width: -1) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop {
        --n-tabs-direction:column;
        --n-tabs-heading-display: contents;
        --n-tabs-content-display: contents
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs {
        gap: 0
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs-content>.e-con {
        order: var(--n-tabs-title-order)
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title {
        order: var(--n-tabs-title-order);
        width: auto
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title:not(:first-child) {
        margin-block-start:var(--n-tabs-title-gap)}

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title[aria-selected=true] {
        margin-block-end: var(--n-tabs-gap)
    }
}

.elementor-widget-n-accordion {
    --n-accordion-title-font-size: 20px;
    --n-accordion-title-flex-grow: initial;
    --n-accordion-title-justify-content: initial;
    --n-accordion-title-icon-order: -1;
    --n-accordion-border-width: 1px;
    --n-accordion-border-color: #d5d8dc;
    --n-accordion-border-style: solid;
    --n-accordion-item-title-flex-grow: initial;
    --n-accordion-item-title-space-between: 0px;
    --n-accordion-item-title-distance-from-content: 0px;
    --n-accordion-padding: 10px;
    --n-accordion-border-radius: 0px;
    --n-accordion-icon-size: 15px;
    --n-accordion-title-normal-color: #1f2124;
    --n-accordion-title-hover-color: #1f2124;
    --n-accordion-title-active-color: #1f2124;
    --n-accordion-icon-normal-color: var(--n-accordion-title-normal-color);
    --n-accordion-icon-hover-color: var(--n-accordion-title-hover-color);
    --n-accordion-icon-active-color: var(--n-accordion-title-active-color);
    --n-accordion-icon-gap: 0 10px;
    width: 100%
}

.elementor-widget-n-accordion .e-n-accordion details>summary::-webkit-details-marker {
    display: none
}

.elementor-widget-n-accordion .e-n-accordion-item {
    display: flex;
    flex-direction: column;
    position: relative
}

.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) {
    margin-block-end:var(--n-accordion-item-title-space-between)}

.elementor-widget-n-accordion .e-n-accordion-item-title,: where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con) {
    border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: var(--n-accordion-padding);
    justify-content: var(--n-accordion-title-justify-content);
    border-radius: var(--n-accordion-border-radius);
    flex-grow: var(--n-menu-title-flex-grow);
    gap: var(--n-accordion-icon-gap);
    color: var(--n-accordion-title-normal-color);
    align-items: center;
    cursor: pointer
}

.elementor-widget-n-accordion .e-n-accordion-item-title-header {
    display: flex
}

.elementor-widget-n-accordion .e-n-accordion-item-title-header h1,.elementor-widget-n-accordion .e-n-accordion-item-title-header h2,.elementor-widget-n-accordion .e-n-accordion-item-title-header h3,.elementor-widget-n-accordion .e-n-accordion-item-title-header h4,.elementor-widget-n-accordion .e-n-accordion-item-title-header h5,.elementor-widget-n-accordion .e-n-accordion-item-title-header h6,.elementor-widget-n-accordion .e-n-accordion-item-title-header p {
    margin-block-start:0;margin-block-end:0}

.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    font-size: var(--n-accordion-title-font-size);
    align-items: center
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    order: var(--n-accordion-title-icon-order);
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon span {
    height: var(--n-accordion-icon-size);
    width: var(--n-accordion-icon-size);
    font-size: var(--n-accordion-icon-size)
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>i {
    color: var(--n-accordion-icon-normal-color)
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg {
    fill: var(--n-accordion-icon-normal-color)
}

.elementor-widget-n-accordion .e-n-accordion-item-title>span {
    cursor: pointer
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title {
    margin-block-end:var(--n-accordion-item-title-distance-from-content);color: var(--n-accordion-title-active-color)
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened {
    display: flex
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed {
    display: none
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>i {
    color: var(--n-accordion-icon-active-color)
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>svg {
    fill: var(--n-accordion-icon-active-color)
}

.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title {
    color: var(--n-accordion-title-hover-color)
}

.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>i {
    color: var(--n-accordion-icon-hover-color)
}

.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>svg {
    fill: var(--n-accordion-icon-hover-color)
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened {
    display: none
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed {
    display: flex
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg {
    fill: var(--n-accordion-icon-normal-color)
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>i {
    color: var(--n-accordion-icon-normal-color)
}

.elementor-widget-n-accordion .e-n-accordion-item>span {
    cursor: pointer
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container .swiper-slide figure {
    line-height: 0
}

.swiper-container .elementor-lightbox-content-source {
    display: none
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 5px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

.swiper-pagination-fraction {
    color: #000
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.5)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.elementor-pagination-position-outside .swiper-container {
    padding-bottom: 30px
}

.elementor-pagination-position-outside .elementor-swiper-button {
    top: calc(50% - 30px / 2)
}

.elementor-swiper {
    position: relative
}

.elementor-main-swiper {
    position: static
}

.elementor-arrows-position-outside .swiper-container {
    width: calc(100% - 60px)
}

.elementor-arrows-position-outside .elementor-swiper-button-prev {
    left: 0
}

.elementor-arrows-position-outside .elementor-swiper-button-next {
    right: 0
}

.swiper-image-stretch .swiper-slide .swiper-slide-image {
    width: 100%
}

.elementor-swiper-button {
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: hsla(0,0%,93.3%,.9);
    top: 50%;
    transform: translateY(-50%)
}

.elementor-swiper-button svg {
    fill: hsla(0,0%,93.3%,.9);
    height: 1em;
    width: 1em
}

.elementor-swiper-button-prev {
    left: 10px
}

.elementor-swiper-button-next {
    right: 10px
}

.elementor-swiper-button.swiper-button-disabled {
    opacity: .3
}

.swiper-container-cube .elementor-swiper-button {
    transform: translate3d(0,-50%,1px)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E") no-repeat 50%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.ei-sub-newsletter,.ei-scoller-flow,.ei-home-slider,.appseo-overflow-visible,.app-startup-overflow-visible,.overflow-visible {
    overflow: visible !important
}

.overflow-hidden {
    overflow: hidden !important
}

.str-title-before h2:before {
    left: 0;
    right: 0;
    top: -15px;
    height: 3px;
    width: 42px;
    content: '';
    margin: 0 auto;
    position: absolute;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0%,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0%,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0%,#324add 49%,#008df9 100%)
}

.str-title-before-left h2:before {
    right: auto;
    left: 0;
    top: -15px;
    height: 3px;
    width: 42px;
    content: '';
    margin: 0 auto;
    position: absolute;
    background-image: -webkit-linear-gradient(325deg,#6407c1 0%,#324add 49%,#008df9 100%);
    background-image: -o-linear-gradient(325deg,#6407c1 0%,#324add 49%,#008df9 100%);
    background-image: linear-gradient(125deg,#6407c1 0%,#324add 49%,#008df9 100%)
}

/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-bahai:before {
    content: "\f666"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-biking:before {
    content: "\f84a"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-alt:before {
    content: "\f422"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-alt:before {
    content: "\f424"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fan:before {
    content: "\f863"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guilded:before {
    content: "\e07e"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-hands-wash:before {
    content: "\e05e"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-handshake-alt-slash:before {
    content: "\e05f"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hive:before {
    content: "\e07f"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-house-user:before {
    content: "\e065"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-innosoft:before {
    content: "\e080"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-instagram-square:before {
    content: "\e055"
}

.fa-instalod:before {
    content: "\e081"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-house:before {
    content: "\e066"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse:before {
    content: "\f8cc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-octopus-deploy:before {
    content: "\e082"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-arrows:before {
    content: "\e068"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-perbyte:before {
    content: "\e083"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-square:before {
    content: "\e01e"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-remove-format:before {
    content: "\f87d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-store-alt-slash:before {
    content: "\e070"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-uncharted:before {
    content: "\e084"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-unity:before {
    content: "\e049"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-vest:before {
    content: "\e085"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-virus:before {
    content: "\e074"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-watchman-monitoring:before {
    content: "\e087"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wodu:before {
    content: "\e088"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-solid-900.eot);
    src: url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-solid-900.woff2) format("woff2"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-solid-900.woff) format("woff"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-solid-900.ttf) format("truetype"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-brands-400.eot);
    src: url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-brands-400.woff2) format("woff2"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-brands-400.woff) format("woff"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-brands-400.ttf) format("truetype"),url(//digitalinvea.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400
}

@font-face {
    font-family: "Flaticon";
    src: url(//digitalinvea.com/wp-content/plugins/appilo-core/assets/appilo-icons-3/css/../fonts/flaticon.eot);
    src: url(//digitalinvea.com/wp-content/plugins/appilo-core/assets/appilo-icons-3/css/../fonts/flaticon.eot?#iefix) format("embedded-opentype"),url(//digitalinvea.com/wp-content/plugins/appilo-core/assets/appilo-icons-3/css/../fonts/flaticon.woff) format("woff"),url(//digitalinvea.com/wp-content/plugins/appilo-core/assets/appilo-icons-3/css/../fonts/flaticon.ttf) format("truetype"),url(//digitalinvea.com/wp-content/plugins/appilo-core/assets/appilo-icons-3/css/../fonts/flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"Flaticon";
        src: url(//digitalinvea.com/wp-content/plugins/appilo-core/assets/appilo-icons-3/css/../fonts/flaticon.svg#Flaticon) format("svg")
    }
}

[class^=flaticon-]:before,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-24-hours:before {
    content: "\f100"
}

.flaticon-exam:before {
    content: "\f101"
}

.flaticon-open-book:before {
    content: "\f102"
}

.flaticon-home:before {
    content: "\f103"
}

.flaticon-quote:before {
    content: "\f104"
}

.flaticon-placeholder:before {
    content: "\f105"
}

.flaticon-placeholder-1:before {
    content: "\f106"
}

.flaticon-placeholder-2:before {
    content: "\f107"
}

.flaticon-placeholder-filled-point:before {
    content: "\f108"
}

.flaticon-telephone:before {
    content: "\f109"
}

.flaticon-phone-call:before {
    content: "\f10a"
}

.flaticon-comment:before {
    content: "\f10b"
}

.flaticon-timetable:before {
    content: "\f10c"
}

.flaticon-unlink:before {
    content: "\f10d"
}

.flaticon-play-arrow:before {
    content: "\f10e"
}

.flaticon-portfolio:before {
    content: "\f10f"
}

.flaticon-money-bag:before {
    content: "\f110"
}

.flaticon-portfolio-1:before {
    content: "\f111"
}

.flaticon-award:before {
    content: "\f112"
}

.flaticon-winner:before {
    content: "\f113"
}

.flaticon-trophy:before {
    content: "\f114"
}

.flaticon-map:before {
    content: "\f115"
}

.flaticon-magnifying-glass:before {
    content: "\f116"
}

.flaticon-menu:before {
    content: "\f117"
}

.flaticon-shopping-cart:before {
    content: "\f118"
}

.flaticon-shopping-cart-1:before {
    content: "\f119"
}

.flaticon-back:before {
    content: "\f11a"
}

.flaticon-play-button:before {
    content: "\f11b"
}

.flaticon-back-arrow:before {
    content: "\f11c"
}

.flaticon-growth:before {
    content: "\f11d"
}

.flaticon-target:before {
    content: "\f11e"
}

.flaticon-settings:before {
    content: "\f11f"
}

.flaticon-avatar:before {
    content: "\f120"
}

.flaticon-share:before {
    content: "\f121"
}

.flaticon-heart:before {
    content: "\f122"
}

.flaticon-like:before {
    content: "\f123"
}

.flaticon-star:before {
    content: "\f124"
}

.flaticon-headphones:before {
    content: "\f125"
}

.flaticon-garbage:before {
    content: "\f126"
}

.flaticon-internet:before {
    content: "\f127"
}

.flaticon-network:before {
    content: "\f128"
}

.flaticon-shopping-cart-2:before {
    content: "\f129"
}

.flaticon-email:before {
    content: "\f12a"
}

.flaticon-message:before {
    content: "\f12b"
}

.flaticon-full-screen:before {
    content: "\f12c"
}

.flaticon-send:before {
    content: "\f12d"
}

.flaticon-success:before {
    content: "\f12e"
}

.flaticon-tick-inside-circle:before {
    content: "\f12f"
}

.flaticon-monitor:before {
    content: "\f130"
}

.flaticon-lock:before {
    content: "\f131"
}

.flaticon-eye:before {
    content: "\f132"
}

.flaticon-rocket-ship:before {
    content: "\f133"
}

.flaticon-headphones-1:before {
    content: "\f134"
}

.flaticon-pin:before {
    content: "\f135"
}

.flaticon-stopwatch:before {
    content: "\f136"
}

.flaticon-email-1:before {
    content: "\f137"
}

.flaticon-crown:before {
    content: "\f138"
}

.flaticon-multiply:before {
    content: "\f139"
}

.flaticon-media-play-symbol:before {
    content: "\f13a"
}

.flaticon-arrow-pointing-to-right:before {
    content: "\f13b"
}

.flaticon-back-1:before {
    content: "\f13c"
}

.flaticon-award-1:before {
    content: "\f13d"
}

.flaticon-pdf:before {
    content: "\f13e"
}

.flaticon-loupe:before {
    content: "\f13f"
}

.flaticon-link:before {
    content: "\f140"
}

.flaticon-user:before {
    content: "\f141"
}

.flaticon-trophy-1:before {
    content: "\f142"
}

.flaticon-house:before {
    content: "\f143"
}

.flaticon-coin:before {
    content: "\f144"
}

.flaticon-line-chart:before {
    content: "\f145"
}

.flaticon-planet-earth:before {
    content: "\f146"
}

.flaticon-pie-chart:before {
    content: "\f147"
}

.flaticon-megaphone:before {
    content: "\f148"
}

.flaticon-quote-1:before {
    content: "\f149"
}

.flaticon-cloud:before {
    content: "\f14a"
}

.flaticon-wheel:before {
    content: "\f14b"
}

.flaticon-light-bulb:before {
    content: "\f14c"
}

.flaticon-clock:before {
    content: "\f14d"
}

.flaticon-clock-1:before {
    content: "\f14e"
}

.flaticon-alarm-clock:before {
    content: "\f14f"
}

.flaticon-alarm-clock-1:before {
    content: "\f150"
}

.flaticon-shopping-bag:before {
    content: "\f151"
}

.flaticon-menu-1:before {
    content: "\f152"
}

.flaticon-big-anchor:before {
    content: "\f153"
}

.flaticon-flash:before {
    content: "\f154"
}

.flaticon-add:before {
    content: "\f155"
}

.flaticon-placeholder-3:before {
    content: "\f156"
}

.flaticon-increase-size-option:before {
    content: "\f157"
}

.flaticon-double-angle-pointing-to-right:before {
    content: "\f158"
}

.flaticon-long-arrow-pointing-to-left:before {
    content: "\f159"
}

.flaticon-long-arrow-pointing-to-the-right:before {
    content: "\f15a"
}

.flaticon-gallery:before {
    content: "\f15b"
}

.flaticon-right-arrow:before {
    content: "\f15c"
}

.flaticon-right-arrow-forward:before {
    content: "\f15d"
}

.flaticon-success-1:before {
    content: "\f15e"
}

.flaticon-paper-plane:before {
    content: "\f15f"
}

.flaticon-high-volume:before {
    content: "\f160"
}

.flaticon-left-arrow:before {
    content: "\f161"
}

.flaticon-go-back-left-arrow:before {
    content: "\f162"
}

.flaticon-file:before {
    content: "\f163"
}

.flaticon-share-symbol:before {
    content: "\f164"
}

.flaticon-favourites-filled-star-symbol:before {
    content: "\f165"
}

.flaticon-star-1:before {
    content: "\f166"
}

.flaticon-gift:before {
    content: "\f167"
}

.flaticon-tick:before {
    content: "\f168"
}

.flaticon-email-2:before {
    content: "\f169"
}

.flaticon-telephone-auricular-with-cable:before {
    content: "\f16a"
}

.flaticon-placeholder-4:before {
    content: "\f16b"
}

.flaticon-calendar:before {
    content: "\f16c"
}

.flaticon-shopping-bag-1:before {
    content: "\f16d"
}

.flaticon-up-arrow:before {
    content: "\f16e"
}

.flaticon-angle-arrow-down:before {
    content: "\f16f"
}

.flaticon-right-arrow-1:before {
    content: "\f170"
}

.flaticon-left-arrow-1:before {
    content: "\f171"
}

.flaticon-check-symbol:before {
    content: "\f172"
}

.flaticon-pdf-1:before {
    content: "\f173"
}

.flaticon-powerpoint-file:before {
    content: "\f174"
}

.flaticon-placeholder-5:before {
    content: "\f175"
}

.flaticon-24-hours-phone-service:before {
    content: "\f176"
}

.flaticon-home-page:before {
    content: "\f177"
}

.flaticon-safe:before {
    content: "\f178"
}

.flaticon-zoom-increasing-symbol:before {
    content: "\f179"
}

.flaticon-zoom-in:before {
    content: "\f17a"
}

.flaticon-folder:before {
    content: "\f17b"
}

.flaticon-comment-1:before {
    content: "\f17c"
}

.flaticon-paper-plane-1:before {
    content: "\f17d"
}

.flaticon-send-1:before {
    content: "\f17e"
}

.flaticon-smartphone:before {
    content: "\f17f"
}

.flaticon-24-hours-1:before {
    content: "\f180"
}

.flaticon-edit:before {
    content: "\f181"
}

.flaticon-clock-2:before {
    content: "\f182"
}

.flaticon-hand:before {
    content: "\f183"
}

.flaticon-add-1:before {
    content: "\f184"
}

.flaticon-plus-symbol:before {
    content: "\f185"
}

.flaticon-substract:before {
    content: "\f186"
}

.flaticon-substract-1:before {
    content: "\f187"
}

.flaticon-pdf-file-format-symbol:before {
    content: "\f188"
}

.flaticon-edit-1:before {
    content: "\f189"
}

.flaticon-shield:before {
    content: "\f18a"
}

.flaticon-user-1:before {
    content: "\f18b"
}

.flaticon-calendar-1:before {
    content: "\f18c"
}

.flaticon-hand-shake:before {
    content: "\f18d"
}

.flaticon-startup:before {
    content: "\f18e"
}

.flaticon-verified:before {
    content: "\f18f"
}

.flaticon-security:before {
    content: "\f190"
}

.flaticon-checked:before {
    content: "\f191"
}

.flaticon-quote-2:before {
    content: "\f192"
}

.flaticon-email-3:before {
    content: "\f193"
}

.flaticon-24-hours-2:before {
    content: "\f194"
}

.flaticon-menu-2:before {
    content: "\f195"
}

.flaticon-menu-3:before {
    content: "\f196"
}

.flaticon-search:before {
    content: "\f197"
}

.flaticon-plus:before {
    content: "\f198"
}

.flaticon-maps-and-flags:before {
    content: "\f199"
}

.flaticon-call:before {
    content: "\f19a"
}

.flaticon-email-4:before {
    content: "\f19b"
}

.flaticon-user-2:before {
    content: "\f19c"
}

.flaticon-user-3:before {
    content: "\f19d"
}

.flaticon-home-1:before {
    content: "\f19e"
}

.flaticon-home-2:before {
    content: "\f19f"
}

.flaticon-shopping-cart-3:before {
    content: "\f1a0"
}

.flaticon-shopping-bag-2:before {
    content: "\f1a1"
}

.flaticon-bar-chart:before {
    content: "\f1a2"
}

.flaticon-suitcase:before {
    content: "\f1a3"
}

.flaticon-file-1:before {
    content: "\f1a4"
}

.flaticon-file-2:before {
    content: "\f1a5"
}

.flaticon-tick-1:before {
    content: "\f1a6"
}

.flaticon-shopping-bag-3:before {
    content: "\f1a7"
}

.flaticon-agreement:before {
    content: "\f1a8"
}

.flaticon-up-arrow-1:before {
    content: "\f1a9"
}

.flaticon-right-arrow-2:before {
    content: "\f1aa"
}

.flaticon-left-arrow-2:before {
    content: "\f1ab"
}

.flaticon-call-1:before {
    content: "\f1ac"
}

.flaticon-call-2:before {
    content: "\f1ad"
}

.flaticon-envelope:before {
    content: "\f1ae"
}

.flaticon-location:before {
    content: "\f1af"
}

.flaticon-diamond:before {
    content: "\f1b0"
}

.flaticon-heart-1:before {
    content: "\f1b1"
}

.flaticon-down-arrow:before {
    content: "\f1b2"
}

.flaticon-support:before {
    content: "\f1b3"
}

.flaticon-graph:before {
    content: "\f1b4"
}

.flaticon-comment-2:before {
    content: "\f1b5"
}

.flaticon-conversation:before {
    content: "\f1b6"
}

.flaticon-left-quote:before {
    content: "\f1b7"
}

.flaticon-chat:before {
    content: "\f1b8"
}

.flaticon-right-quote-sign:before {
    content: "\f1b9"
}

.flaticon-right-quote:before {
    content: "\f1ba"
}

.flaticon-quotation-mark:before {
    content: "\f1bb"
}

.flaticon-blocks-with-angled-cuts:before {
    content: "\f1bc"
}

.flaticon-straight-quotes:before {
    content: "\f1bd"
}

.flaticon-left-arrow-3:before {
    content: "\f1be"
}

.flaticon-right-arrow-3:before {
    content: "\f1bf"
}

.flaticon-back-2:before {
    content: "\f1c0"
}

.flaticon-down-arrow-1:before {
    content: "\f1c1"
}

.flaticon-world:before {
    content: "\f1c2"
}

.flaticon-quote-5:before {
    content: "\f1c3"
}

.flaticon-arrow:before {
    content: "\f1c4"
}

.flaticon-graphic:before {
    content: "\f1c5"
}

.flaticon-grid:before {
    content: "\f1c6"
}

.flaticon-list:before {
    content: "\f1c7"
}

.flaticon-list-1:before {
    content: "\f1c8"
}

.flaticon-calendar-2:before {
    content: "\f1c9"
}

.flaticon-user-4:before {
    content: "\f1ca"
}

.flaticon-chat-bubble:before {
    content: "\f1cb"
}

.flaticon-share-1:before {
    content: "\f1cc"
}

.flaticon-tools-and-utensils:before {
    content: "\f1cd"
}

.flaticon-bell:before {
    content: "\f1ce"
}

.flaticon-bell-1:before {
    content: "\f1cf"
}

.flaticon-call-3:before {
    content: "\f1d0"
}

.flaticon-cap:before {
    content: "\f1d1"
}

.flaticon-quality:before {
    content: "\f1d2"
}

.flaticon-quote-3:before {
    content: "\f1d3"
}

.flaticon-email-5:before {
    content: "\f1d4"
}

.flaticon-quote-4:before {
    content: "\f1d5"
}

.flaticon-shield-1:before {
    content: "\f1d6"
}

.flaticon-accept:before {
    content: "\f1d7"
}

.flaticon-clock-3:before {
    content: "\f1d8"
}

.flaticon-double-chevron:before {
    content: "\f1d9"
}

.flaticon-checked-1:before {
    content: "\f1da"
}

.flaticon-add-2:before {
    content: "\f1db"
}

.flaticon-files:before {
    content: "\f1dc"
}

.flaticon-pdf-2:before {
    content: "\f1dd"
}

.flaticon-speech-bubbles-comment-option:before {
    content: "\f1de"
}

.flaticon-team:before {
    content: "\f1df"
}

.flaticon-woman:before {
    content: "\f1e0"
}

.flaticon-internet-1:before {
    content: "\f1e1"
}

.flaticon-discount:before {
    content: "\f1e2"
}

.flaticon-discount-1:before {
    content: "\f1e3"
}

.flaticon-network-1:before {
    content: "\f1e4"
}

.flaticon-secure:before {
    content: "\f1e5"
}

.flaticon-computer:before {
    content: "\f1e6"
}

.flaticon-location-1:before {
    content: "\f1e7"
}

.flaticon-meeting:before {
    content: "\f1e8"
}

.flaticon-smartphone-1:before {
    content: "\f1e9"
}

.flaticon-smartphone-2:before {
    content: "\f1ea"
}

.flaticon-box:before {
    content: "\f1eb"
}

.flaticon-open-box:before {
    content: "\f1ec"
}

.flaticon-link-1:before {
    content: "\f1ed"
}

.flaticon-attach:before {
    content: "\f1ee"
}

.flaticon-money:before {
    content: "\f1ef"
}

.flaticon-transfer:before {
    content: "\f1f0"
}

.flaticon-mission:before {
    content: "\f1f1"
}

.flaticon-saas:before {
    content: "\f1f2"
}

.flaticon-security-1:before {
    content: "\f1f3"
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important
}

.buyer-thumb.float-left {
    display: none
}

.buyer-name-degi {
    text-align: center
}

.main-header-eight .appheader-content .navigation-eight li a.active:after {
    opacity: 0
}

.main-header-eight .appheader-content .navigation-eight li.active a:after {
    width: 100%
}

.main-header-eight .appheader-content .dropdown .dropdown-menu li a:after {
    background: 0 0
}

:root {
    --wpforms-field-border-radius: 3px;
    --wpforms-field-background-color: #fff;
    --wpforms-field-border-color: rgba(0,0,0,.25);
    --wpforms-field-text-color: rgba(0,0,0,.7);
    --wpforms-label-color: rgba(0,0,0,.85);
    --wpforms-label-sublabel-color: rgba(0,0,0,.55);
    --wpforms-label-error-color: #d63637;
    --wpforms-button-border-radius: 3px;
    --wpforms-button-background-color: #066aab;
    --wpforms-button-text-color: #fff;
    --wpforms-field-size-input-height: 43px;
    --wpforms-field-size-input-spacing: 15px;
    --wpforms-field-size-font-size: 16px;
    --wpforms-field-size-line-height: 19px;
    --wpforms-field-size-padding-h: 14px;
    --wpforms-field-size-checkbox-size: 16px;
    --wpforms-field-size-sublabel-spacing: 5px;
    --wpforms-field-size-icon-size: 1;
    --wpforms-label-size-font-size: 16px;
    --wpforms-label-size-line-height: 19px;
    --wpforms-label-size-sublabel-font-size: 14px;
    --wpforms-label-size-sublabel-line-height: 17px;
    --wpforms-button-size-font-size: 17px;
    --wpforms-button-size-height: 41px;
    --wpforms-button-size-padding-h: 15px;
    --wpforms-button-size-margin-top: 10px
}

/*! elementor - v3.16.0 - 17-10-2023 */
.elementor-widget-image {
    text-align: center
}

.elementor-widget-image a {
    display: inline-block
}

.elementor-widget-image a img[src$=".svg"] {
    width: 48px
}

.elementor-widget-image img {
    vertical-align: middle;
    display: inline-block
}

/*! elementor - v3.16.0 - 17-10-2023 */
.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 15px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
    font-size: 19px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 29px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 39px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 59px
}

/*! elementor - v3.16.0 - 17-10-2023 */
.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
    background-color: #69727d;
    color: #fff
}

.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap {
    color: #69727d;
    border: 3px solid;
    background-color: transparent
}

.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap {
    margin-top: 8px
}

.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter {
    width: 1em;
    height: 1em
}

.elementor-widget-text-editor .elementor-drop-cap {
    float: left;
    text-align: center;
    line-height: 1;
    font-size: 50px
}

.elementor-widget-text-editor .elementor-drop-cap-letter {
    display: inline-block
}

.cls-1 {
    fill: #1653d7
}

.cls-2 {
    fill: #009ce7
}

.cls-1 {
    fill: #009ce7
}

.cls-2 {
    fill: #1653d7
}

.cls-1 {
    fill: #1653d7
}

.cls-2 {
    fill: #009ce7
}

.rs-p-wp-fix {
    display: none !important;
    margin: 0 !important;
    height: 0 !important
}

.wp-block-themepunch-revslider {
    position: relative
}

rs-modal {
    position: fixed !important;
    z-index: 9999999 !important;
    pointer-events: none !important
}

rs-modal.rs-modal-auto {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

rs-modal.rs-modal-fullwidth,rs-modal.rs-modal-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

rs-modal rs-fullwidth-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

rs-module-wrap.rs-modal {
    display: none;
    max-height: 100% !important;
    overflow: auto !important;
    pointer-events: auto !important
}

rs-module-wrap.hideallscrollbars.rs-modal {
    overflow: hidden !important;
    max-width: 100% !important
}

rs-modal-cover {
    width: 100%;
    height: 100%;
    z-index: 0;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    pointer-events: auto
}

body>rs-modal-cover {
    position: fixed;
    z-index: 9999995 !important
}

rs-sbg-px {
    pointer-events: none
}

.rs-forceuntouchable,.rs-forceuntouchable * {
    pointer-events: none !important
}

.rs-forcehidden * {
    visibility: hidden !important
}

.rs_splitted_lines {
    display: block;
    white-space: nowrap !important
}

.rs-go-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999999 !important;
    background: #fff
}

.rtl {
    direction: rtl
}

@font-face {
    font-family: 'revicons';
    src: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.eot?5510888);
    src: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.woff?5510888) format('woff'),url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.svg?5510888#revicons) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^=revicon-]:before,[class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: 400;
    speak: never;
    speak-as: spell-out;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

rs-module i[class^=fa-],rs-module i[class*=" fa-"],.rb-modal-wrapper i[class^=fa-],.rb-modal-wrapper i[class*=" fa-"],#waitaminute i[class^=fa-],#waitaminute i[class*=" fa-"],#objectlibrary i[class^=fa-],#objectlibrary i[class*=" fa-"],#rs_overview i[class^=fa-],#rs_overview i[class*=" fa-"],#rs_overview_menu i[class^=fa-],#rs_overview_menu i[class*=" fa-"],#builderView i[class^=fa-],#builderView i[class*=" fa-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

rs-module [class^=fa-]:before,rs-module [class*=" fa-"]:before,.rb-modal-wrapper [class^=fa-]:before,.rb-modal-wrapper [class*=" fa-"]:before,#rs_overview [class^=fa-]:before,#rs_overview [class*=" fa-"]:before,#objectlibrary [class^=fa-]:before,#objectlibrary [class*=" fa-"]:before,#waitaminute [class^=fa-]:before,#waitaminute [class*=" fa-"]:before,#rs_overview_menu [class^=fa-]:before,#rs_overview_menu [class*=" fa-"]:before,#builderView [class^=fa-]:before,#builderView [class*=" fa-"]:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: never;
    speak-as: spell-out;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    margin-left: 0
}

rs-module .sr-only,#objectlibrary .sr-only,#waitaminute .sr-only,#rs_overview .sr-only,#rs_overview_menu .sr-only,.rb-modal-wrapper .sr-only,#builderView .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

rs-module .sr-only-focusable:active,rs-module .sr-only-focusable:focus,#waitaminute .sr-only-focusable:active,#waitaminute .sr-only-focusable:focus,#objectlibrary .sr-only-focusable:active,#objectlibrary .sr-only-focusable:focus,#rs_overview .sr-only-focusable:active,#rs_overview .sr-only-focusable:focus,#rs_overview_menu .sr-only-focusable:active,#rs_overview_menu .sr-only-focusable:focus,.rb-modal-wrapper .sr-only-focusable:active,.rb-modal-wrapper .sr-only-focusable:focus,#builderView .sr-only-focusable:active,#builderView .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

.tp-fullwidth-forcer {
    z-index: 0;
    pointer-events: none
}

rs-module-wrap {
    visibility: hidden
}

rs-module-wrap,rs-module-wrap * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

rs-module-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block
}

.rs-fixedscrollon rs-module-wrap {
    position: fixed !important;
    top: 0 !important;
    z-index: 1000;
    left: 0 !important
}

.rs-stickyscrollon rs-module-wrap {
    position: sticky !important;
    top: 0;
    z-index: 1000
}

.rs-stickyscrollon {
    overflow: visible !important
}

rs-fw-forcer {
    display: block;
    width: 100%;
    pointer-events: none
}

rs-module {
    position: relative;
    overflow: hidden;
    display: block
}

rs-module.disableVerticalScroll {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

rs-pzimg-wrap,rs-sbg-effectwrap,rs-sbg {
    display: block;
    pointer-events: none
}

rs-sbg-effectwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

rs-carousel-wrap rs-column rs-layer img {
    width: 0;
    height: 0
}

rs-sbg-px,rs-sbg-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block
}

a.rs-layer,a.rs-layer:-webkit-any-link {
    text-decoration: none
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important
}

.entry-content rs-module a,rs-module a {
    box-shadow: none
}

.rs-ov-hidden {
    overflow: hidden !important
}

.rs-forceoverflow,.rs-forceoverflow rs-module-wrap,.rs-forceoverflow rs-module,.rs-forceoverflow rs-slides,.rs-forceoverflow rs-slide {
    overflow: visible !important
}

.rs-parallax-hidden-of rs-slide {
    overflow: hidden !important
}

.tp-simpleresponsive img,rs-module img {
    max-width: none !important;
    transition: none;
    margin: 0;
    padding: 0;
    border: none
}

rs-module .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}

rs-slides,rs-slide,rs-slide:before {
    position: absolute;
    text-indent: 0em;
    top: 0;
    left: 0
}

rs-slide,rs-slide:before {
    display: block;
    visibility: hidden
}

.rs-layer .rs-untoggled-content {
    display: block
}

.rs-layer .rs-toggled-content {
    display: none
}

.rs-tc-active.rs-layer>.rs-toggled-content {
    display: block
}

.rs-tc-active.rs-layer>.rs-untoggled-content {
    display: none
}

.rs-layer-video {
    overflow: hidden
}

.rs_html5vidbasicstyles {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

rs-module rs-layer,rs-module .rs-layer {
    opacity: 0;
    position: relative;
    visibility: hidden;
    display: block;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    font-display: swap
}

rs-layer-wrap,rs-mask,rs-module-wrap,rs-module .rs-layer,rs-module img {
    user-select: none
}

rs-module rs-mask-wrap .rs-layer,rs-module rs-mask-wrap *:last-child,.wpb_text_column rs-module rs-mask-wrap .rs-layer,.wpb_text_column rs-module rs-mask-wrap *:last-child {
    margin-bottom: 0
}

.rs-svg svg {
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: top
}

rs-layer:not(.rs-wtbindex),.rs-layer:not(.rs-wtbindex),rs-alyer *:not(.rs-wtbindex),.rs-layer *:not(.rs-wtbindex) {
    outline: none !important
}

rs-carousel-wrap {
    cursor: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/openhand.cur),move
}

rs-carousel-wrap.dragged {
    cursor: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/closedhand.cur),move
}

rs-carousel-wrap.noswipe {
    cursor: default
}

rs-carousel-wrap {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

rs-carousel-space {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    position: relative
}

.tp_inner_padding {
    box-sizing: border-box;
    max-height: none !important
}

.rs-layer.rs-selectable {
    user-select: text
}

rs-px-mask {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

rs-module embed,rs-module iframe,rs-module object,rs-module audio,rs-module video {
    max-width: none !important;
    border: none
}

rs-bg-elem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
    pointer-events: none
}

.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    transform: scaleX(0) scaleY(0)
}

rs-zone {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    min-height: 50px;
    font-size: 0px;
    pointer-events: none
}

rs-row-wrap,rs-column,rs-cbg-mask-wrap {
    display: block;
    visibility: hidden
}

rs-layer-wrap,rs-parallax-wrap,rs-loop-wrap,rs-mask-wrap {
    display: block
}

rs-column-wrap>rs-mask-wrap,rs-column-wrap>rs-loop-wrap {
    z-index: 1
}

rs-layer-wrap,rs-mask-wrap,rs-cbg-mask-wrap {
    transform-style: flat
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
    rs-carousel-wrap rs-layer-wrap,rs-carousel-wrap rs-loop-wrap {
        backface-visibility:hidden;
        transform-style: preserve-3d
    }
}

.safarifix rs-layer-wrap {
    perspective: 1000000
}

@-moz-document url-prefix() {
    rs-layer-wrap,rs-mask-wrap,rs-cbg-mask-wrap {
        perspective: none
    }
}

rs-mask-wrap {
    overflow: hidden
}

rs-fullwidth-wrap {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
    max-width: none !important
}

.rev_row_zone_top {
    top: 0
}

.rev_row_zone_bottom {
    bottom: 0
}

.rev_row_zone_middle {
    top: 0
}

rs-column-wrap .rs-parallax-wrap {
    vertical-align: top
}

.rs-layer img,rs-layer img {
    vertical-align: top
}

rs-row,rs-row.rs-layer {
    display: table;
    position: relative;
    width: 100% !important;
    table-layout: fixed;
    box-sizing: border-box;
    vertical-align: top;
    height: auto;
    font-size: 0px
}

.rs-layer.rs-waction.iospermaccwait.permanenthidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important
}

rs-column-wrap {
    display: table-cell;
    position: relative;
    vertical-align: top;
    height: auto;
    box-sizing: border-box;
    font-size: 0px
}

rs-column {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100% !important;
    height: auto !important;
    white-space: normal !important
}

rs-cbg-mask-wrap {
    position: absolute;
    z-index: 0;
    box-sizing: border-box
}

rs-column-wrap rs-cbg-mask-wrap {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

rs-column-bg {
    position: absolute;
    z-index: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.rs-pelock * {
    pointer-events: none !important
}

rs-column .rs-parallax-wrap,rs-column rs-loop-wrap,rs-column rs-mask-wrap {
    text-align: inherit
}

rs-column rs-mask-wrap {
    display: inline-block
}

rs-column .rs-parallax-wrap rs-loop-wrap,rs-column .rs-parallax-wrap rs-mask-wrap,rs-column .rs-parallax-wrap {
    position: relative;
    left: auto;
    top: auto;
    line-height: 0
}

rs-column .rs-parallax-wrap rs-loop-wrap,rs-column .rs-parallax-wrap rs-mask-wrap,rs-column .rs-parallax-wrap,rs-column .rev_layer_in_column {
    vertical-align: top
}

.rev_break_columns {
    display: block !important
}

.rev_break_columns rs-column-wrap.rs-parallax-wrap {
    display: block !important;
    width: 100% !important
}

.rev_break_columns rs-column-wrap.rs-parallax-wrap.rs-layer-hidden,.tp-forcenotvisible,.tp-hide-revslider,rs-row-wrap.rs-layer-hidden,rs-column-wrap.rs-layer-hidden,.rs-layer.rs-layer-hidden,.rs-layer-audio.rs-layer-hidden,.rs-parallax-wrap.rs-layer-hidden {
    visibility: hidden !important;
    display: none !important
}

a.rs-layer.rs-nointeraction>.div,rs-layer.rs-nointeraction:not(a),.rs-layer.rs-nointeraction:not(a) {
    pointer-events: none !important
}

rs-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

rs-static-layers.rs-stl-back {
    z-index: 0
}

.rs-stl-visible {
    overflow: visible !important
}

.rs-layer rs-fcr {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom-width: 0 !important;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 100%;
    top: 0
}

.rs-layer rs-fcrt {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top-width: 0 !important;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    right: 100%;
    top: 0
}

.rs-layer rs-bcr {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    border-top-width: 0 !important;
    position: absolute;
    left: 100%;
    top: 0
}

.rs-layer rs-bcrt {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    border-bottom-width: 0 !important;
    position: absolute;
    left: 100%;
    top: 0
}

.tp-layer-inner-rotation {
    position: relative !important
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.noFilterClass {
    filter: none !important
}

rs-bgvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block
}

.rs-layer.rs-fsv {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.rs-layer.rs-fsv audio,.rs-layer.rs-fsv video,.rs-layer.rs-fsv iframe,.rs-layer.rs-fsv iframe audio,.rs-layer.rs-fsv iframe video {
    width: 100%;
    height: 100%
}

.rs-fsv video {
    background: #000
}

.fullcoveredvideo rs-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoisplaying .html5vid rs-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 3;
    margin-top: -25px;
    margin-left: -25px;
    line-height: 50px !important;
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease-out !important
}

.rs-ISM .tp-video-play-button {
    opacity: 1;
    transition: none !important;
    z-index: 6
}

.rs-audio .tp-video-play-button {
    display: none !important
}

.rs-layer .html5vid {
    width: 100% !important;
    height: 100% !important
}

.tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center !important;
    vertical-align: top;
    line-height: 50px !important;
    font-size: 30px !important
}

.rs-layer:hover .tp-video-play-button {
    opacity: 1;
    display: block;
    z-index: 6
}

.rs-layer .tp-revstop {
    display: none;
    width: 15px;
    border-right: 5px solid #fff !important;
    border-left: 5px solid #fff !important;
    transform: translateX(50%) translateY(50%);
    height: 20px;
    margin-left: 11px !important;
    margin-top: 5px !important
}

.videoisplaying .revicon-right-dir {
    display: none
}

.videoisplaying .tp-revstop {
    display: block
}

.videoisplaying .tp-video-play-button {
    display: none
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.rs-fsv .rs-fsv audio {
    object-fit: contain !important
}

.rs-fsv .rs-fsv video {
    object-fit: contain !important
}

.rs-layer-video .html5vid.hidefullscreen video::-webkit-media-controls-fullscreen-button {
    display: none
}

@supports not (-ms-high-contrast:none) {
    .rs-fsv .fullcoveredvideo audio {
        object-fit: cover !important
    }

    .rs-fsv .fullcoveredvideo video {
        object-fit: cover !important
    }
}

.rs-fullvideo-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: 0 0;
    z-index: 5
}

.rs-nolc .tp-video-play-button,rs-bgvideo video::-webkit-media-controls-start-playback-button,rs-bgvideo video::-webkit-media-controls,rs-bgvideo audio::-webkit-media-controls {
    display: none !important
}

.rs-audio .tp-video-controls {
    opacity: 1 !important;
    visibility: visible !important
}

rs-module h1.rs-layer,rs-module h2.rs-layer,rs-module h3.rs-layer,rs-module h4.rs-layer,rs-module h5.rs-layer,rs-module h6.rs-layer,rs-module div.rs-layer,rs-module span.rs-layer,rs-module p.rs-layer {
    margin: 0;
    padding: 0;
    margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}

rs-module h1.rs-layer:before,rs-module h2.rs-layer:before,rs-module h3.rs-layer:before,rs-module h4.rs-layer:before,rs-module h5.rs-layer:before,rs-module h6.rs-layer:before {
    content: none
}

rs-dotted {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    pointer-events: none
}

rs-sbg-wrap rs-dotted {
    z-index: 31
}

rs-dotted.twoxtwo {
    background: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/gridtile.png)
}

rs-dotted.twoxtwowhite {
    background: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/gridtile_white.png)
}

rs-dotted.threexthree {
    background: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/gridtile_3x3.png)
}

rs-dotted.threexthreewhite {
    background: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/gridtile_3x3_white.png)
}

.tp-shadowcover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    position: absolute;
    z-index: -1
}

.tp-shadow1 {
    box-shadow: 0 10px 6px -6px rgba(0,0,0,.8)
}

.tp-shadow2:before,.tp-shadow2:after,.tp-shadow3:before,.tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    box-shadow: 0 15px 10px rgba(0,0,0,.8);
    transform: rotate(-3deg)
}

.tp-shadow2:after,.tp-shadow4:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.tp-shadow5 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset
}

.tp-shadow5:before,.tp-shadow5:after {
    content: "";
    position: absolute;
    z-index: -2;
    box-shadow: 0 0 25px 0px rgba(0,0,0,.6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 100px/20px
}

.rev-btn,.rev-btn:visited {
    outline: none !important;
    box-shadow: none;
    text-decoration: none !important;
    box-sizing: border-box;
    cursor: pointer
}

.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited {
    text-transform: uppercase
}

.rev-btn i {
    font-size: inherit;
    font-weight: 400;
    position: relative;
    top: 0;
    transition: opacity .2s ease-out,margin .2s ease-out;
    margin-left: 0;
    line-height: inherit
}

.rev-btn.rev-hiddenicon i {
    font-size: inherit;
    font-weight: 400;
    position: relative;
    top: 0;
    transition: opacity .2s ease-out,margin .2s ease-out;
    opacity: 0;
    margin-left: 0 !important;
    width: 0 !important
}

.rev-btn.rev-hiddenicon:hover i {
    opacity: 1 !important;
    margin-left: 10px !important;
    width: auto !important
}

.rev-burger {
    position: relative;
    box-sizing: border-box;
    padding: 22px 14px;
    border-radius: 50%;
    border: 1px solid rgba(51,51,51,.25);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    transform-style: flat !important
}

.rev-burger span:nth-child(2) {
    margin: 3px 0
}

.quick_style_example_wrap .rev-burger:hover :first-child,#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child {
    transform: translateY(6px) rotate(-45deg)
}

.quick_style_example_wrap .rev-burger:hover :nth-child(2),#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2) {
    transform: rotate(-45deg);
    opacity: 0
}

.quick_style_example_wrap .rev-burger:hover :last-child,#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child {
    transform: translateY(-6px) rotate(-135deg)
}

.rev-burger.revb-white {
    border: 2px solid rgba(255,255,255,.2)
}

.rev-b-span-light span,.rev-burger.revb-white span {
    background: #fff
}

.rev-burger.revb-whitenoborder {
    border: 0
}

.rev-burger.revb-whitenoborder span {
    background: #fff
}

.rev-burger.revb-darknoborder {
    border: 0
}

.rev-b-span-dark span,.rev-burger.revb-darknoborder span {
    background: #333
}

.rev-burger.revb-whitefull {
    background: #fff;
    border: none
}

.rev-burger.revb-whitefull span {
    background: #333
}

.rev-burger.revb-darkfull {
    background: #333;
    border: none
}

.rev-burger.revb-darkfull span {
    background: #fff
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 70%
    }

    50% {
        opacity: 0;
        top: 70%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px
}

.rev-scroll-btn>* {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #7f8c8d;
    color: #fff;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 2px
}

.rev-scroll-btn>*:hover,.rev-scroll-btn>*:focus,.rev-scroll-btn>*.active {
    color: #fff
}

.rev-scroll-btn>*:hover,.rev-scroll-btn>*:focus,.rev-scroll-btn>*:active,.rev-scroll-btn>*.active {
    opacity: .8
}

.rev-scroll-btn.revs-fullwhite {
    background: #fff
}

.rev-scroll-btn.revs-fullwhite span {
    background: #333
}

.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}

.rev-scroll-btn.revs-fulldark span {
    background: #fff
}

.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    animation: rev-ani-mouse 2.5s linear infinite;
    background: #fff
}

.rev-scroll-btn.rev-b-span-dark {
    border-color: #333
}

.rev-scroll-btn.rev-b-span-dark span,.rev-scroll-btn.revs-dark span {
    background: #333
}

.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0,0,0,.5);
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer
}

.rev-cbutton-dark-sr {
    border-radius: 3px
}

.rev-cbutton-light {
    color: #333;
    background-color: rgba(255,255,255,.75)
}

.rev-cbutton-light-sr {
    color: #333;
    border-radius: 3px;
    background-color: rgba(255,255,255,.75)
}

.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}

.rev-sbutton-blue {
    background-color: #3b5998
}

.rev-sbutton-lightblue {
    background-color: #00a0d1
}

.rev-sbutton-red {
    background-color: #dd4b39
}

rs-progress {
    visibility: hidden;
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 100%
}

rs-progress-bar,.rs-progress-bar {
    display: block;
    z-index: 20;
    box-sizing: border-box;
    background-clip: content-box;
    position: absolute;
    line-height: 0;
    width: 100%;
    height: 100%
}

rs-progress-bgs {
    display: block;
    z-index: 15;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

rs-progress-bg {
    display: block;
    background-clip: content-box;
    position: absolute;
    width: 100%;
    height: 100%
}

rs-progress-gap {
    display: block;
    background-clip: content-box;
    position: absolute;
    width: 100%;
    height: 100%
}

rs-progress-vis {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.rs-layer img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}

.rs-layer.slidelink {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.rs-layer.slidelink a {
    width: 100%;
    height: 100%;
    display: block
}

.rs-layer.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/coloredbg.png) repeat
}

.rs-layer.slidelink a span {
    background: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/coloredbg.png) repeat;
    width: 100%;
    height: 100%;
    display: block
}

.rs-layer .rs-starring {
    display: inline-block
}

.rs-layer .rs-starring .star-rating {
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #ffc321 !important
}

.rs-layer .rs-starring .star-rating,.rs-layer .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star;
    font-size: 1em !important
}

.rs-layer .rs-starring .star-rating:before,.rs-layer .rs-starring-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.rs-layer .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em !important
}

.rs-layer .rs-starring .star-rating span:before,.rs-layer .rs-starring .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0
}

rs-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

rs-loader.off {
    display: none !important
}

rs-loader.spinner0 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    background-image: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    margin-top: -20px;
    margin-left: -20px;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px
}

rs-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    margin-top: -20px;
    margin-left: -20px;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px
}

rs-loader.spinner5 {
    background-image: url(//digitalinvea.com/wp-content/plugins/revslider/public/assets/css/../assets/loader.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

rs-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    border-radius: 100%;
    animation: tp-scaleout 1s infinite ease-in-out
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

rs-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

rs-loader.spinner3 .bounce1,rs-loader.spinner3 .bounce2,rs-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    border-radius: 100%;
    display: inline-block;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

rs-loader.spinner3 .bounce1 {
    animation-delay: -.32s
}

rs-loader.spinner3 .bounce2 {
    animation-delay: -.16s
}

@keyframes tp-bouncedelay {
    0%,80%,100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

rs-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    animation: tp-rotate 2s infinite linear
}

rs-loader.spinner4 .dot1,rs-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15)
}

rs-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes tp-bounce {
    0%,100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

rs-layer iframe {
    visibility: hidden
}

rs-layer.rs-ii-o iframe {
    visibility: visible
}

rs-layer input[type=text],rs-layer input[type=email],rs-layer input[type=url],rs-layer input[type=password],rs-layer input[type=search],rs-layer input[type=number],rs-layer input[type=tel],rs-layer input[type=range],rs-layer input[type=date],rs-layer input[type=month],rs-layer input[type=week],rs-layer input[type=time],rs-layer input[type=datetime],rs-layer input[type=datetime-local] {
    display: inline-block
}

rs-layer input::placeholder {
    vertical-align: middle;
    line-height: inherit !important
}

a.rs-layer {
    transition: none
}

rs-thumbs-wrap,rs-tabs-wrap,rs-thumbs,rs-thumb,rs-tab,rs-bullet,rs-bullets,rs-navmask,rs-tabs,rs-arrow {
    display: block;
    pointer-events: all
}

.tp-thumbs.navbar,.tp-bullets.navbar,.tp-tabs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0
}

.tp-tabs,.tp-thumbs,.tp-bullets {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}

.tp-tab,.tp-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    box-sizing: border-box
}

.tp-arr-imgholder,rs-poster,.tp-thumb-image,.tp-tab-image {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

rs-poster {
    cursor: pointer;
    z-index: 3
}

.tp-tab.rs-touchhover,.tp-tab.selected,.tp-thumb.rs-touchhover,.tp-thumb.selected {
    opacity: 1
}

.tp-tab-mask,.tp-thumb-mask {
    box-sizing: border-box !important
}

.tp-tabs,.tp-thumbs {
    box-sizing: content-box !important
}

.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #fff;
    background: rgba(255,255,255,.3);
    cursor: pointer
}

.tp-bullet.selected,.tp-bullet.rs-touchhover {
    background: #fff
}

.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000
}

.tparrows.rs-touchhover {
    background: #000
}

.tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.tparrows.tp-leftarrow:before {
    content: '\e824'
}

.tparrows.tp-rightarrow:before {
    content: '\e825'
}

.rs-layer [class^=pe-7s-]:before,.rs-layer [class*=" pe-7s-"]:before,.rs-layer [class^=pe-7s-],.rs-layer [class*=" pe-7s-"] {
    width: auto;
    margin: 0;
    line-height: inherit;
    box-sizing: inherit
}

rs-pzimg-wrap {
    display: block
}

body.rtl .rs-pzimg {
    left: 0 !important
}

.rs_fake_cube {
    transform-style: preserve-3d
}

.rs_fake_cube,.rs_fake_cube_wall {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
    top: 0;
    z-index: 0
}

.rs-builder-mode rs-sbg-wrap canvas,rs-sbg canvas {
    overflow: hidden;
    z-index: 5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dddwrappershadow {
    box-shadow: 0 45px 100px rgba(0,0,0,.4)
}

.dddwrapper {
    transform-style: flat;
    perspective: 10000px
}

.rs_error_message_box {
    background: #111;
    width: 800px;
    margin: 40px auto;
    padding: 40px 20px;
    text-align: center;
    font-family: "Open Sans",sans-serif
}

.rs_error_message_oops {
    margin: 0 0 20px;
    line-height: 60px;
    font-size: 34px;
    color: #fff
}

.rs_error_message_content {
    margin: 0 0 20px;
    line-height: 25px;
    font-size: 17px;
    color: #fff
}

.rs_error_message_button {
    color: #fff !important;
    background: #333;
    display: inline-block;
    padding: 10px 15px;
    text-align: right;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none !important
}

.rs_error_message_button:hover {
    background: #5e35b1
}

.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    background: rgba(0,0,0,.75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal
}

.hginfo {
    position: absolute;
    top: -2px;
    left: -2px;
    color: #e74c3c;
    font-size: 12px;
    font-weight: 600;
    background: #000;
    padding: 2px 5px
}

.indebugmode .rs-layer:hover {
    border: 1px dashed #c0392b !important
}

.helpgrid {
    border: 2px dashed #c0392b;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0,0,0,.7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll
}

.aden {
    filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)
}

.aden:after {
    background: linear-gradient(to right,rgba(66,10,14,.2),transparent);
    mix-blend-mode: darken
}

.perpetua:after,.reyes:after {
    mix-blend-mode: soft-light;
    opacity: .5
}

.inkwell {
    filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)
}

.perpetua:after {
    background: linear-gradient(to bottom,#005b9a,#e6c13d)
}

.reyes {
    filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75)
}

.reyes:after {
    background: #efcdad
}

.gingham {
    filter: brightness(1.05) hue-rotate(-10deg)
}

.gingham:after {
    background: linear-gradient(to right,rgba(66,10,14,.2),transparent);
    mix-blend-mode: darken
}

.toaster {
    filter: contrast(1.5) brightness(.9)
}

.toaster:after {
    background: radial-gradient(circle,#804e0f,#3b003b);
    mix-blend-mode: screen
}

.walden {
    filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}

.walden:after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3
}

.hudson {
    filter: brightness(1.2) contrast(.9) saturate(1.1)
}

.hudson:after {
    background: radial-gradient(circle,#a6b1ff 50%,#342134);
    mix-blend-mode: multiply;
    opacity: .5
}

.earlybird {
    filter: contrast(.9) sepia(.2)
}

.earlybird:after {
    background: radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);
    mix-blend-mode: overlay
}

.mayfair {
    filter: contrast(1.1) saturate(1.1)
}

.mayfair:after {
    background: radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);
    mix-blend-mode: overlay;
    opacity: .4
}

.lofi {
    filter: saturate(1.1) contrast(1.5)
}

.lofi:after {
    background: radial-gradient(circle,transparent 70%,#222 150%);
    mix-blend-mode: multiply
}

._1977 {
    filter: contrast(1.1) brightness(1.1) saturate(1.3)
}

._1977:after {
    background: rgba(243,106,188,.3);
    mix-blend-mode: screen
}

.brooklyn {
    filter: contrast(.9) brightness(1.1)
}

.brooklyn:after {
    background: radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);
    mix-blend-mode: overlay
}

.xpro2 {
    filter: sepia(.3)
}

.xpro2:after {
    background: radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);
    mix-blend-mode: color-burn
}

.nashville {
    filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}

.nashville:after {
    background: rgba(0,70,150,.4);
    mix-blend-mode: lighten
}

.nashville:before {
    background: rgba(247,176,153,.56);
    mix-blend-mode: darken
}

.lark {
    filter: contrast(.9)
}

.lark:after {
    background: rgba(242,242,242,.8);
    mix-blend-mode: darken
}

.lark:before {
    background: #22253f;
    mix-blend-mode: color-dodge
}

.moon {
    filter: grayscale(1) contrast(1.1) brightness(1.1)
}

.moon:before {
    background: #a0a0a0;
    mix-blend-mode: soft-light
}

.moon:after {
    background: #383838;
    mix-blend-mode: lighten
}

.clarendon {
    filter: contrast(1.2) saturate(1.35)
}

.clarendon:before {
    background: rgba(127,187,227,.2);
    mix-blend-mode: overlay
}

.willow {
    filter: grayscale(.5) contrast(.95) brightness(.9)
}

.willow:before {
    background-image: radial-gradient(circle,40%,#d4a9af 55%,#000 150%);
    mix-blend-mode: overlay
}

.rise {
    filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9)
}

.rise:after {
    background: radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);
    mix-blend-mode: overlay;
    opacity: .6
}

.rise:before {
    background: radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));
    mix-blend-mode: multiply
}

._1977:after,._1977:before,rs-pzimg-wrap.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none
}

._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2 {
    position: absolute
}

._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before {
    z-index: 30
}

._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after {
    z-index: 40
}

.slumber {
    filter: saturate(.66) brightness(1.05)
}

.slumber:after {
    background: rgba(125,105,24,.5);
    mix-blend-mode: soft-light
}

.slumber:before {
    background: rgba(69,41,12,.4);
    mix-blend-mode: lighten
}

.willow:after {
    background-color: #d8cdcb;
    mix-blend-mode: color
}

.rs-safari .willow:after {
    background-color: rgba(100,0,0,.2)
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) {
        .willow {
            filter:grayscale(1) contrast(.95) brightness(.9)
        }

        .willow:after {
            background-color: transparent
        }
    }
}

rs-pzimg-wrap.perpetua:before,rs-pzimg-wrap.perpetua:after,rs-pzimg-wrap.nashville:before,rs-pzimg-wrap.nashville:after,rs-pzimg-wrap.xpro2:before,rs-pzimg-wrap.xpro2:after,rs-pzimg-wrap._1977:after,rs-pzimg-wrap._1977:before,rs-pzimg-wrap.aden:after,rs-pzimg-wrap.aden:before,rs-pzimg-wrap.brooklyn:after,rs-pzimg-wrap.brooklyn:before,rs-pzimg-wrap.clarendon:after,rs-pzimg-wrap.clarendon:before,rs-pzimg-wrap.earlybird:after,rs-pzimg-wrap.earlybird:before,rs-pzimg-wrap.gingham:after,rs-pzimg-wrap.gingham:before,rs-pzimg-wrap.hudson:after,rs-pzimg-wrap.hudson:before,rs-pzimg-wrap.inkwell:after,rs-pzimg-wrap.inkwell:before,rs-pzimg-wrap.lark:after,rs-pzimg-wrap.lark:before,rs-pzimg-wrap.lofi:after,rs-pzimg-wrap.lofi:before,rs-pzimg-wrap.mayfair:after,rs-pzimg-wrap.mayfair:before,rs-pzimg-wrap.moon:after,rs-pzimg-wrap.moon:before,rs-pzimg-wrap.reyes:after,rs-pzimg-wrap.reyes:before,rs-pzimg-wrap.rise:after,rs-pzimg-wrap.rise:before,rs-pzimg-wrap.slumber:after,rs-pzimg-wrap.slumber:before,rs-pzimg-wrap.toaster:after,rs-pzimg-wrap.toaster:before,rs-pzimg-wrap.walden:after,rs-pzimg-wrap.walden:before,rs-pzimg-wrap.willow:after,rs-pzimg-wrap.willow:before,rs-pzimg-wrap:before,rs-pzimg-wrap:after {
    height: 500%;
    width: 500%
}

rs-loader.spinner6 {
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner6 .rs-spinner-inner {
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-animation: rs-revealer-6 1.4s linear infinite;
    animation: rs-revealer-6 1.4s linear infinite
}

rs-loader.spinner6 .rs-spinner-inner span {
    position: absolute;
    vertical-align: top;
    border-radius: 100%;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 16px;
    transform-origin: center 20px;
    -webkit-transform-origin: center 20px
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(2) {
    transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    opacity: .1
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(3) {
    transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    opacity: .2
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(4) {
    transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    opacity: .3
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(5) {
    transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    opacity: .4
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(6) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    opacity: .5
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(7) {
    transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    opacity: .6
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(8) {
    transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    opacity: .7
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(9) {
    transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    opacity: .8
}

rs-loader.spinner6 .rs-spinner-inner span:nth-child(10) {
    transform: rotate(324deg);
    -webkit-transform: rotate(324deg);
    opacity: .9
}

@keyframes rs-revealer-6 {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rs-revealer-6 {
    from {
        -webkit-transform: rotate(0)
    }

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

rs-loader.spinner7 {
    width: 35px;
    height: 35px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner7 .rs-spinner-inner {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
    border-radius: 100%;
    border: 2px solid;
    -webkit-animation: rs-revealer-7 .8s linear infinite;
    animation: rs-revealer-7 .8s linear infinite
}

@keyframes rs-revealer-7 {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rs-revealer-7 {
    from {
        -webkit-transform: rotate(0)
    }

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

rs-loader.spinner8 {
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner8 .rs-spinner-inner {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
    text-align: left
}

rs-loader.spinner8 .rs-spinner-inner span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-animation: rs-revealer-8 1.6s linear infinite;
    animation: rs-revealer-8 1.6s linear infinite
}

rs-loader.spinner8 .rs-spinner-inner span:last-child {
    animation-delay: -.8s;
    -webkit-animation-delay: -.8s
}

@keyframes rs-revealer-8 {
    0% {
        transform: scale(0,0);
        opacity: .5
    }

    100% {
        transform: scale(1,1);
        opacity: 0
    }
}

@-webkit-keyframes rs-revealer-8 {
    0% {
        -webkit-transform: scale(0,0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
}

rs-loader.spinner9 {
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner9 .rs-spinner-inner span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rs-revealer-9 2s infinite ease-in-out;
    animation: rs-revealer-9 2s infinite ease-in-out
}

rs-loader.spinner9 .rs-spinner-inner span:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes rs-revealer-9 {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes rs-revealer-9 {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

rs-loader.spinner10 {
    width: 54px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner10 .rs-spinner-inner {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 10px
}

rs-loader.spinner10 .rs-spinner-inner span {
    display: block;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: rs-revealer-10 1.2s infinite ease-in-out;
    animation: rs-revealer-10 1.2s infinite ease-in-out
}

rs-loader.spinner10 .rs-spinner-inner span:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

rs-loader.spinner10 .rs-spinner-inner span:nth-child(3) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

rs-loader.spinner10 .rs-spinner-inner span:nth-child(4) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

rs-loader.spinner10 .rs-spinner-inner span:nth-child(5) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes rs-revealer-10 {
    0%,100%,40% {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes rs-revealer-10 {
    0%,100%,40% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

rs-loader.spinner11 {
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner11 .rs-spinner-inner {
    width: 100%;
    height: 100%
}

rs-loader.spinner11 .rs-spinner-inner span {
    display: block;
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: rs-revealer-11 1.3s infinite ease-in-out;
    animation: rs-revealer-11 1.3s infinite ease-in-out
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(4) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(8) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

rs-loader.spinner11 .rs-spinner-inner span:nth-child(9) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes rs-revealer-11 {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

@keyframes rs-revealer-11 {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

rs-loader.spinner12 {
    width: 35px;
    height: 35px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner12 .rs-spinner-inner {
    width: 100%;
    height: 100%;
    -webkit-animation: rs-revealer-12 1s infinite linear;
    animation: rs-revealer-12 1s infinite linear
}

@-webkit-keyframes rs-revealer-12 {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rs-revealer-12 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

rs-loader.spinner13 {
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner13 .rs-spinner-inner {
    width: 100%;
    height: 100%
}

rs-loader.spinner13 .rs-spinner-inner span {
    display: block;
    width: 40%;
    height: 40%;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rs-revealer-13 2s ease infinite;
    animation: rs-revealer-13 2s ease infinite
}

rs-loader.spinner13 .rs-spinner-inner span:nth-child(1) {
    animation-delay: -1.5s;
    -webkit-animation-delay: -1.5s
}

rs-loader.spinner13 .rs-spinner-inner span:nth-child(2) {
    animation-delay: -1s;
    -webkit-animation-delay: -1s
}

rs-loader.spinner13 .rs-spinner-inner span:nth-child(3) {
    animation-delay: -.5s;
    -webkit-animation-delay: -.5s
}

@keyframes rs-revealer-13 {
    0%,100% {
        transform: translate(0)
    }

    25% {
        transform: translate(160%)
    }

    50% {
        transform: translate(160%,160%)
    }

    75% {
        transform: translate(0,160%)
    }
}

@-webkit-keyframes rs-revealer-13 {
    0%,100% {
        -webkit-transform: translate(0)
    }

    25% {
        -webkit-transform: translate(160%)
    }

    50% {
        -webkit-transform: translate(160%,160%)
    }

    75% {
        -webkit-transform: translate(0,160%)
    }
}

rs-loader.spinner14 {
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner14 .rs-spinner-inner {
    width: 100%;
    height: 100%;
    animation: rs-revealer-14 1s infinite linear
}

rs-loader.spinner14 .rs-spinner-inner span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: -8px
}

rs-loader.spinner14 .rs-spinner-inner span:nth-child(1) {
    -webkit-animation: rs-revealer-14-1 2s infinite;
    animation: rs-revealer-14-1 2s infinite
}

rs-loader.spinner14 .rs-spinner-inner span:nth-child(2) {
    -webkit-animation: rs-revealer-14-2 2s infinite;
    animation: rs-revealer-14-2 2s infinite
}

rs-loader.spinner14 .rs-spinner-inner span:nth-child(3) {
    -webkit-animation: rs-revealer-14-3 2s infinite;
    animation: rs-revealer-14-3 2s infinite
}

rs-loader.spinner14 .rs-spinner-inner span:nth-child(4) {
    -webkit-animation: rs-revealer-14-4 2s infinite;
    animation: rs-revealer-14-4 2s infinite
}

@-webkit-keyframes rs-revealer-14-1 {
    0% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(80%,80%,0)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(80%,80%,0)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@-webkit-keyframes rs-revealer-14-2 {
    0% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@-webkit-keyframes rs-revealer-14-3 {
    0% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@-webkit-keyframes rs-revealer-14-4 {
    0% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        -webkit-transform: rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@keyframes rs-revealer-14-1 {
    0% {
        transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        transform: rotate3d(0,0,1,0deg) translate3d(80%,80%,0)
    }

    80% {
        transform: rotate3d(0,0,1,360deg) translate3d(80%,80%,0)
    }

    100% {
        transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@keyframes rs-revealer-14-2 {
    0% {
        transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        transform: rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)
    }

    80% {
        transform: rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)
    }

    100% {
        transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@keyframes rs-revealer-14-3 {
    0% {
        transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        transform: rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)
    }

    80% {
        transform: rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)
    }

    100% {
        transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

@keyframes rs-revealer-14-4 {
    0% {
        transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
    }

    20% {
        transform: rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)
    }

    80% {
        transform: rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)
    }

    100% {
        transform: rotate3d(0,0,1,360deg) translate3d(0,0,0)
    }
}

rs-loader.spinner15 {
    width: 40px;
    height: 40px;
    margin-top: -4px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

rs-loader.spinner15 .rs-spinner-inner {
    width: 100%;
    height: 100%
}

rs-loader.spinner15 .rs-spinner-inner span {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rs-revealer-15 1.8s infinite ease-in-out;
    animation: rs-revealer-15 1.8s infinite ease-in-out
}

rs-loader.spinner15 .rs-spinner-inner:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes rs-revealer-15 {
    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes rs-revealer-15 {
    25% {
        transform: translateX(30px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5)
    }

    50% {
        transform: translateX(30px) translateY(30px) rotate(-179deg);
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg)
    }

    50.1% {
        transform: translateX(30px) translateY(30px) rotate(-180deg);
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }

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

.bgcanvas {
    display: none;
    position: absolute;
    overflow: hidden
}

.RSscrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.avada-has-rev-slider-styles .rev_slider_wrapper {
    transform: none
}

#rs-demo-id {
}