html {
    direction: ltr;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    font-size: 100%;
    margin: 0!important
}

body {
    background-color: #fff;
    color: #707070;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: left
}

body a {
    outline: 0!important
}

strong {
    line-height: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
}

li {
    line-height: 24px
}

#header .header-container:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    border-bottom: 1px solid rgba(204, 204, 204, .2);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    pointer-events: none;
    z-index: 0
}

html .scroll-to-top {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background: #fff;
    border-radius: 100%;
    bottom: 6px;
    color: #000;
    display: block;
    height: 45px;
    opacity: 0;
    padding: 10px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 45px;
    z-index: 1040;
    font-size: 13px;
    right: 10px;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, .5)
}

.loader-screen {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    right: 0;
    background-color: #000;
    overflow: hidden
}

.loader {
    width: 75px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loader__bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #fff;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.loader__bar:nth-child(1) {
    left: 0;
    transform: scale(1, .2);
    animation: barUp1 4s infinite
}

.loader__bar:nth-child(2) {
    left: 15px;
    transform: scale(1, .4);
    animation: barUp2 4s infinite
}

.loader__bar:nth-child(3) {
    left: 30px;
    transform: scale(1, .6);
    animation: barUp3 4s infinite
}

.loader__bar:nth-child(4) {
    left: 45px;
    transform: scale(1, .8);
    animation: barUp4 4s infinite
}

.loader__bar:nth-child(5) {
    left: 60px;
    transform: scale(1, 1);
    animation: barUp5 4s infinite
}

.loader__ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    animation: ball 4s infinite
}

@keyframes ball {
    0% {
        transform: translate(0, 0)
    }
    5% {
        transform: translate(8px, -14px)
    }
    10% {
        transform: translate(15px, -10px)
    }
    17% {
        transform: translate(23px, -24px)
    }
    20% {
        transform: translate(30px, -20px)
    }
    27% {
        transform: translate(38px, -34px)
    }
    30% {
        transform: translate(45px, -30px)
    }
    37% {
        transform: translate(53px, -44px)
    }
    40% {
        transform: translate(60px, -40px)
    }
    50% {
        transform: translate(60px, 0)
    }
    57% {
        transform: translate(53px, -14px)
    }
    60% {
        transform: translate(45px, -10px)
    }
    67% {
        transform: translate(37px, -24px)
    }
    70% {
        transform: translate(30px, -20px)
    }
    77% {
        transform: translate(22px, -34px)
    }
    80% {
        transform: translate(15px, -30px)
    }
    87% {
        transform: translate(7px, -44px)
    }
    90% {
        transform: translate(0, -40px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes barUp1 {
    0% {
        transform: scale(1, .2)
    }
    40% {
        transform: scale(1, .2)
    }
    50% {
        transform: scale(1, 1)
    }
    90% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1, .2)
    }
}

@keyframes barUp2 {
    0% {
        transform: scale(1, .4)
    }
    40% {
        transform: scale(1, .4)
    }
    50% {
        transform: scale(1, .8)
    }
    90% {
        transform: scale(1, .8)
    }
    100% {
        transform: scale(1, .4)
    }
}

@keyframes barUp3 {
    0% {
        transform: scale(1, .6)
    }
    100% {
        transform: scale(1, .6)
    }
}

@keyframes barUp4 {
    0% {
        transform: scale(1, .8)
    }
    40% {
        transform: scale(1, .8)
    }
    50% {
        transform: scale(1, .4)
    }
    90% {
        transform: scale(1, .4)
    }
    100% {
        transform: scale(1, .8)
    }
}

@keyframes barUp5 {
    0% {
        transform: scale(1, 1)
    }
    40% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1, .2)
    }
    90% {
        transform: scale(1, .2)
    }
    100% {
        transform: scale(1, 1)
    }
}

#gdpr-cookie-message {
    position: fixed;
    left: 50%;
    padding: 20px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    background: #fff;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 999;
    max-width: 382px;
    margin: 0 auto;
    border-radius: 8px
}

#gdpr-cookie-message p button {
    background: #000;
    color: #fff;
    border: 1px solid #000;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width:1024px) {
    html.safari {
        overflow-x: hidden
    }
    html.safari.body-scroll {
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden
    }
    .box-main-super {
        margin: 38px 0
    }
}

@media(max-width:479px) {
    body {
        font-size: 13px
    }
    #dates .selected {
        font-size: 26px!important
    }
    #dates {
        width: 13%!important
    }
    #dates li {
        width: 165px!important;
        height: 62px!important;
        padding-left: 14px!important
    }
    #issues li span {
        font-size: 26px!important;
        margin: 19px 0!important
    }
    #issues li {
        width: 220px!important
    }
}

.bg-primary {
    background-color: #0363aa!important
}

.body {
    background-color: #fff
}

#header {
    position: relative;
    z-index: 1030;
    -webkit-transition: ease min-height .3s;
    transition: ease min-height .3s;
    background-color: #000
}

#header .header-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-transition: min-height .3s ease;
    transition: min-height .3s ease;
    width: 100%;
    z-index: 1001
}

#header .header-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 104px;
    -webkit-transition: ease height .3s;
    transition: ease height .3s
}

@media(max-width:991px) {
    #header .header-container:not(.container) .header-nav-main {
        padding: 0 .75rem
    }
    .scroll-wrapper .item-image {
        margin-left: 40px
    }
    .item-body {
        padding: 50px 25px 0!important;
        left: 31%!important;
        width: 75%!important;
        position: absolute!important;
        top: 75%!important;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 20px 0 rgba(255, 255, 255, .5)
    }
    .section-items a.all-prjct:after {
        display: none
    }
    .offering .off-inner h2 {
        font-size: 35px!important
    }
    .offering .offering-list .off-inner ul li a {
        font-size: 23px!important;
        line-height: 25px!important
    }
    .super-box {
        background-image: none!important
    }
    #issues {
        width: 450px!important;
        padding: 0!important
    }
}

#header .header-container.header-column-equal-width .header-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#header .container {
    position: relative
}

@media(max-width:767px) {
    #header .container {
        width: 100%
    }
    #issues {
        width: 305px!important
    }
    .sucess-home {
        margin-bottom: 22px
    }
}

#header .header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    max-height: 100%
}

#header .header-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#header .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    position: relative;
    float: left
}

#header .header-logo img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 0;
    margin-top: 16px;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 0;
    padding: 8px 0
}

@media(max-width:767px) {
    #header .header-logo img {
        margin-top: 0;
        margin-bottom: 0;
        height: 56px;
        width: 40px
    }
}

#header .header-button a,
.blog-content .header-button a {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase
}

@media(max-width:767px) {
    #header .header-button a,
    .blog-content .header-button a {
        font-size: 11px;
        padding: 8px 20px!important
    }
}

#header .header-search form input {
    border-radius: 2px 0 0 2px;
    font-size: 12.8px;
    font-size: .8rem;
    border: 0
}

#header .header-search form button {
    background: #fff;
    height: 100%;
    border-radius: 0 2px 2px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#header .header-btn-collapse-nav {
    display: none;
    background: 0 0;
    color: #000;
    outline: 0;
    border: none;
    width: 25px;
    height: 44px;
    padding: 0;
    margin: 16px 0
}

#header .header-btn-collapse-nav .hamburguer span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-transition: ease width .3s;
    transition: ease width .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#header .header-btn-collapse-nav .hamburguer span:nth-child(1) {
    top: 30%
}

#header .header-btn-collapse-nav .hamburguer span:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

#header .header-btn-collapse-nav .hamburguer span:nth-child(3) {
    top: 70%;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#header .header-btn-collapse-nav .close {
    opacity: 0;
    -webkit-transition: ease all .3s;
    transition: ease all .3s
}

#header .header-btn-collapse-nav .close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 3px;
    background: #fff;
    -webkit-transition: ease all .3s;
    transition: ease all .3s;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

#header .header-btn-collapse-nav .close span:nth-child(1) {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

#header .header-btn-collapse-nav .close span:nth-child(2) {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
}

#header .header-btn-collapse-nav.active .hamburguer {
    opacity: 0
}

#header .header-btn-collapse-nav.active .hamburguer span {
    width: 0
}

#header .header-btn-collapse-nav.active .close {
    opacity: 1;
    -webkit-transition: ease all .3s;
    transition: ease all .3s
}

#header .header-btn-collapse-nav.active .close span {
    width: 100%;
    -webkit-transition: ease all .3s;
    transition: ease all .3s
}

#header .header-btn-collapse-nav.active .close span:nth-child(2) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

#header .header-btn-collapse-nav.header-btn-collapse-nav-light .close span,
#header .header-btn-collapse-nav.header-btn-collapse-nav-light .hamburguer span {
    background: #fff
}

html #header.header-transparent {
    min-height: 0!important;
    width: 100%;
    position: absolute;
    background-color: transparent
}

html #header.header-transparent .header-body {
    position: relative;
    top: 0;
    background: 0 0
}

html #header.header-transparent .header-body:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

html #header.header-transparent .header-container {
    min-height: 92px
}

html #header.header-transparent .header-container:after {
    content: none
}

html #header.header-transparent .header-nav-main {
    padding: 0 16px;
    padding: 0 1rem;
    -webkit-transition: ease padding .3s;
    transition: ease padding .3s
}

html #header.header-transparent .header-nav-main:before {
    width: 100%;
    -webkit-transition: ease width .3s;
    transition: ease width .3s
}

html #header.header-transparent-dark .header-body:before {
    background: #1c1f21
}

html.sticky-header-enabled #header.header-transparent .header-body {
    position: fixed
}

html:not(.sticky-header-active) #header.header-transparent .header-body {
    border-bottom: 0
}

@media(min-width:992px) {
    html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li>a:not(.active) {
        color: #ccc
    }
    html:not(.sticky-header-active) #header.header-transparent .header-nav-main.header-nav-main-dark nav>ul>li>a:not(.active) {
        color: #1c1f21
    }
}

html.sticky-header-active #header.header-transparent .header-container:after {
    content: ''
}

html.sticky-header-active #header.header-transparent .header-body:before {
    opacity: 1;
    background-color: #fff
}

html.sticky-header-active #header.header-transparent .header-nav-main:before {
    width: 100vw
}

@media(max-width:991px) {
    html.sticky-header-active #header.header-transparent .header-container:after {
        content: ''
    }
    html.sticky-header-active #header.header-transparent .header-nav-main {
        padding: 0
    }
    html.sticky-header-active.mobile-menu-opened #header.header-transparent .header-container:after {
        content: none
    }
}

html #header.header-container-bottom-border .header-container:after {
    content: none
}

html #header.header-container-bottom-border .header-body:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

html #header.header-container-bottom-border .header-container:after {
    content: none
}

html #header.header-container-bottom-border .header-body:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width:576px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 510px
    }
}

@media(min-width:768px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 690px
    }
}

@media(min-width:992px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 930px
    }
}

@media(min-width:1200px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 1110px
    }
}

html.sticky-header-active #header.header-container-bottom-border .header-container .header-container:after {
    content: ''
}

html.sticky-header-active #header.header-container-bottom-border .header-body:after {
    content: none
}

@media(min-width:576px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 510px
    }
}

@media(min-width:768px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 690px
    }
}

@media(min-width:992px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 930px
    }
}

@media(min-width:1200px) {
    html #header.header-container-bottom-border .header-body:after {
        max-width: 1110px
    }
}

html.sticky-header-active #header.header-container-bottom-border .header-container .header-container:after {
    content: ''
}

html.sticky-header-active #header.header-container-bottom-border .header-body:after {
    content: none
}

html.sticky-header-active #header .header-btn-collapse-nav.on-sticky-dark .close span,
html.sticky-header-active #header .header-btn-collapse-nav.on-sticky-dark .hamburguer span {
    background: #1c1f21
}

html.sticky-header-active #header .header-btn-collapse-nav.on-sticky-light .close span,
html.sticky-header-active #header .header-btn-collapse-nav.on-sticky-light .hamburguer span {
    background: #fff
}

html:not(.sticky-header-active) #header.header-transparent-sticky-deactive .header-body:before {
    background: 0 0!important
}

@media(min-width:1025px) {
    #header .header-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    #header .header-nav.header-nav-border-top:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        border-top: 1px solid #ededee;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #header .header-action {
        border-left: 1px solid #e1e1e1;
        margin-left: 1.1rem;
        padding-left: 1.1rem;
        font-size: .85rem
    }
    #header .header-nav-main {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        height: auto!important;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
    #header .header-nav-main nav.collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 100%
    }
    #header .header-nav-main nav>ul {
        width: 100%
    }
    #header .header-nav-main nav>ul>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
    #header .header-nav-main nav>ul>li+li {
        margin-left: 2px
    }
    #header .header-nav-main nav>ul>li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.42857143;
        font-family: 'Ubuntu', sans-serif;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    #header .header-nav-main nav>ul>li a .menu-arrow {
        position: absolute;
        min-width: 30px;
        height: 100%;
        right: 15px;
        top: 0
    }
    #header .header-nav-main nav>ul>li a .menu-arrow:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        border-color: #ccc;
        border-top: 1px solid;
        border-right: 1px solid;
        width: 6px;
        height: 6px;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
    #header .header-nav-main nav>ul>li a.dropdown-item {
        background-color: transparent
    }
    #header .header-nav-main nav>ul>li>a {
        border-radius: 4px;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.2;
        padding: 1.93333em .85em;
        color: #0363aa
    }
    #header .header-nav-main nav>ul>li>a .menu-arrow {
        display: none
    }
    #header .header-nav-main nav>ul>li.active>a,
    #header .header-nav-main nav>ul>li.open>a,
    #header .header-nav-main nav>ul>li:hover>a {
        color: #02a803;
        background: 0 0
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        background: #000;
        top: -10000px;
        display: block;
        opacity: 0;
        left: auto;
        border-radius: 4px;
        border: 0;
        -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .08);
        box-shadow: 0 0 45px rgba(0, 0, 0, .08);
        margin: -3px 0 0;
        min-width: 260px;
        padding: 20px 10px 20px 30px;
        text-align: left
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li {
        border-bottom: 0
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:not(.btn) {
        color: #ccc;
        font-size: .98em;
        font-weight: 400;
        padding: 8px 0;
        position: relative;
        text-transform: none;
        -webkit-transition: ease transform .3s, ease color .3s;
        transition: ease transform .3s, ease color .3s;
        white-space: normal
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu {
        position: relative;
        z-index: 1
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu {
        background: #2a2f31;
        left: 100%;
        display: block;
        margin-top: -5px;
        margin-left: -1px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu.dropdown-reverse {
        left: auto;
        right: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:focus,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover {
        z-index: 2
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:focus>.dropdown-menu,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu {
        top: -15px;
        opacity: 1
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:focus.dropdown-reverse>a.dropdown-toggle .menu-arrow,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover.dropdown-reverse>a.dropdown-toggle .menu-arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse>.dropdown-menu {
        right: calc(100% + 20px)
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse>.dropdown-menu:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        height: 100%;
        width: 20px
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:focus>a,
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:hover>a {
        color: #fff;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child {
        border-bottom: 0
    }
    #header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu {
        top: 100%;
        left: 0;
        display: block;
        opacity: 1;
        margin-top: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega {
        position: static
    }
    #header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu {
        background: #000;
        border-radius: 6px;
        left: 50%!important;
        right: auto!important;
        padding: 0;
        width: 100%!important;
        max-width: 95vw;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content {
        padding: 40px 20px
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content>.row>div {
        padding: 15px 15px 10px 20px
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content>.row>div+div,
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content>.row>div:first-child:not(.dropdown-mega-sub-content-block) {
        border-right: 1px solid #424f9e
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content>.row>div:last-child {
        border-right: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title {
        color: #fff;
        display: block;
        font-size: 1em;
        font-weight: 600;
        margin-top: 1.2rem;
        padding-bottom: 5px
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title:first-child {
        margin-top: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav {
        list-style: none;
        padding: 0;
        margin: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav li a {
        display: block;
        padding: 8px;
        line-height: 1.42857143
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav li:focus>a,
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav li:hover>a {
        color: #fff
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav li:last-child a {
        border-bottom: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block {
        position: absolute;
        left: 0;
        top: 0;
        padding: 55px 30px!important;
        height: 100%;
        border-radius: 4px 0 0 4px;
        overflow: hidden
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block.dropdown-mega-sub-content-block-right {
        right: 0;
        left: auto;
        border-radius: 0 4px 4px 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block.overlay:before {
        z-index: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block h4 {
        font-size: 1.6em
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block p {
        color: #777
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block .content-block-image {
        position: absolute;
        bottom: 0;
        right: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block .content-block-button {
        display: inline-block;
        border-bottom: none
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>a,
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>h4,
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>p,
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>span {
        opacity: 0;
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%);
        -webkit-transition: ease transform .3s, ease opacity .3s;
        transition: ease transform .3s, ease opacity .3s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>img.content-block-image {
        opacity: 0;
        -webkit-transform: translateX(15%);
        transform: translateX(15%);
        -webkit-transition: ease transform .3s, ease opacity .3s;
        transition: ease transform .3s, ease opacity .3s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>span {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>h4 {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>p {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>img.content-block-image {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-content-block>a {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    #header .header-nav-main nav>ul>li.dropdown-mega:hover .dropdown-mega-sub-content-block>a,
    #header .header-nav-main nav>ul>li.dropdown-mega:hover .dropdown-mega-sub-content-block>h4,
    #header .header-nav-main nav>ul>li.dropdown-mega:hover .dropdown-mega-sub-content-block>p,
    #header .header-nav-main nav>ul>li.dropdown-mega:hover .dropdown-mega-sub-content-block>span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    #header .header-nav-main nav>ul>li.dropdown-mega:hover .dropdown-mega-sub-content-block>img.content-block-image {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2>.dropdown-menu {
        border-radius: 4px;
        width: 80vw!important
    }
    @media(min-width:1200px) {
        #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content {
            max-width: 1000px
        }
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2 .dropdown-mega-sub-content-block {
        position: relative;
        height: auto;
        padding: 30px 50px!important
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2 .dropdown-mega-sub-content-block:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 15px;
        background: #282d2f;
        z-index: -1
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2 .dropdown-mega-sub-nav .dropdown-submenu .dropdown-menu {
        border-radius: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-signin {
        position: relative
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-signin>.dropdown-menu {
        left: auto!important
    }
    #header .header-nav-main.header-nav-main-light nav>ul>li>a {
        color: #fff
    }
    #header .header-nav-main.header-nav-main-light nav>ul>li>a:hover {
        background: 0 0
    }
    #header .header-nav-main.header-nav-main-dark nav>ul>li>a {
        color: #1c1f21
    }
    #header .header-nav-main.header-nav-main-dark nav>ul>li>a:hover {
        background: 0 0
    }
    #header .header-nav-main.header-nav-main-uppercase nav>ul>li>a {
        text-transform: uppercase;
        font-weight: 600;
        font-size: .75rem;
        padding-left: 1.1em;
        padding-right: 1.1em
    }
}

@media(min-width:992px) and (min-width:992px) and (max-width:1199px) {
    #header .header-nav-main.header-nav-main-uppercase nav>ul>li>a {
        font-size: .7rem
    }
}

@media(min-width:992px) {
    #header .header-nav.header-nav-top-line .header-nav-main nav>ul>li>a {
        position: relative
    }
    #header .header-nav.header-nav-top-line .header-nav-main nav>ul>li>a.active:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 3px solid #ccc
    }
    #header .header-nav.header-nav-top-line .header-nav-main nav>ul>li:focus>a:before,
    #header .header-nav.header-nav-top-line .header-nav-main nav>ul>li:hover>a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 3px solid #ccc
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li {
        margin-left: 0
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li>.dropdown-menu {
        -webkit-box-shadow: 0 21px 55px -20px rgba(0, 0, 0, .08);
        box-shadow: 0 21px 55px -20px rgba(0, 0, 0, .08);
        border-radius: 0 0 4px 4px
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li>.dropdown-menu:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        border-top: 1px solid rgba(204, 204, 204, .3)
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li>a {
        border-radius: 0;
        -webkit-transition: none;
        transition: none
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li>a.active {
        background: #ccc;
        color: #fff
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li:focus>a,
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li:hover>a {
        background: #ccc;
        color: #fff
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li.dropdown-full-color>a {
        color: #777!important
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li.dropdown-full-color>a.active {
        color: #fff!important
    }
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li.dropdown-full-color:focus>a,
    #header .header-nav.header-nav-stripe .header-nav-main nav>ul>li.dropdown-full-color:hover>a {
        color: #fff!important
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        background-color: #fff
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown .dropdown-menu li:focus>a,
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown .dropdown-menu li:hover>a {
        color: #ccc
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
        background-color: #fff
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content>.row>div {
        border-color: #f1f3f7
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title {
        color: #1c1f21
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2 .dropdown-mega-sub-content-block:before {
        background-color: #ccc
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2 .dropdown-mega-sub-content-block .content-block-button {
        color: #fff!important
    }
    #header .header-nav.header-nav-sub-title .header-nav-main nav>ul>li>a,
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
        margin-left: .7rem;
        margin-right: .7rem
    }
    #header .header-nav.header-nav-sub-title .header-nav-main nav>ul>li>a>span,
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a>span {
        font-size: .8em;
        text-transform: none;
        font-weight: 400;
        margin-top: .3rem
    }
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a {
        -webkit-transition: ease padding-bottom .3s;
        transition: ease padding-bottom .3s
    }
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a.active {
        padding-bottom: 35px
    }
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a.active>span {
        top: 60%;
        left: 0;
        opacity: 1
    }
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a>span {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: 0;
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        -webkit-transition: ease opacity .2s, ease top .3s;
        transition: ease opacity .2s, ease top .3s
    }
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li:focus>a,
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li:hover>a {
        padding-bottom: 35px
    }
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li:focus>a>span,
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li:hover>a>span {
        top: 60%;
        left: 0;
        opacity: 1
    }
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li>a {
        position: relative
    }
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li>a:before {
        content: '';
        display: block;
        position: absolute;
        top: 56%;
        left: .55rem;
        right: 100%;
        border-top: 7px solid rgba(204, 204, 204, .5);
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        -webkit-transition: ease right .3s;
        transition: ease right .3s
    }
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li>a.active {
        color: #777
    }
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li>a.active:before {
        right: .55rem
    }
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li:focus>a,
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li:hover>a {
        color: #777
    }
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li:focus>a:before,
    #header .header-nav.header-nav-line-under-text .header-nav-main nav>ul>li:hover>a:before {
        right: .55rem
    }
    #header .header-nav.header-nav-square .header-nav-main nav>ul>li>a {
        border-radius: 0
    }
    #header .header-nav.header-nav-square .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        border-radius: 0
    }
    #header .header-nav.header-nav-square .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu {
        border-radius: 0
    }
    #header .header-nav.header-nav-square .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu {
        border-radius: 0
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #header .header-nav-main nav>ul>li>a {
        font-size: .8rem
    }
    .item-body {
        left: 109%!important;
        width: 37%!important;
        padding: 31px 21px!important
    }
}

@media(min-width:992px) {
    #header .header-nav-main-effect-1 nav>ul>li.dropdown:not(.dropdown-mega-signin) .dropdown-mega-sub-nav li,
    #header .header-nav-main-effect-1 nav>ul>li.dropdown:not(.dropdown-mega-signin) .dropdown-menu li {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown:not(.dropdown-mega-signin):hover .dropdown-mega-sub-nav li,
    #header .header-nav-main-effect-1 nav>ul>li.dropdown:not(.dropdown-mega-signin):hover>.dropdown-menu li {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav-main-effect-1 nav>ul>li.dropdown:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega>.dropdown-menu {
        -webkit-transform: translate3d(-50%, -5px, 0);
        transform: translate3d(-50%, -5px, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega>.dropdown-menu>li {
        -webkit-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega.open>.dropdown-menu,
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega:hover>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega.dropdown-mega-signin>.dropdown-menu {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega.dropdown-mega-signin.open>.dropdown-menu,
    #header .header-nav-main-effect-1 nav>ul>li.dropdown.dropdown-mega.dropdown-mega-signin:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media(min-width:992px) {
    #header .header-nav-main-effect-2 nav>ul>li.dropdown .dropdown-menu {
        -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
        opacity: 0
    }
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav-main-effect-2 nav>ul>li.dropdown:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.dropdown-mega>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 5px, 0);
        transform: translate3d(-50%, 5px, 0)
    }
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.dropdown-mega.open>.dropdown-menu,
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.dropdown-mega:hover>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.dropdown-mega.dropdown-mega-signin>.dropdown-menu {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.dropdown-mega.dropdown-mega-signin.open>.dropdown-menu,
    #header .header-nav-main-effect-2 nav>ul>li.dropdown.dropdown-mega.dropdown-mega-signin:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media(min-width:992px) {
    #header .header-nav-main-effect-3 nav>ul>li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    #header .header-nav-main-effect-3 nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav-main-effect-3 nav>ul>li.dropdown:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #header .header-nav-main-effect-3 nav>ul>li.dropdown.dropdown-mega>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0)
    }
    #header .header-nav-main-effect-3 nav>ul>li.dropdown.dropdown-mega.open>.dropdown-menu,
    #header .header-nav-main-effect-3 nav>ul>li.dropdown.dropdown-mega:hover>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@media(min-width:992px) {
    #header .header-nav-main-effect-4 nav>ul>li.dropdown .dropdown-menu {
        -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 0
    }
    #header .header-nav-main-effect-4 nav>ul>li.dropdown .dropdown-menu.dropdown-reverse {
        -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        left: auto;
        right: 100%;
        opacity: 0
    }
    #header .header-nav-main-effect-4 nav>ul>li.dropdown.open>.dropdown-menu,
    #header .header-nav-main-effect-4 nav>ul>li.dropdown:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    #header .header-nav-main-effect-4 nav>ul>li.dropdown.dropdown-mega>.dropdown-menu {
        -webkit-transform: translate3d(-55%, 0, 0);
        transform: translate3d(-55%, 0, 0)
    }
    #header .header-nav-main-effect-4 nav>ul>li.dropdown.dropdown-mega>.dropdown-menu.dropdown-reverse {
        -webkit-transform: translate3d(45%, 0, 0);
        transform: translate3d(45%, 0, 0)
    }
    #header .header-nav-main-effect-4 nav>ul>li.dropdown.dropdown-mega.open>.dropdown-menu,
    #header .header-nav-main-effect-4 nav>ul>li.dropdown.dropdown-mega:hover>.dropdown-menu {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@media(min-width:992px) {
    #header .header-nav-main-sub-effect-1 nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu {
        -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 0
    }
    #header .header-nav-main-sub-effect-1 nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    #header .header-nav-main-sub-effect-1 nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse>.dropdown-menu {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    #header .header-nav-main-sub-effect-1 nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover>.dropdown-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media(max-width:1024px) {
    #header .header-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    #header .header-nav-main {
        position: absolute;
        top: 99%;
        right: 0;
        left: 0;
        background: 0 0;
        margin-top: 0;
        z-index: 1
    }
    #header .header-nav-main:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #000;
        z-index: -1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #header .header-nav-main nav {
        max-height: 60vh;
        overflow: hidden;
        overflow-y: auto;
        margin: 8px 0 20px;
        -webkit-transition: ease all .3s;
        transition: ease all .3s
    }
    #header .header-nav-main nav.collapsing {
        overflow-y: hidden
    }
    #header .header-nav-main nav.closed {
        margin: 0
    }
    #header .header-nav-main nav::-webkit-scrollbar {
        width: 5px
    }
    #header .header-nav-main nav::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: rgba(204, 204, 204, .5)
    }
    #header .header-nav-main nav>ul li {
        border-bottom: 1px solid #fff;
        clear: both;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%
    }
    #header .header-nav-main nav>ul li a:not(.btn) {
        position: relative;
        display: block;
        color: #fff;
        font-style: normal;
        line-height: 1.3;
        padding: 10px 0;
        border-radius: 4px;
        font-family: fivo sans
    }
    #header .header-nav-main nav>ul li a:not(.btn).active,
    #header .header-nav-main nav>ul li a:not(.btn):focus,
    #header .header-nav-main nav>ul li a:not(.btn):hover {
        color: #fff
    }
    #header .header-nav-main nav>ul li a:not(.btn) .menu-arrow {
        position: absolute;
        min-width: 30px;
        height: 100%;
        right: 5px;
        top: 0;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: ease transform .8s;
        transition: ease transform .8s
    }
    #header .header-nav-main nav>ul li a:not(.btn) .menu-arrow:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        border-color: #ccc;
        border-top: 1px solid;
        border-right: 1px solid;
        width: 7px;
        height: 7px;
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg)
    }
    #header .header-nav-main nav>ul li a:not(.btn).dropdown-item {
        background-color: transparent
    }
    #header .header-nav-main nav>ul li.dropdown .dropdown-menu {
        background: 0 0;
        padding: 0 0 20px;
        margin: 0;
        font-size: 14px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        clear: both;
        display: none;
        float: none;
        position: static
    }
    #header .header-nav-main nav>ul li.dropdown .dropdown-menu li.dropdown-submenu.opened>.dropdown-toggle .menu-arrow {
        -webkit-transform: rotateX(180deg) translate3d(0, -3px, 0);
        transform: rotateX(180deg) translate3d(0, -3px, 0)
    }
    #header .header-nav-main nav>ul li.dropdown .dropdown-menu li.dropdown-submenu.opened>.dropdown-menu {
        margin-left: 20px
    }
    #header .header-nav-main nav>ul li.dropdown.opened>.dropdown-toggle .menu-arrow {
        -webkit-transform: rotateX(180deg) translate3d(0, -3px, 0);
        transform: rotateX(180deg) translate3d(0, -3px, 0)
    }
    #header .header-nav-main nav>ul li.dropdown.opened>.dropdown-menu {
        padding-left: 20px;
        padding-bottom: 0
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-content {
        padding-left: 0
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-title {
        margin-top: 10px;
        display: block;
        color: #fff;
        font-weight: 600
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-nav {
        margin: 0;
        padding: 0;
        list-style: none
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-nav>li>a {
        display: block;
        text-decoration: none
    }
    #header .header-nav-main nav>ul li.dropdown-full-color:first-child {
        margin-top: 0
    }
    #header .header-nav-main nav>ul li.dropdown-full-color>a {
        padding: 10px 15px
    }
    #header .header-nav-main nav>ul li.dropdown-full-color>.dropdown-menu li {
        border: none
    }
    #header .header-nav-main nav>ul li.dropdown-full-color.opened>.dropdown-menu {
        padding-left: 15px
    }
    #header .header-nav-main nav>ul li:last-child {
        border-bottom: 0
    }
    #header .header-nav-main nav>ul>li>a {
        font-size: 1.1em;
        font-weight: 400;
        margin-top: 1px;
        margin-bottom: 1px
    }
    #header .header-btn-collapse-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 1
    }
    #header .header-nav.header-nav-sub-title .header-nav-main nav>ul>li>a,
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a {
        text-align: left
    }
    #header .header-nav.header-nav-sub-title .header-nav-main nav>ul>li>a>span,
    #header .header-nav.header-nav-sub-title-animated .header-nav-main nav>ul>li>a>span {
        font-size: .6em;
        display: block
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main:before {
        background-color: #fff
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul li {
        border-color: #f1f3f7
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul li a.active,
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul li a:focus,
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul li a:hover {
        color: #ccc
    }
    #header .header-nav.header-nav-light-dropdown .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-title {
        color: #1c1f21;
        font-weight: 700
    }
    html.safari #header .header-nav-main nav a {
        -webkit-transform: translate3d(0, 0, 1px)!important;
        transform: translate3d(0, 0, 1px)!important
    }
}

html.side-header:not(.side-header-from-out) #header {
    min-height: 0!important
}

@media(max-width:1199px) {
    .core-values-sec.screenshots .screenshot {
        height: 130px!important
    }
    .screenshots .screenshot {
        padding: 19px 6px!important;
        margin-top: 0
    }
}

@media(min-width:1025px) {
    .box-main-super {
        margin: 55px 0
    }
}

@media(min-width:992px) {
    html.side-header:not(.side-header-from-out) .double-carousel .nav {
        margin-left: -140px
    }
    html.side-header:not(.side-header-from-out) .double-carousel .wrapper-left {
        width: calc(35vw - 140px);
        margin-right: -140px
    }
    html.side-header:not(.side-header-from-out) .double-carousel .wrapper-right {
        margin-left: -140px;
        width: calc(35vw - 140px)
    }
}

@media(max-width:1600px) {
    html.side-header:not(.side-header-from-out) .double-carousel .nav .title-left,
    html.side-header:not(.side-header-from-out) .double-carousel .nav .title-right {
        display: none
    }
}

@media(max-width:1199px) and (min-width:768px) {
    html.side-header:not(.side-header-from-out) .double-carousel .nav {
        top: 50%
    }
    html.side-header:not(.side-header-from-out) .double-carousel .owl-carousel .owl-dots {
        top: 58%
    }
}

#header .header-logo,
#header .header-nav {
    -webkit-transition: ease opacity .3s, ease visibility .3s, ease transform .3s;
    transition: ease opacity .3s, ease visibility .3s, ease transform .3s
}

.page-header {
    background-color: #f1f3f7;
    margin: 0;
    min-height: 50px;
    padding: 55px 0;
    position: relative;
    text-align: center
}

@media(max-width:767px) {
    .page-header.team_section {
        padding-top: 26px
    }
}

.page-header .breadcrumb {
    background: 0 0;
    margin: 0 0 8px 2px;
    padding: 0;
    position: relative;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999
}

.page-header .breadcrumb>li {
    display: inline-block;
    font-size: .85em;
    text-shadow: none
}

.page-header .breadcrumb>li+li:before {
    color: inherit;
    opacity: .5;
    font-family: 'font awesome 5 free';
    content: "\f105";
    padding: 0 7px 0 5px;
    font-weight: 900
}

.page-header .breadcrumb.breadcrumb-valign-mid {
    position: absolute;
    top: 36%;
    right: 20px
}

.page-header h1 {
    display: inline-block;
    line-height: 32px;
    margin: 0;
    padding: 5px 0;
    font-weight: 600;
    position: relative;
    font-size: 25.6px;
    font-size: 1.6rem
}

.page-header .lead {
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    line-height: 1.6
}

.lead i.fas {
    color: #000!important
}

.page-header.page-header-text-light a:not(.btn),
.page-header.page-header-text-light h1,
.page-header.page-header-text-light p,
.page-header.page-header-text-light span {
    color: #fff
}

.page-header.page-header-text-light li,
.page-header.page-header-text-light li>a {
    color: #e0dede
}

.page-header.page-header-text-light.page-header-crumbs-light-2 li,
.page-header.page-header-text-light.page-header-crumbs-light-2 li>a {
    color: #d8d8d8
}

.page-header.parallax>.container {
    position: relative;
    z-index: 3
}

.page-header.page-header-dark {
    background-image: url(../img/backgrounds/ionic-app-development-services-header-banner.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.section {
    position: relative;
    padding: 73.846px 0;
    padding: 3rem 0
}

@media(max-width:767px) {
    .section {
        padding: 1.5rem 0
    }
    .section.infra_img {
        padding: 4rem 0 1rem
    }
}

@media(max-width:575px) {
    .section.infra_img {
        padding: 5rem 0 1rem
    }
}

.section.section-height-3 {
    padding: 73.846px 0;
    padding: 4.6153846154rem 0
}

.section.section-height-4 {
    padding: 110.769px 0;
    padding: 12rem 0
}

.section.section-height-5 {
    padding: 147.692px 0;
    padding: 9.2307692308rem 0
}

@media(max-width:991px) {
    .section.section-height-4 {
        padding: 8rem 0
    }
}

@media(max-width:767px) {
    .section.section-height-4 {
        padding: 7rem 0
    }
}

@media(max-width:575px) {
    .section.section-height-4 {
        padding: 5rem 0
    }
}

@media(max-width:400px) {
    .section.section-height-4 {
        padding: 4rem 0
    }
}

@media(max-width:767px) {
    .section.section-height-5 {
        padding: 4rem 0
    }
}

.section>.container {
    position: relative;
    z-index: 3
}

.section.section-background {
    background-position: 0 50%;
    background-repeat: repeat;
    z-index: 1
}

.section.section-content-pull-top>.container:not(.no-pull-top) {
    margin-top: -112px;
    margin-top: -7rem
}

.section.section-content-pull-top.pull-top-level-2>.container:not(.no-pull-top) {
    margin-top: -144px;
    margin-top: -9rem
}

.section.section-content-pull-top.pull-top-level-3>.container:not(.no-pull-top) {
    margin-top: -176px;
    margin-top: -11rem
}

.section.section-content-pull-top-2>.container:not(.no-pull-top) {
    margin-top: -112px;
    margin-top: -7rem;
    background: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 0 -1px 15px -3px rgba(153, 153, 153, .1);
    box-shadow: 0 -1px 15px -3px rgba(153, 153, 153, .1);
    padding: 60px 40px;
    z-index: 0
}

@media(min-width:768px) {
    .section.section-content-pull-top-2>.container:not(.no-pull-top) {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .section.section-content-pull-top-2>.container:not(.no-pull-top) {
        max-width: 1015px
    }
}

@media(min-width:1200px) {
    .section.section-content-pull-top-2>.container:not(.no-pull-top) {
        max-width: 1190px
    }
}

.section.section-text-overlay {
    position: relative;
    overflow: hidden
}

.section.section-text-overlay .text-background {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 13vw;
    line-height: 3.3vw;
    opacity: .06;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section.section-text-overlay .text-background.appear-animation {
    opacity: 0
}

.section.section-text-overlay .text-background.text-background-style-2 {
    width: 120%;
    opacity: .03
}

.section.section-text-overlay .text-background.text-background-color-1 {
    color: #72b9ff
}

@media(max-width:991px) {
    .section.section-content-pull-top-2:not(.pull-top-always)>.container,
    .section.section-content-pull-top-3:not(.pull-top-always)>.container,
    .section.section-content-pull-top:not(.pull-top-always)>.container {
        margin-top: 0!important;
        padding: 0 15px
    }
}

.sidebar .sidebar-search input {
    padding: 11.2px 35.2px 11.2px 11.2px;
    padding: .7rem 2.2rem .7rem .7rem
}

.sidebar .sidebar-search button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    height: 100%;
    z-index: 3!important
}

.sidebar .sidebar-search button i {
    color: #ccc
}

.sidebar .sort-source>div>a,
.sidebar .sort-source>li>a {
    font-family: fivo sans
}

.slider-container {
    background: #1c1f21;
    width: 100%;
    height: 490px;
    overflow: hidden;
    direction: ltr
}

.slider-container.slider-container-full-height {
    height: 100vh
}

.slider-container.slider-container-height-490 {
    height: 490px
}

.slider-container.slider-container-height-550 {
    height: 550px
}

.slider-container.slider-container-height-600 {
    height: 600px
}

.slider-container.slider-container-height-720 {
    height: 720px
}

.slider-container.slider-container-height-800 {
    height: 800px
}

.slider-container.slider-container-height-870 {
    height: 870px
}

.slider-contact-form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 99999;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.slider-contact-form-wrapper .slider-contact-form {
    background: rgba(28, 31, 33, .3);
    padding: 80px 80px 256px;
    padding: 5rem 5rem 16rem;
    min-width: 416px
}

.slider-contact-form-wrapper .slider-contact-form>p {
    color: #969696
}

.slider-contact-form-wrapper .slider-contact-form form label {
    color: #ccc
}

@media(max-width:575px) {
    .slider-contact-form-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .slider-contact-form-wrapper .slider-contact-form {
        min-width: 256px;
        padding: 3rem
    }
}

@media(max-width:320px) {
    .slider-contact-form-wrapper .slider-contact-form {
        padding: 1rem
    }
}

.slider-scroll-button {
    position: relative;
    width: 57px;
    height: 57px;
    background: #ccc;
    border-radius: 100%
}

.slider-scroll-button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 49%;
    width: 23px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 15px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.slider-scroll-button:after {
    content: '';
    width: 6px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    position: absolute;
    top: 19px;
    left: 49%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-animation-name: sliderScrollButton;
    animation-name: sliderScrollButton;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#footer .footer-copyright {
    background: 0 0;
    margin-top: 0;
    padding: 0 0 2em
}

#footer .footer-copyright p {
    font-size: .9em
}

.text-color-light {
    color: #fff!important
}

.text-color-light-2 {
    color: #e2e2e2!important
}

.text-color-light-3 {
    color: #a2a2a2!important
}

.dark-gray-text {
    color: #000!important
}

.text-color-dark {
    color: #49566a!important
}

.text-color-blue {
    color: #000!important
}

.text-color-default {
    color: #707070!important
}

.link-color-dark {
    color: #1c1f21
}

.link-color-light {
    color: #fff
}

.link-color-light:hover {
    color: #f1f3f7!important
}

.bg-light {
    background-color: #fff!important
}

.bg-light-4 {
    background-color: #f4f6f9!important
}

.bg-light-5 {
    background-color: rgba(241, 243, 247, .3)!important
}

.bg-dark {
    background-color: #1c1f21!important
}

.bg-dark-1 {
    background-color: #090a0b!important
}

.bg-dark-2 {
    background-color: #1b1e21!important
}

.bg-dark-2 .sort-destination-loader:after {
    background-color: #1b1e21!important
}

.bg-dark-3 {
    background-color: #202326!important
}

.bg-dark-3 .sort-destination-loader:after {
    background-color: #202326!important
}

.bg-dark-4 {
    background-color: #292d31!important
}

.bg-dark-4 .sort-destination-loader:after {
    background-color: #292d31!important
}

.bg-dark-5 {
    background-color: #2e3237!important
}

.bg-dark-5 .sort-destination-loader:after {
    background-color: #2e3237!important
}

.bg-transparent {
    background-color: trasnparent!important
}

.border-light {
    border-color: #fff!important
}

.border-light-5 {
    border-color: #f1f3f7!important
}

.border-dark {
    border-color: #1c1f21!important
}

.border-dark-1 {
    border-color: #090a0b!important
}

.text-0 {
    font-size: 11.2px!important;
    font-size: .7rem!important
}

.text-1 {
    font-size: 12.8px!important;
    font-size: .8rem!important
}

.text-2 {
    font-size: 14.4px!important;
    font-size: .9rem!important
}

.text-2-5 {
    font-size: 14.4px!important;
    font-size: 1.2rem!important
}

.text-3 {
    font-size: 16px!important;
    font-size: 1rem!important
}

.text-4 {
    font-size: 17.6px!important;
    font-size: 1.1rem!important
}

.text-5 {
    font-size: 24px!important;
    font-size: 1.5rem!important
}

.text-6 {
    font-size: 28.8px!important;
    font-size: 1.8rem!important
}

.text-7 {
    font-size: 32px!important;
    font-size: 2rem!important
}

.text-8 {
    font-size: 36.8px!important;
    font-size: 2.3rem!important
}

.text-9 {
    font-size: 40px!important;
    font-size: 2.5rem!important
}

.text-10 {
    font-size: 44px!important;
    font-size: 2.75rem!important
}

.text-11 {
    font-size: 48px!important;
    font-size: 3rem!important
}

.text-12 {
    font-size: 52px!important;
    font-size: 3.25rem!important
}

.text-13 {
    font-size: 56px!important;
    font-size: 3.5rem!important
}

.text-14 {
    font-size: 60px!important;
    font-size: 3.75rem!important
}

.text-15 {
    font-size: 64px!important;
    font-size: 4rem!important
}

.text-16 {
    font-size: 72px!important;
    font-size: 4.5rem!important
}

.text-17 {
    font-size: 80px!important;
    font-size: 5rem!important
}

.text-18 {
    font-size: 84.8px!important;
    font-size: 5.3rem!important
}

.text-19 {
    font-size: 92.8px!important;
    font-size: 5.8rem!important
}

.text-20 {
    font-size: 104px!important;
    font-size: 6.5rem!important
}

.line-height-1 {
    line-height: 1!important
}

.line-height-2 {
    line-height: 1.2!important
}

.line-height-3 {
    line-height: 1.4!important
}

.line-height-4 {
    line-height: 1.6!important
}

.line-height-5 {
    line-height: 1.8!important
}

.letter-spacing-n1 {
    letter-spacing: -1px
}

.letter-spacing-n6 {
    letter-spacing: -6px
}

.letter-spacing-0 {
    letter-spacing: 0
}

.letter-spacing-5 {
    letter-spacing: 5px
}

.letter-spacing-10 {
    letter-spacing: 10px
}

.width-auto {
    width: auto
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-normalbold {
    font-weight: 500!important
}

.font-weight-semibold {
    font-weight: 600!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-extra-bold {
    font-weight: 800!important
}

.border-radius-0 {
    border-radius: 0!important
}

.font-primary {
    font-family: 'Ubuntu', sans-serif;
}

.font-secondary {
    font-family: 'Ubuntu', sans-serif;
}

.font-tertiary {
    font-family: 'Ubuntu', sans-serif;
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-underline {
    text-decoration: underline!important
}

.text-line-trough {
    text-decoration: line-through!important
}

.scale-1 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.scale-2 {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.scale-3 {
    -webkit-transform: scale(3);
    transform: scale(3)
}

.transform-center-x {
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.transform-center-y {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.transform-center-xy {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.va-middle {
    vertical-align: middle
}

.ws-nowrap {
    white-space: nowrap
}

.z-index-0 {
    z-index: 0!important
}

.z-index-1 {
    z-index: 1!important
}

.z-index-2 {
    z-index: 2!important
}

.z-index-10 {
    z-index: 10!important
}

.height-1 {
    height: 18.25vw!important
}

@media(max-width:991px) {
    .height-1 {
        height: 23vw!important
    }
}

@media(max-width:767px) {
    .height-1 {
        height: 100vw!important
    }
}

@media(min-width:576px) and (max-width:991px) {
    .height-1 {
        min-height: 300px
    }
}

.height-2 {
    height: 16.25vw!important
}

@media(max-width:991px) {
    .height-2 {
        height: 26vw!important
    }
}

@media(max-width:767px) {
    .height-2 {
        height: 100vw!important
    }
}

.height-3 {
    height: 23.25vw!important
}

@media(max-width:991px) {
    .height-3 {
        height: 33vw!important
    }
}

@media(max-width:767px) {
    .height-3 {
        height: 100vw!important
    }
}

.height-500 {
    height: 500px
}

.height-100vh {
    height: 100vh
}

.min-height-200 {
    min-height: 200px
}

.min-height-236 {
    min-height: 236px
}

.min-height-285 {
    min-height: 285px
}

.min-height-300 {
    min-height: 300px
}

.min-height-370 {
    min-height: 370px
}

.min-height-450 {
    min-height: 450px
}

.min-height-550 {
    min-height: 450px
}

.min-height-610 {
    min-height: 610px
}

.min-height-680 {
    min-height: 680px
}

.min-height-750 {
    min-height: 750px
}

.min-height-800 {
    min-height: 800px
}

.min-height-900 {
    min-height: 900px
}

.min-height-32vw {
    min-height: 32vw
}

.min-height-100vh {
    min-height: 100vh
}

.min-height-calc-1 {
    min-height: calc(100vh - 118px)
}

.max-width-150 {
    max-width: 150px
}

.max-width-200 {
    max-width: 200px
}

.max-width-250 {
    max-width: 250px
}

.max-width-320 {
    max-width: 320px
}

.max-width-400 {
    max-width: 400px
}

.no-vertical-scroll {
    overflow-y: hidden
}

.no-horizontal-scroll {
    overflow-x: hidden
}

@media(min-width:1200px) {
    .col-xl-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .col-xl-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
    .col-xl-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }
    .col-xl-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}

.theme_black_color {
    background-color: #000
}

.blue_title,
.page-header.page-header-text-light h1.blue_title {
    color: #000
}

.card.card-style-2 .card-body {
    border: 5px double #f0f0f0!important
}

.plateform_bg {
    background-image: url(../img/software-development-services-banner02.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.feat_in_mobile {
    background-image: url(../img/software-development-services-banner01.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.border-color-white {
    border-color: #fff
}

input:-moz-autofill,
input:-ms-autofill,
input:-webkit-autofill {
    background-color: transparent!important
}

.vr_bg {
    background-position: left top!important
}

@media(max-width:767px) {
    .vr_bg {
        background-position: center center!important
    }
}

.product_img img {
    border-radius: 50%;
    padding: 10px;
    background: #fff;
    width: 130px!important;
    height: 130px!important
}

@media(max-width:991px) {
    .product_img img {
        padding: 5px;
        width: 100px!important;
        height: 100px!important
    }
}

.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

input[type=radio] {
    display: none
}

.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.radio-inline label {
    padding-left: 25px;
    color: #908e8e
}

.radio-inline input[type=radio]+label:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 3px;
    left: 0;
    border: 2px solid #000;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.radio-inline input[type=radio]:checked+label:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 7px;
    left: 4px;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.radio-inline input[type=radio]:checked+label:before {
    border-color: #000
}

.team_list h2.font-weight-bold {
    font-weight: 600!important;
    font-size: .95rem!important
}

.team_list p {
    font-size: .8rem!important
}

.mobile_list p {
    font-size: .9rem!important
}

.feat_in_mobile .owl-carousel .icon-box-info-title h4 {
    font-size: .8rem
}

.fileUpload {
    position: relative;
    overflow: hidden;
    padding: 10px 24px;
    background: #8a959e!important;
    border: 1px solid #8a959e!important
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

input.choosefile {
    border: 0;
    outline: 0;
    padding: 5px 20px;
    background-color: transparent;
    border-bottom: 2px solid #ccc
}

.upload_resume input {
    width: auto;
    display: inline-block
}

.upload_resume .fileUpload {
    display: inline-block
}

.footer_address .card {
    height: 280px
}

.card.card-style-1.rounded {
    height: 544px
}

@media(max-width:991px) {
    .card.card-style-1.rounded {
        height: auto
    }
}

.card-body a.get_link {
    position: relative!important
}

.contry_address {
    min-height: 80px
}

.steps .item {
    border-radius: 0!important
}

@media(max-width:576px) {
    .blog_content .card-body.p-5 {
        padding: 1rem!important
    }
}

.blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
    height: 410px
}

.testimonial_section .card .card-body .testi_name {
    height: 200px
}

@media(max-width:1600px) {
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: 440px
    }
}

@media(max-width:1365px) {
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: 386px
    }
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card .p-5 {
        padding: 1rem!important
    }
}

@media(max-width:1199px) {
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: 100%
    }
    .testimonial_section .card .card-body .testi_name {
        height: 130px
    }
}

@media(max-width:991px) {
    .testimonial_section .card .card-body .testi_name {
        height: auto
    }
}

@media(max-width:990px) {
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: 310px
    }
}

@media(max-width:767px) {
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: auto
    }
}

.grey_bg {
    background-color: #f1f3f7!important
}

.light_blue {
    background-color: #2d3ea7!important
}

.small_light_blue {
    background-color: #4152b9!important
}

@media(max-width:991px) {
    .grey_bg {
        background-color: #2d3ea7!important
    }
    .custom-background-position-1 {
        background-position: -220px 0!important
    }
}

@media(max-width:600px) {
    .right_product_img {
        right: -10px!important
    }
    .left_product_img {
        left: -10px!important
    }
}

.google_map {
    width: 100%;
    height: 400px
}

.google_map iframe {
    border: none;
    outline: 0
}

.particles .d-none {
    display: block!important;
    z-index: -1
}

.intl-tel-input {
    display: block!important
}

.list:not(.list-unstyled).list-style-1 li:before {
    border-bottom: 1px solid #fff!important
}

.list-style-dark:not(.list-unstyled).list-style-1 li:before {
    border-bottom: 1px solid #707070!important
}

.content-grid .content-grid-item {
    padding: 25px;
    justify-content: flex-start!important
}

.content-grid .content-grid-item.content-center {
    align-items: center
}

.product-name {
    display: inline-block
}

@media(max-width:1199px) {
    .support-contact.icon-box.icon-box-style-1 {
        justify-content: center;
        text-align: center
    }
    .career-contact .support-contact.icon-box.icon-box-style-1 {
        justify-content: left;
        text-align: left
    }
    p.support-content {
        min-height: 50px
    }
}

.why-choose-img {
    width: 100%;
    height: 100%;
    border: 1px solid #dee2e6!important;
    display: flex;
    justify-content: center;
    align-items: center
}

.why-choose-img img {
    width: auto;
    height: auto;
    max-width: 100%
}

@media(max-width:1199px) {
    .why-choose-img img {
        width: auto;
        max-width: 100%;
        height: auto
    }
}

@media(max-width:467px) {
    .icon-box.icon-box-style-7 .icon-box-icon {
        margin-right: 10px;
        padding: 1.9rem
    }
}

@media all and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    object.animated-icon {
        width: 42px!important;
        height: 42px!important
    }
}

.error {
    color: red!important;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    display: none
}

.accordion.accordion-style-2 .accordion-header.career-accordion a {
    color: #fff!important
}

.accordion.accordion-style-2 .accordion-header.career-accordion a:focus,
.accordion.accordion-style-2 .accordion-header.career-accordion a:hover {
    color: #fff!important
}

form#apply-job-form .form-control {
    padding-left: 0
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

@media(max-width:1024px) {
    .btn-icon-effect-1:hover .wrap span {
        left: 0
    }
    .btn-icon-effect-1:hover .wrap i {
        opacity: 0;
        right: 0
    }
    html .header-button .btn-outline.btn-primary:hover {
        border-color: #000;
        background-color: #000!important;
        color: #000;
        font-family: fivo sans
    }
}

.seo-title {
    font-weight: 700;
    font-style: italic
}

.seo-title-underline {
    text-decoration: underline
}

a .card.framework-card:hover {
    box-shadow: 0 8px 10px -1px rgba(0, 0, 0, .4)
}

.bg-spring {
    background-color: #000
}

.blog-title-height {
    min-height: 63px
}

b {
    font-weight: 700
}

.fb-share-btn {
    position: fixed;
    left: 0;
    top: 57%;
    z-index: 999999999999;
    display: none
}

.fb-share-btn .social-icons.social-icons-transparent li a {
    background: #212121
}

.fb-share-btn .social-icons.social-icons-transparent li {
    display: block;
    margin-bottom: 10px
}

.fb-share-btn .social-icons.social-icons-transparent li a:focus,
.fb-share-btn .social-icons.social-icons-transparent li a:hover {
    color: #fff!important
}

@media(max-width:467px) {
    .fileUpload {
        padding: 10px 7px;
        font-size: 11px
    }
}

form#refer-frnd-form .form-control {
    padding-left: 0
}

form#apply-job-form.transparent-fields .form-control#uploadFile:focus {
    display: inline-block
}

img {
    pointer-events: none
}

.font-13 {
    font-size: 16px!important
}

.dark-blue-title {
    color: #000
}

.bg-white-theme {
    background-color: #fff!important;
}

.white-title {
    color: #fff;
}

.hr-orange-border {
    border-color: #000!important
}

.bg-blue .lead {
    color: #fff!important;
}

.hr-white-border {
    border-color: #fff!important
}

.hr-black-border {
    border-color: #000!important
}

.icon-view h3 {
    position: relative;
    letter-spacing: .6px
}

.icon-view h3:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #031b4e;
    top: -20px;
    right: 0;
    left: 0;
    margin: 0 auto
}

.icon-view {
    text-align: center
}

.icon-view span {
    display: block
}

.icon-view span {
    font-size: 23px;
    width: 95px;
    height: 95px;
    background: #f7f7f7;
    border-radius: 50%;
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .08);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .08);
    position: relative;
    color: #9b95c9;
    margin: 0 auto 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-view span:after {
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    left: -13px;
    top: -12px;
    border-radius: 50%;
    border: 1px dashed #d8d6d6
}

.hero-offer {
    position: relative
}

.hero-offer:after {
    content: "";
    width: 40%;
    height: 250px;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: 0
}

.hero-offer:before {
    content: "";
    width: 40%;
    height: 250px;
    background-repeat: repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .5;
    z-index: 0
}

.hero-bg .btn-outline.btn-primary {
    border-color: #fff;
    background-color: #fff!important;
    color: #000
}

.margin0 {
    margin: 0
}

.top-screenshot-carousel-area {
    position: relative;
    top: 40px;
    margin-bottom: 120px
}

html .slide-short .btn-outline.btn-primary:focus,
html .slide-short .btn-outline.btn-primary:hover,
html.sticky-header-active .slide-short .btn-outline.btn-sticky-primary:focus,
html.sticky-header-active .slide-short .btn-outline.btn-sticky-primary:hover {
    background: 0 0!important;
    border-color: #fff;
    color: #fff
}

.hero-offer {
    position: relative
}

.portfolio-item {
    -webkit-box-shadow: 0 0 10px 0 rgba(28, 31, 33, .1);
    box-shadow: 0 0 10px 0 rgba(28, 31, 33, .1)
}

.blog-content {
    padding: 0 10px 20px
}

.card.card-style-2 .card-body.hr-orange-border {
    border-color: #ff7a591f!important;
    min-height: 350px
}

.orange-check {
    color: #ff7a59!important;
    font-size: 18px
}

.website-link {
    color: #ff7a59!important;
    text-decoration: underline
}

.case-study .rounded.bg-light {
    min-height: 440px
}

.nav-link {
    padding: .5rem
}

.why-choose-uss .card.card-style-1 {
    min-height: 270px
}

.java-click .icon-view h3:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 2px;
    background-color: #000;
    top: -20px;
    right: 0;
    left: 0;
    margin: 0 auto
}

.java-click .card-style-2 .icon-view:hover {
    transform: scale(1.1)
}

.slidebox {
    z-index: 99;
    -webkit-box-shadow: 0 0 20px 2px #0000004a;
    box-shadow: 0 0 20px 2px #0000004a;
    width: 420px
}

#close i {
    color: #000;
    font-size: 20px
}

button#close {
    position: absolute;
    right: 5px;
    top: 5px;
    background: 0 0!important;
    border: none
}

.slidebox h3 {
    font-weight: 600;
    color: #000
}

button#close:hover {
    border: none
}

.what-we-do .icon-view span {
    margin: 0 auto;
    width: 62px;
    height: 62px
}

.what-we-do .icon-view span:after {
    content: '';
    width: 82px;
    height: 82px;
    position: absolute;
    left: -10px;
    top: -9px;
    border-radius: 50%;
    border: 1px dashed #d8d8d8
}

.blog-card .portfolio-list.portfolio-list-style-2 .portfolio-item {
    height: 460px
}

.java-click a {
    cursor: default
}

.java-click a.java-cursor {
    cursor: pointer
}

.why-choose-java .card.card-style-1 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 5px double #f0f0f0!important
}

.page-design h3 {
    font-weight: 400;
    letter-spacing: .6px
}

.why-choose-java h3 {
    font-weight: 400
}

.java-advantages .icon-box-icon {
    display: flex;
    align-items: center
}

.why-choose-java .card.card-style-1 {
    transition: all .4s ease-in-out
}

.why-choose-java .card.card-style-1:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
    transform: scale(1.1)
}

.java-advantages .content-grid .content-grid-item {
    transition: all .4s ease-in-out
}

.java-advantages .content-grid .content-grid-item:hover {
    background-color: rgba(241, 243, 247, .2)!important
}

.java-advantages .content-grid .content-grid-item:after,
.java-advantages .content-grid .content-grid-item:before {
    border: none
}

.java-advantages .card.card-style-5 {
    width: 100%
}

.java-advantages .card.card-style-5:after,
.java-advantages .card.card-style-5:before {
    border-radius: 0;
    background: #fff
}

.java-advantages .card.card-style-5:hover .card-body {
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08)
}

.java-advantages .card {
    border-right: 1px solid #ededee!important;
    border-bottom: 1px solid #ededee!important;
    border: none;
    background: #ececec!important
}

.java-advantages .card.card-style-5:hover .card-body h3 {
    color: #1c1f21
}

.java-advantages .link-color-light:hover {
    color: #1c1f21!important
}

.java-advantages.content-grid {
    overflow: inherit
}

.java-advantages.content-grid .content-grid-item:after,
.java-advantages.content-grid .content-grid-item:before {
    border: none
}

.shadow {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08)
}

.industries h4 {
    font-weight: 400
}

.green-check .lead i.fas {
    color: #000!important
}

.enhance-flutter .icon-box-icon i {
    color: #000!important;
    font-size: 3em!important
}

.enhance-flutter .icon-box {
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important;
    min-height: 77px
}

.enhance-flutter .icon-box-icon {
    border-radius: 0!important
}

.img-thumbnail-small {
    max-width: 35px!important
}

.accordian-click .accordion .accordion-header a {
    color: #000!important;
    font-weight: 500
}

.slide-phone-click span {
    background: #fff;
    border-radius: 5px
}

.slide-phone-click .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 555px;
    margin: 0 auto
}

.valu-project article.blog-post {
    border-radius: 5px;
    min-height: 400px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important
}

.flutter-app .flutter-app-box {
    border-radius: 5px;
    min-height: 414px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important
}

.flutter-app-2 .flutter-app-box-2 {
    border-radius: 5px;
    min-height: auto;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important
}

.flutter-new-box {
    border-radius: 5px;
    background-color: #fafafa;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fafafa!important
}

.screenshots .screenshot.active,
.screenshots .screenshot:hover {
    opacity: 1;
    border: 1px solid #000!important
}

.screenshots .screenshot {
    width: 100%;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px 5px;
    opacity: 1;
    margin-top: 0;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    transition: .3s;
    text-align: center;
    border: 1px solid #fff!important
}

.screenshots .admin-screenshot,
.screenshots .texi-screenshot {
    padding: 10px 20px;
    text-align: left
}

.screenshots .screenshot i {
    font-size: 32px;
    color: #000;
    padding: 0;
    width: 40px;
    height: 30px
}

.screenshots .screenshot h3 {
    font-size: 21px;
    margin-top: 19px
}

.screenshots .admin-screenshot h3,
.screenshots .texi-screenshot h3 {
    font-size: 18px;
    margin-top: 10px
}

.screenshots .admin-screenshot p,
.screenshots .texi-screenshot p {
    font-size: 14px!important;
    line-height: 22px!important
}

.screenshots .screenshot p {
    color: #7a7c82
}

.app-dev-process img {
    max-width: 294px;
    margin-top: -40px
}

.screenshots .iphone_x:before {
    background-image: url(../img/flutter-icon/iphone_x.png);
    width: 294px;
    height: 530px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 6px;
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    margin-top: -40px;
    pointer-events: none
}

.screenshots .taxi-slider-iphone:before {
    background-image: url(../img/flutter-icon/iphone_x.png);
    width: 294px;
    height: 530px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: -25px;
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    margin-top: -40px;
    pointer-events: none
}

.screenshots .spring_screenshot .iphone_x:before {
    background-image: url(../img/flutter-icon/spring-screenshot-bg.png);
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 0;
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    margin-top: 0;
    pointer-events: none
}

.screenshots .admin-screenshot .iphone_x:before {
    margin-top: -45px
}

.screenshots .iphone_x.android-x:before {
    background-image: url(../img/flutter-icon/android_x.png)
}

.screenshots .row {
    margin: 0
}

.screenshots .screenshots_row>div.first,
.screenshots .screenshots_row>div.last {
    max-width: 350px;
    float: left;
    width: 100%
}

.screenshots .screenshots_row>div.iphone {
    width: 410px;
    float: left;
    position: relative;
    height: 787px
}

.screenshots .screenshots_row>div.first>div:first-child,
.screenshots .screenshots_row>div.last>div:first-child {
    margin-top: 120px
}

.screenshots .iphone_x #screen_slider,
.screenshots .iphone_x #screen_slider1,
.screenshots .iphone_x #screen_slider2 {
    position: absolute;
    width: 200px;
    height: 440px;
    margin: 4px 55px 0
}

.screenshots .taxi-slider-iphone #screen_slider,
.screenshots .taxi-slider-iphone #screen_slider1,
.screenshots .taxi-slider-iphone #screen_slider2 {
    position: absolute;
    width: 200px;
    height: 440px;
    margin: 4px 21px 0
}

.spring-laptop-screenshot .iphone_x #screen_slider,
.spring-laptop-screenshot .iphone_x #screen_slider1,
.spring-laptop-screenshot .iphone_x #screen_slider2 {
    position: absolute;
    width: 427px;
    height: 470px;
    margin: 46px 72px 0
}

.admin-screenshot .iphone_x #screen_slider2 {
    height: 360px
}

.spring-laptop-screenshot .iphone_x #screen_slider2 {
    position: relative!important
}

.screenshots .iphone_x #screen_slider1>div,
.screenshots .iphone_x #screen_slider2>div,
.screenshots .iphone_x #screen_slider>div {
    height: 440px
}

.spring_screenshot .iphone_x img {
    width: 427px
}

.texi-screenshots .iphone_x img {
    width: 200px
}

.valu-project .owl-dots {
    display: none
}

.section_button {
    margin: 20px 0
}

.enhance-flutter h3 {
    color: #000
}

.slide-phone-click span,
.valu-project h3 {
    color: #000
}

.accordian-click .accordion .accordion-header a {
    color: #49566a!important
}

.project-brand .web-nom {
    padding: 15px 5px
}

.btn-primary {
    background-color: #0363aa!important;
    /* border: 1px solid #000!important */
}

.address_bar {
    display: flex;
    flex-wrap: wrap;
}

.address_bar .text-center {
    width: 33.333%;
    padding: 15px;
}

.address_bar .text-center .image-frame.image-frame-style-1 {
    background-color: #fff;
    min-height: 220px;
}

@media screen and (max-width:640px) {
    .address_bar .text-center {
        width: 100%;
        padding: 15px;
    }
}

#hire-resource .list-icon li>i {
    position: absolute;
    left: -9px;
    top: 4px;
    color: #5fa0d6
}

.ic-start {
    border-radius: 5px;
    background-color: #fff;
    opacity: 1;
    align-items: center;
    margin-top: 0;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    cursor: default;
    transition: .3s;
    text-align: center;
    border: 1px solid #fff!important;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.card-form {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    background: #fff;
    border-radius: 5px
}

.company-info i {
    font-size: 1rem!important;
    position: inherit!important;
    top: 2px!important
}

.company-info.row {
    margin: 0
}

.company-info .row {
    margin: 0
}

.mobile-slidebrand img {
    width: inherit!important
}

.company-info .icon-box-icon img {
    width: auto!important
}

.icon-box-info p {
    margin-bottom: 5px!important
}

.icon-box-info p.mail {
    text-decoration: none
}

.icon-box-info p i {
    padding-right: 10px
}

.icon-box-info p i.fas {
    color: #000
}

p.blog-text {
    min-height: 160px;
    overflow: hidden;
    height: 160px
}

.mobile-project article.blog-post {
    border-radius: 5px;
    min-height: 415px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important;
    min-height: auto
}

.services-mobileweb li {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important
}

.mobile-study ul {
    background: #fefefe
}

.mobile-study li.nav-item {
    padding: 0 3px
}

.mobile-study .card {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.mobile-study ul#portfolioLoadMoreFilter {
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    background: #fff;
    padding: .6rem 0
}

.pricing-table-area .pricing-table.pricing-table-style-1 [class^=col] {
    border: none
}

.pricing-table-area .card.card-style-1.rounded {
    height: auto
}

.pricing-table-area .plan-price {
    padding: .5rem 0 1.2rem
}

.testimonial-main .card-body.p-5 {
    border: none!important;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.testimonial-main .card.card-style-3 .card-img-top {
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
    left: 0;
    border: 4px solid #fff;
    -webkit-transform: translate(-50%, -30px);
    transform: translate(0, -8px);
    position: absolute;
    transition: all .4s ease-in-out
}

.testimonial-author:hover .card-img-top {
    box-shadow: 0 8px 40px rgba(0, 0, 0, .16)
}

.pricing-table-area .card.card-style-1.rounded {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: none
}

.testimonial-author span {
    display: inline-block;
    vertical-align: super
}

.testimonial-main .card.card-style-2 .card-body {
    border: 5px double #f0f0f0!important;
    border: none!important;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    min-height: 260px
}

.testimonial-main .testimonial-author-image {
    position: relative
}

.call-float-div {
    position: fixed;
    right: 0;
    top: 250px;
    transition: all .3s ease-out 0s;
    z-index: 900
}

.call-float-div.call-close {
    right: -280px
}

.call-heading {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    margin: 0 0 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.btn-call-float {
    height: 44px;
    background: linear-gradient(to right, #2b398f, #2b398f);
    line-height: 44px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 70.4%;
    color: #fff!important;
    font-size: 15px;
    white-space: nowrap;
    font-style: inherit!important;
    top: 79px;
    padding: 0 15px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.btn-call-float:hover {
    color: rgba(255, 255, 255, .8)
}

.info-call {
    padding: 15px 20px 20px;
    background-color: #2b398e;
    color: #fff;
    width: 280px;
    border-radius: 0 0 0 6px
}

.info-call .phone-no {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    display: block;
    line-height: 22px
}

.info-call .phone-no img {
    margin-right: 5px
}

.form-input-div {
    position: relative
}

.txt-call-code-plus {
    font-size: 20px;
    font-weight: 500;
    color: #0b034e;
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 1
}

@media(max-width:768px) {
    .call-float-div {
        top: 100px
    }
}

@media screen and (orientation:landscape) and (max-width:992px) {
    .call-float-div {
        top: 85px
    }
}

.call-float-div span.country-name {
    color: #000
}

.intl-tel-input .country-list {
    z-index: 9
}

form.newsletter-form {
    width: 100%;
    justify-content: center
}

.intl-tel-input {
    display: block!important;
    width: 100%
}

.call-float-div .intl-tel-input .country-list {
    right: -12rem
}

.our-approach article.blog-post.border.py-3.pl-3.pr-3 {
    min-height: 349px
}

.why-us-main .icon-box {
    border: 1px solid #f4f4f4;
    min-height: 210px;
    padding: 20px 17px;
    align-items: flex-start;
    transition: all .4s ease-in-out
}

.why-us-main .icon-box:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .06)
}

.why-us-main .icon-box img {
    width: 80px
}

.why-us-main .ic-start {
    box-shadow: none
}

.btn-call-float span {
    font-style: normal!important;
    font-style: inherit!important
}

.intl-tel-input .selected-flag .iti-arrow {
    right: 0
}

.call-float-div .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #000
}

.mobile-app-choose.enhance-flutter .icon-box-icon {
    border: none!important
}

.value-addition article.blog-post {
    min-height: 420px
}

.business-way .ic-start {
    width: 70px;
    height: 70px
}

.blog_section h3 {
    height: 80px;
    overflow: hidden
}

@media(max-width:1200px) {
    .screenshots .screenshots_row>div.first,
    .screenshots .screenshots_row>div.last {
        max-width: 280px
    }
    .screenshots .iphone_x:before {
        width: 400px;
        height: 787px
    }
    .screenshots .iphone_x:before {
        margin-left: -16px;
        margin-top: 0
    }
    .screenshots .iphone_x img {
        width: 277px
    }
    .screenshots .screenshots_row>div.iphone {
        width: 370px
    }
    .screenshots .iphone_x #screen_slider {
        margin: 54px 44px;
        width: 277px
    }
    .screenshots .screenshot {
        padding: 30px 20px;
        margin-top: 0
    }
    .screenshots .screenshots_row>div.first>div:first-child,
    .screenshots .screenshots_row>div.last>div:first-child {
        margin-top: 105px
    }
    .screenshots .row {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    .top-screenshot-carousel-area::after {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .why-choose-java .card.card-style-1 {
        min-height: 255px
    }
    .what-we-do .icon-view span:after {
        content: '';
        width: 60px;
        height: 60px;
        position: absolute;
        left: -7px;
        top: -7px;
        border-radius: 50%;
        border: 1px dashed #d8d8d8
    }
    .what-we-do .icon-view span {
        margin: 0 auto;
        width: 46px;
        height: 46px
    }
    .what-we-do .icon-view span .text-8 {
        font-size: 26px!important
    }
}

@media(max-width:992px) {
    .screenshots_row .first,
    .screenshots_row .last {
        display: none
    }
    .screenshots .screenshots_row .iphone {
        margin: 0 auto
    }
    .screenshots .iphone_x #screen_slider {
        margin-bottom: 0
    }
    .screenshots .screenshots_row .iphone {
        height: 717px
    }
    .core-values-sec.screenshots .screenshots_row .iphone {
        height: auto
    }
    .screenshots .iphone_x #screen_slider div {
        height: 670px
    }
    .core-values-sec.screenshots .iphone_x #screen_slider div {
        height: auto
    }
    section.screenshots {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:768px) {
    .app-dev-process {
        display: none!important
    }
    .iphone_x {
        margin: 0 auto;
        display: flex;
        justify-content: center
    }
    .screenshots .iphone_x:before {
        margin-left: 0;
        margin-top: 0
    }
    .screenshots .iphone_x #screen_slider {
        margin: 54px 0
    }
}

@media only screen and (max-width:767px) {
    .top-screenshot-carousel-area {
        top: 0
    }
    .firstActiveItem img {
        transform: translate(0, 0)!important
    }
    .top-screenshot-carousel-area::after {
        display: none
    }
    .social-icons li a {
        height: 33px;
        line-height: 36px;
        width: 33px;
        font-size: 18px
    }
    .fb-share-btn .social-icons li a {
        height: 34px;
        width: 38px;
        line-height: 38px;
        font-size: 21px
    }
    .fb-share-btn .social-icons li {
        margin-right: 10px
    }
    html .scroll-to-top {
        height: 35px;
        padding: 6px;
        width: 35px;
        z-index: 9999;
        font-size: 18px
    }
    html .scroll-to-top.visible {
        opacity: 1;
        bottom: 6px
    }
    .social-icons li {
        margin: 0 4px 0 0
    }
    .case-study .rounded.bg-light {
        min-height: auto
    }
    .why-choose-java .card.card-style-1 {
        min-height: auto
    }
    .slidebox {
        width: 100%;
        bottom: 0!important;
        padding-bottom: 12px
    }
    .slidebox .card-body.p-5 {
        padding: 40px 16px 20px!important
    }
    .blog-card .portfolio-list.portfolio-list-style-2 .portfolio-item {
        height: auto
    }
    .slidebox input.newsletter-email {
        border-radius: 5px!important
    }
    .slidebox input#download_guide {
        border-radius: 5px!important
    }
    .java-click a .card-style-2 .icon-view {
        min-height: auto
    }
    .thankyou .text-12 {
        font-size: 35px!important
    }
    .lamp-style-2 {
        min-width: 430px
    }
    .thankyou .text-5 {
        font-size: 20px!important
    }
    .screenshots .screenshot.active,
    .screenshots .screenshot:hover {
        opacity: 1
    }
    .screenshots .screenshot {
        opacity: 1
    }
    .launch-sec,
    .stage-project-main {
        padding: 50px 0
    }
    .startup-problems .text-center {
        margin-bottom: 25px
    }
}

@media screen and (max-width:1199px) {
    .card.card-style-2 .card-body.hr-orange-border {
        min-height: 462px
    }
}

@media screen and (max-width:991px) {
    .card.card-style-2 .card-body.hr-orange-border {
        min-height: 375px
    }
}

@media screen and (max-width:767px) {
    .card.card-style-2 .card-body.hr-orange-border {
        min-height: 1px
    }
}

section.advantages.java-advantages ul li i.text-5,
section.advantages.java-advantages ul li span.text-5 {
    font-size: 22px!important
}

@media screen and (max-width:767px) {
    section.advantages.java-advantages ul li i.text-5,
    section.advantages.java-advantages ul li span.text-5 {
        font-size: 1rem!important
    }
    section.advantages.java-advantages .mb-5 {
        margin-bottom: 10px!important
    }
    .javabackoverlay .col-md-12.text-center.mb-5 {
        margin-bottom: 0!important
    }
}

.slidebox input.newsletter-email {
    border: 1px solid #f1f3f7!important;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important
}

.slidebox input#download_guide {
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important
}

.page-header h1.java_title {
    font-size: 1.8rem
}

#contact_form .form-control,
.white-form .form-control {
    border: 1px solid #f1f3f7!important
}

#contact_form_popup .form-control {
    border: 1px solid #f1f3f7!important
}

#mobile_form .form-control {
    border: 1px solid #f1f3f7!important
}

.blog-content .font-weight-bold {
    font-weight: 600!important
}

.blog-content ul li {
    position: relative;
    padding-left: 30px
}

.blog-content ul li i.fas {
    position: absolute;
    top: 3px;
    left: 0
}

.blog-content .lead {
    font-size: 20px!important;
    font-weight: 400!important
}

.blog-content .text-3 {
    font-size: 1.3rem!important
}

.social-icons a:not(.no-skin):not(.btn):not(.badge):not(.nav-link):focus,
.social-icons a:not(.no-skin):not(.btn):not(.badge):not(.nav-link):hover {
    color: #fff
}

.content-slide {
    position: absolute;
    top: 16.3rem;
    text-align: center;
    background: #fff;
    padding: 5px 11px 0;
    min-height: 155px;
    left: -4px
}

.content-slide p {
    line-height: 15px
}

.content-slide h3 {
    position: relative
}

.spring-laptop-screenshot .spring_screenshot .content-slide {
    position: absolute;
    top: 60px;
    text-align: center;
    background: 0 0;
    padding: 0 14px 0 0;
    min-height: 155px;
    text-align: left;
    width: 200px;
    right: 0;
    left: auto
}

.content-slide h3:after {
    content: "";
    position: absolute;
    bottom: -7px;
    width: 81px;
    height: 1px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto
}

.spring-laptop-screenshot .spring_screenshot .content-slide h3:after {
    right: auto
}

.shadow-effect.java-click .card-style-2 .icon-view {
    border: none!important;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.shadow-effect.hero-offer:after,
.shadow-effect.hero-offer:before {
    display: none
}

.solution-project article.blog-post {
    border-radius: 5px;
    min-height: 460px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border: 1px solid #fff!important
}

@media(min-width:768px) and (max-width:1024px) {
    .green-check span.text-3 {
        font-size: 14px!important
    }
    .enhance-flutter h3 {
        color: #000;
        font-size: 14px!important
    }
    .valu-project article.blog-post {
        min-height: 478px
    }
    .screenshots .screenshot {
        padding: 10px 5px;
        margin-top: 0
    }
    .screenshots .screenshot h3 {
        font-size: 12px!important;
        margin-top: 19px
    }
    .app-dev-process img {
        max-width: 240px;
        margin-top: -40px
    }
    .screenshots .iphone_x:before {
        margin-left: 4px;
        margin-top: -40px
    }
    .screenshots .iphone_x:before {
        width: 240px;
        height: 427px
    }
    .screenshots .iphone_x img {
        width: 162px
    }
    .core-values-sec.screenshots .iphone_x img {
        width: 100%
    }
    .screenshots .iphone_x #screen_slider {
        margin: 0 44px;
        width: 162px
    }
    .company-info h3 {
        font-size: 14px!important
    }
    .company-info a {
        font-size: 14px
    }
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: auto
    }
    .spring-laptop-screenshot .iphone_x #screen_slider {
        position: absolute;
        width: 346px;
        height: 220px;
        margin: 36.5px 60px 0
    }
    .spring_screenshot .iphone_x img {
        width: 346px
    }
    .spring-laptop-screenshot .spring_screenshot .content-slide {
        width: 180px
    }
}

@media screen and (max-width:1024px) {
    .blog_section .owl-carousel.carousel-center-active-items .owl-item .card {
        height: 430px
    }
    .content-slide {
        top: 13.3rem
    }
    .content-slide p {
        line-height: 15px;
        font-size: 9px!important
    }
    .content-slide h3 {
        position: relative;
        font-size: 11px!important
    }
    .testimonial-main .card.card-style-2 .card-body {
        min-height: 410px
    }
}

@media screen and (max-width:768px) {
    .screen-none {
        display: none!important
    }
    .valu-project article.blog-post {
        min-height: 388px;
        margin-bottom: 25px
    }
    .screenshots .screenshots_row .iphone {
        display: none
    }
    .screenshots .screenshot {
        padding: 10px 33px;
        margin-top: 0
    }
    #footer .footer-copyright {
        padding: 9px 0 2em
    }
    .screenshots .screenshot.active,
    .screenshots .screenshot:hover {
        border: 1px solid #fff!important
    }
    .value-addition article.blog-post {
        min-height: 398px!important;
        margin-bottom: 25px
    }
    .testimonial-main .card.card-style-2 .card-body {
        min-height: 370px
    }
}

@media screen and (max-width:767px) {
    .slidebox {
        display: none!important
    }
    .page-header .breadcrumb>li {
        font-size: 10px;
        text-align: left
    }
    .mobile-small .text-4 {
        font-size: .8rem!important
    }
    .mobile-small h3 {
        word-break: break-word;
        font-size: .8rem!important
    }
    .mobile-small .icon-view span {
        width: 35px;
        height: 35px;
        box-shadow: none
    }
    .mobile-small .icon-view span:after {
        width: 48px;
        height: 48px;
        border-radius: 5px;
        left: -6px;
        top: -7px
    }
    .mobile-small h1,
    .mobile-small h2 {
        font-size: 1.6rem
    }
    .mobile-small .icon-view span:after {
        width: 60px;
        height: 60px;
        border-radius: 5px;
        left: -11px;
        top: -13px
    }
    .mobile-small .java-advantages .card.card-style-5 {
        min-height: 110px
    }
    .padding-none .content-grid-item {
        padding-bottom: 0;
        padding-top: 0
    }
    .mobile-small .my-4 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }
    .mobile-call {
        padding: .8rem 0!important
    }
    .build-relation {
        padding: 1.4rem 0!important
    }
    .build-relation-advantage {
        padding: 0!important
    }
    .java-advantages .card {
        border: none!important
    }
    .build-relation p {
        margin-bottom: 0!important
    }
    .mobile-margin {
        margin-bottom: 0!important
    }
    .why-choose-java .card.card-style-1 {
        background: 0 0;
        border: none!important;
        border: none!important;
        margin-bottom: 0!important
    }
    .build-relation-advantage .shadow {
        box-shadow: none!important
    }
    .owl-carousel.carousel-center-active-items {
        padding-bottom: 0
    }
    .why-choose-java h3.text-3.mt-3 {
        margin: 0!important
    }
    .java-advantages .card.card-style-5:hover .card-body {
        box-shadow: none;
        background: #fff!important
    }
    .java-advantages .card {
        background: #fff!important
    }
    .top-btn a {
        margin-top: .2rem!important
    }
    .top-btn.call-to-action-btn {
        padding: 0 0 20px
    }
    .mobile-call .call-to-action-btn {
        padding: 0 0 20px
    }
    .case-study-main .owl-carousel.carousel-center-active-items .owl-nav {
        margin-top: 0
    }
    .valu-project article.blog-post {
        min-height: auto
    }
    .owl-carousel.nav-style-3 .owl-nav .owl-next {
        right: -8px
    }
    .owl-carousel.nav-style-3 .owl-nav .owl-prev {
        left: -8px
    }
    .screenshots .screenshot.active,
    .screenshots .screenshot:hover {
        border: 1px solid #fff!important
    }
    .contact-change h2 {
        margin-top: 30px
    }
    #footer .footer-copyright {
        padding: 1.4em 0 2em
    }
    .valu-project .image-frame img {
        width: 270px
    }
    .mobile-slidebrand h2 {
        font-size: 1.5rem!important
    }
    html #footer.footer-primary {
        background-color: #f1f3f7!important
    }
    html #footer.footer-primary p {
        color: #2b398f!important
    }
    .screenshots .screenshot {
        padding: 30px 24px;
        margin-top: 0
    }
    .valu-project article.blog-post {
        margin-bottom: 0
    }
    .testimonial-main .card.card-style-2 .card-body {
        min-height: auto
    }
    .display-mobile {
        display: flex;
        align-items: center
    }
    .display-mobile .ic-start.mb-3 {
        margin: 0 20px 0 0!important
    }
    .scroll-wrapper .item-image {
        margin-top: -160px
    }
    .item-body {
        top: 0!important;
        position: relative!important;
        margin: 0 auto;
        left: 0!important;
        transform: translate(-1%, 1%)!important;
        padding: 0!important
    }
    .section-items a.all-prjct {
        top: 2%!important
    }
}

@media screen and (max-width:639px) {
    .under-roof .service-inner-box.h-100 {
        height: auto!important
    }
    .under-roof .service-inner-box {
        margin-bottom: 25px
    }
}

@media screen and (orientation:landscape)and (max-device-width:767px) {
    .top-ss-carousel .owl-item img {
        transform: inherit
    }
    .lastActiveItem img {
        transform: inherit!important
    }
    .mobile-small .java-advantages .card.card-style-5 {
        min-height: auto
    }
    .padding-none .content-grid .content-grid-item {
        padding-bottom: 25px;
        padding-top: 25px
    }
    .top-screenshot-carousel-area {
        margin-bottom: 20px
    }
    .display-mobile .ic-start.mb-3 {
        margin: 0 auto 15px!important
    }
    .display-mobile {
        display: initial;
        align-items: center
    }
    .display-mobile a {
        justify-content: center
    }
}

@media(max-width:400px) {
    .screenshots .iphone_x:before {
        width: 100%;
        background-size: 338px;
        background-position: center;
        margin-left: 0
    }
    .screenshots .iphone_x #screen_slider {
        margin: 131px 0;
        width: 234px
    }
    .screenshots .iphone_x img {
        width: 234px
    }
    .iphone_x {
        display: flex;
        justify-content: center
    }
    .screenshots .container {
        padding: 0
    }
}

@media screen and (max-width:479px) {
    .scroll-wrapper .item-image {
        margin-left: 0!important
    }
}

@media screen and (max-width:375px) {
    .mobile-small h3 {
        word-break: break-word;
        font-size: .6rem!important
    }
    .mobile-small .java-advantages .card.card-style-5 {
        min-height: 100px
    }
    .item-title {
        font-size: 28px!important
    }
    .scroll-wrapper .item-image {
        margin-top: -280px
    }
}

@media screen and (max-width:320px) {
    .size-formate .btn-icon-effect-1 .wrap {
        font-size: 13px
    }
}

@media screen and (max-width:320px) {
    .size-formate .btn-icon-effect-1 .wrap {
        font-size: 13px
    }
}

@media screen and (max-width:1024px) {
    .main-menu .col-lg-1-6 {
        width: 100%;
        margin-left: 20px
    }
}

.mobile-why-choose .icon-box h3 {
    font-weight: 400
}

.mobile-why-choose .icon-box {
    height: 100%
}

.form-index {
    z-index: 99
}

.related-post-slider.owl-carousel .owl-item img {
    height: 35px
}

.related-post-slider.owl-carousel .owl-nav .owl-prev:before {
    left: -20px
}

.related-post-slider.owl-carousel .owl-nav .owl-next:before {
    left: 20px
}

@media screen and (max-width:768px) {
    .related-post-slider.owl-carousel .owl-item img {
        height: 24px;
        width: 24px
    }
    .related-post-slider.owl-carousel .owl-nav .owl-prev:before {
        left: 0
    }
    .related-post-slider.owl-carousel .owl-nav .owl-next:before {
        left: 0
    }
}

.blog-content>a {
    display: flex;
    align-items: center
}

@media screen and (min-width:992px) {
    .title-img {
        width: 50%
    }
    .title-content {
        width: 49%
    }
    .title-img .appear-animation {
        display: flex;
        justify-content: center;
        margin-top: -40px
    }
}

@media screen and (max-width:576px) {
    .title-img .appear-animation {
        padding: 0 26px
    }
}

.office-map-link {
    padding-top: 20px;
    display: none
}

.office-map-link ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.office-map-link ul li {
    display: flex;
    padding: 0 20px;
    font-size: 18px;
    text-align: center
}

.office-map-link ul li.p-0 {
    padding: 0
}

@media screen and (max-width:576px) {
    .office-map-link ul li {
        font-size: 15px
    }
}

.blue-circle {
    color: #000!important;
    font-size: 8px!important
}

.new-blog ul li i.fas {
    top: 7px!important
}

.dark-gray-title {
    color: #4d4d4d
}

.new-blog p a {
    text-decoration: underline
}

.case-study ul li i.fas {
    font-size: 12px!important
}

p.font-italic {
    font-style: italic;
    font-weight: 600;
    align-items: center
}

.foreign-page-img img {
    margin-top: -40px;
    width: 72%
}

.foreign-left {
    text-align: center
}

@media(max-width:767px) {
    .foreign-page-img img {
        margin: 0 auto 30px!important;
        width: auto;
        max-width: 100%;
        display: block
    }
    .foreign-left {
        text-align: left
    }
}

.flex-center {
    display: flex;
    align-items: center
}

.intl-tel-input .country-list .country-name,
.intl-tel-input.separate-dial-code .selected-dial-code {
    color: #000
}

.predevelopment img {
    padding-bottom: 15px
}

.case-study-msg-box .casy-study-msg {
    display: block;
    padding: 15px;
    background-color: rgba(241, 243, 247, .3)!important;
    border-radius: 10px;
    margin-bottom: 30px
}

.case-study-msg-box .casy-study-msg p {
    margin-bottom: 0
}

.case-study-msg-img .casy-img-box {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #000
}

.case-study-msg-img .casy-img-box img {
    width: 115px;
    height: 115px
}

.case-study-msg-img .case-img-name {
    margin-top: 20px;
    text-align: center
}

.case-study-msg-img .case-img-name h3 {
    font-size: 18px;
    color: #000
}

.case-study-msg-img .case-img-name h5 {
    font-size: 14px
}

span.contact-span {
    font-size: 1.05em
}

.icon-box-info-title hr {
    margin: 5px 0 8px
}

.icon-box-info-title h3 {
    margin-bottom: 0!important
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: none;
}

.icon-box-info-title h3 a {
    text-decoration: none;
    color: #000
}

.dark-gray-text {
    white-space: inherit!important;
}

.text-3 {
    white-space: inherit!important;
}

.contact-info-box {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 5px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    transition: 1s all
}

.contact-info-box:hover {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    transition: 1s all
}

.tech-container {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0
}

.tech-container .tech-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding: 5px;
    margin-right: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    border-radius: 5px;
    text-align: center
}

.tech-container .tech-box:last-child {
    margin-right: 0
}

.tech-container .tech-box a img {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px
}

.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center
}

section .tab-slider {
    padding-bottom: 0!important
}

.app-secreenshots .sec-title {
    margin-bottom: 70px
}

.app-secreenshots .swiper-slider-area .container {
    position: relative
}

.app-secreenshots .swiper-wrapper {
    height: 630px;
    width: 320px;
    padding: 30px 0 40px
}

.app-secreenshots .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
    position: relative
}

.app-secreenshots .swiper-slide.swiper-slide-active {
    border-radius: 35px
}

.app-secreenshots .screen-mobile-image {
    background-image: url(../img/taxi-app-development/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 rgba(0, 0, 0, .2);
    box-shadow: 0 23px 42px rgba(0, 0, 0, .2);
    border-radius: 40px
}

.app-secreenshots .swiper-slide.swiper-slide-active {
    background-size: 100% 100%
}

.app-secreenshots .swiper-wrapper {
    padding: 30px 0 40px
}

.app-secreenshots .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)
}

.app-secreenshots .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)
}

@media(max-width:768px) {
    .app-secreenshots .swiper-slider-area .swiper-wrapper {
        height: 500px
    }
    .app-secreenshots .screen-mobile-image {
        display: none
    }
    .app-secreenshots .swiper-slide.swiper-slide-active,
    .swiper-slide {
        background-size: 100% auto;
        background-repeat: no-repeat
    }
    .app-secreenshots .swiper-slide.swiper-slide-active {
        border-radius: 0
    }
}

@media(max-width:667px) {
    .app-secreenshots .swiper-slider-area .swiper-wrapper {
        height: 760px
    }
}

@media(max-width:320px) {
    .app-secreenshots .swiper-slider-area .swiper-wrapper {
        height: 630px
    }
}

a.related-page-box {
    display: flex;
    width: 95%;
    position: relative;
    padding: 16px 16px 16px 44px;
    color: #2b398f;
    height: 85px;
    border-radius: 5px;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    margin: 0 auto
}

a.related-page-box .ic-start {
    position: absolute;
    left: -21px;
    border-radius: 50%;
    height: 50px;
    width: 50px
}

a.related-page-box h5 {
    color: #000;
    font-weight: 700
}

.taxi-card {
    min-height: 165px
}

.taxi-card1 {
    min-height: 187px
}

.new-blog p b {
    color: #000
}

.case-study-banner-section {
    background-color: #fff!important;
    color: #000!important;
    border-color: #fff!important;
    font-weight: 700!important;
    margin: 10px;
    font-size: .75rem
}

.case-study-banner-section span {
    color: #000!important
}

.why-choose-card {
    min-height: 315px
}

.process-card {
    min-height: 168px
}

.why-choose-card img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px
}

.process-card,
.tab-card,
.texi-screenshot,
.why-choose-card {
    width: 100%;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px;
    opacity: 1;
    margin-top: 0;
    border: 1px solid #f8f8f8;
    cursor: pointer;
    transition: .3s;
    text-align: center
}

.process-card:hover,
.tab-card:hover,
.texi-screenshot:hover,
.why-choose-card:hover {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .06), 0 2px 10px 0 rgba(0, 0, 0, .08)
}

.banner-icon {
    display: block
}

.banner-icon .banner-icon-box {
    width: 150px;
    height: 150px;
    margin: 15px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap
}

.banner-icon .banner-icon-box img {
    margin-bottom: 10px
}

.banner-icon .banner-icon-box span {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    vertical-align: top
}

.process-card h3,
.why-choose-card h3 {
    font-size: 20px
}

.process-card p,
.why-choose-card p {
    font-size: 16px!important;
    line-height: 22px!important
}

h1.case-banner-title {
    font-size: 1.8rem
}

.swiper-slider-area {
    transform: scale(.8, .8);
    margin: -80px 0
}

.milkmor_slider {
    text-align: center
}

.laptop-slider .owl-carousel .owl-item {
    display: block;
    height: auto;
    padding: 30px;
    opacity: .3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.laptop-slider .owl-carousel .owl-item.center {
    padding: 0;
    opacity: 1;
    -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .12)
}

.laptop-slider .owl-theme .owl-nav {
    margin-top: 20px
}

.laptop-slider .owl-theme .owl-nav .owl-next,
.laptop-slider .owl-theme .owl-nav .owl-prev {
    background: 0 0;
    text-indent: -9999px
}

.laptop-slider .owl-theme .owl-nav .owl-next::before,
.laptop-slider .owl-theme .owl-nav .owl-prev::before {
    font-family: 'font awesome 5 free';
    float: left;
    text-indent: 0;
    color: #000;
    font-size: 40px;
    line-height: 26px
}

.laptop-slider .owl-theme .owl-nav .owl-prev::before {
    content: "\f053"
}

.laptop-slider .owl-theme .owl-nav .owl-next::before {
    content: "\f054"
}

.laptop-slider .owl-carousel .owl-stage-outer {
    padding-top: 10px
}

.laptop-slider .owl-carousel .owl-nav {
    position: relative
}

.laptop-slider .owl-carousel .owl-nav .owl-next,
.laptop-slider .owl-carousel .owl-nav .owl-prev {
    position: relative
}

.texi-screenshot.build-python {
    cursor: default;
    min-height: 231px
}

.python-engage-modal .why-choose-card,
.python-why-choose .why-choose-card {
    cursor: default;
    min-height: 342px
}

.python-engage-modal .why-choose-card {
    text-align: left;
    min-height: 1px;
    border: none;
    padding: 20px
}

.python-engage-modal .why-choose-card:hover {
    box-shadow: none
}

.python-engage-modal .left-right-line {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-radius: 0
}

.python-engage-modal .why-choose-card .model-divider {
    position: relative;
    width: 190px;
    height: 3px;
    background: #b7b7b7;
    margin: 20px 0
}

.python-engage-modal .why-choose-card .model-divider span {
    height: 3px;
    background: #000;
    width: 30%;
    position: absolute;
    top: 0;
    left: 0
}

.python-engage-modal .why-choose-card .model-divider.second-divider span {
    width: 50%
}

.python-engage-modal .why-choose-card .model-divider.third-divider span {
    width: 70%
}

.python-engage-modal .color-info {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px!important
}

.python-engage-modal .color-info.blue-color-info p {
    color: #000
}

.python-engage-modal .color-info.blue-color-info p span {
    height: 14px;
    width: 14px;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px
}

.python-engage-modal .color-info.gray-color-info p {
    color: #b7b7b7
}

.python-engage-modal .color-info.gray-color-info p span {
    height: 14px;
    width: 14px;
    background: #b7b7b7;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px
}

.python-engage-modal .python-modal-box {
    width: 100%;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px 30px 20px;
    opacity: 1;
    margin-top: 0;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .06), 0 2px 10px 0 rgba(0, 0, 0, .08);
    transition: .3s;
    margin: 0
}

.python-solution .blog-post {
    background: #fff;
    border-radius: 5px;
    min-height: 300px
}

.technology-stack-box {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.technology-stack-box .stack-icon-box {
    border: 1px solid #f8f8f8;
    padding: 15px 6px;
    border-radius: 5px
}

.action-btn span {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.python-framework.valu-project article.blog-post {
    min-height: 425px
}

@media(max-width:991px) {
    .python-engage-modal .left-right-line {
        border-left: 0 solid;
        border-right: 0 solid;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-radius: 0
    }
}

@media(max-width:767px) {
    .python-framework.valu-project article.blog-post {
        min-height: 1px
    }
    .python-solution .blog-post {
        min-height: 1px
    }
}

.on-demand-box {
    transition: transform .2s;
    font-size: 23px;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    position: relative;
    color: #9b95c9;
    padding: 10px;
    border-radius: 10px
}

.on-demand-box:hover {
    transform: scale(1.1)
}

.on-demand-box img {
    padding-bottom: 20px;
    height: 72px;
    width: auto
}

.blog-table th {
    width: 50%
}

.blog-table tr:nth-child(even) {
    background: rgba(241, 243, 247, .3)
}

@media(min-width:1200px) {
    .second-menu .container {
        max-width: 85%
    }
}

@media(min-width:1025px) {
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2>.dropdown-menu.second-menu {
        width: 600px!important
    }
}

h4.dark-blue-title i.blue-circle {
    vertical-align: middle
}

audio.blog-audio {
    width: 100%;
    margin-bottom: 40px;
    height: 36px
}

audio.blog-audio:focus {
    outline: 0!important
}

img.full-img {
    width: 100%
}

@media(max-width:567px) {
    h2.audio-title {
        font-size: 20px!important
    }
}

#header .header-button a.btn-primary:hover,
.header-button a.btn-primary:focus {
    background-color: #02a803!important
}

.case-study-banner {
    margin-top: 100px;
    display: block
}

h1.case-study-title {
    font-size: 50px;
    margin-bottom: 10px;
    display: block;
    line-height: 50px
}

h5.app-type {
    display: inline-block;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 5px 30px;
    font-size: 12px;
    border-radius: 5px
}

.app-info {
    display: flex;
    align-items: center;
    margin-top: 90px;
    flex-direction: row
}

.app-info .item {
    display: block;
    text-align: left;
    padding-top: 30px;
    font-weight: 700;
    color: #fff;
    border-top: 1px solid #ccc;
    flex: 1 0 calc(100%/5)
}

.app-info .item .marker {
    position: absolute;
    margin-top: -35px;
    width: 8px;
    height: 8px;
    border-radius: 200px;
    background-color: #fff
}

.app-info .item .caption {
    font-size: 14px;
    color: #d9dbe0;
    font-weight: 400
}

.app-info .item .title-text {
    padding-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-right: 15px
}

section.case-box {
    background-color: #41aaa8
}

.bg-blue-theme {
    background-color: #0363aa!important;
}

.case-box-left {
    margin-right: 85px
}

.case-box-left h2.app-name {
    font-size: 37px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 5px;
    line-height: 48px;
    color: #fff
}

.case-box-left h2.app-name:before {
    margin-top: -25px;
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #fff
}

.case-box-left p.app-detail {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px
}

.case-box-left .app-box {
    display: flex;
    padding: 20px 0
}

.case-box-left .app-box .icon {
    padding-right: 20px
}

.case-box-left .app-box .app-box-content h3 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 20px
}

.case-box-left .app-box .app-box-content p {
    color: #f2f2f2;
    font-size: 17px;
    line-height: 22px
}

.case-box-right {
    padding: 40px 50px 50px 25px;
    background-color: #fff
}

.case-box-right h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 30px;
    color: #1e1e1e
}

.case-box-right ul {
    list-style: none;
    margin-bottom: 30px;
    position: relative
}

.case-box-right ul li {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px
}

.case-box-right ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background-color: #282d3b;
    transform: rotate(40deg) translate(-11px, 22px)
}

.case-box-right p {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px
}

section .box-title h2 {
    font-size: 37px;
    font-weight: 600;
    margin-top: 45px;
    margin-bottom: 30px;
    line-height: 48px;
    color: #1e1e1e;
    position: relative
}

section .box-title h2:before {
    margin-top: -25px;
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #000
}

.plannig-box-section {
    min-height: 625px;
    padding: 63px 0
}

.plannig-box-section .planning-box {
    color: #282d3b;
    flex: 0 1 32.5%
}

.box-number {
    display: block
}

.box-number>span img {
    width: 120px
}

.plannig-box-section .planning-box .planning-box-title {
    margin-bottom: 7px;
    margin-top: 26px;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.plannig-box-section .planning-box .planning-box-desc {
    margin-bottom: 30px;
    color: #444a5c;
    font-size: 18px;
    line-height: 25px;
    opacity: 1
}

.plannig-box-section .planning-box ul.planning-list {
    list-style-type: none;
    margin: 12px 0 0;
    padding: 0;
    position: relative
}

.plannig-box-section ul.planning-list li {
    position: relative;
    color: #383d4c;
    padding-left: 35px;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 8px
}

.plannig-box-section ul.planning-list li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    margin-left: -20px;
    margin-top: 10px;
    background-color: #282d3b;
    transform: rotate(45deg)
}

.dev-process h2 {
    font-size: 37px;
    font-weight: 600;
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 48px;
    color: #1e1e1e;
    position: relative;
    text-align: center
}

.dev-process h2:before {
    margin-top: -25px;
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff
}

.dev-process p {
    font-size: 18px;
    line-height: 24px
}

.process-content {
    padding: 70px 0
}

.development-process-section .process-content .number-count {
    padding-bottom: 30px
}

.process-content .number-count span {
    color: #000;
    font-size: 28px;
    position: relative;
    z-index: 0;
    margin-bottom: 40px
}

.process-content .number-count span:before {
    content: '01';
    font-size: 70px;
    color: #f8f8f8;
    position: absolute;
    bottom: 0;
    z-index: -1;
    top: -8px
}

.process-content .number-count.second span:before {
    content: '02'
}

.process-content .number-count.third span:before {
    content: '03'
}

.process-content h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 40px;
    color: #1e1e1e;
    font-weight: 700
}

.process-content p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 40px
}

.process-content .tech-block {
    display: flex;
    flex-direction: row
}

.process-content .tech-block span {
    padding-right: 20px
}

.process-img {
    display: block;
    width: 100%;
    box-sizing: border-box
}

.process-img img {
    max-width: 100%
}

.project-result {
    background-color: #fff;
    padding-top: 115px;
    padding-bottom: 115px
}

.project-result .project-result-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 62px 70px 70px;
    background-color: #fff;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

.project-result-box .result-bg {
    background: #41aaa8;
    opacity: .1;
    position: absolute;
    top: 0;
    right: -33%;
    width: 1133px;
    height: 1015px;
    transform: rotate(-65deg);
    z-index: 0
}

.project-info-box {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    flex-direction: row
}

.project-info-box .info-detail:first-child {
    padding-right: 135px
}

.project-info-box .info-detail {
    width: 100%;
    flex-grow: 1
}

.person {
    display: flex;
    flex-direction: row;
    padding-top: 8px
}

.person-avtar {
    margin-right: 17px;
    margin-bottom: 23px
}

.person-avtar img {
    width: 59px;
    height: 57px;
    border-radius: 50%
}

.person-info {
    box-sizing: border-box
}

.person-info .person-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
    margin: 0
}

.person-info .person-decs {
    font-size: 16px;
    line-height: 25px;
    color: #b2b4bc;
    margin: 0
}

.info-detail .info-line {
    height: 4px;
    width: 60px;
    background-color: #000;
    margin-bottom: 20px
}

.result-text {
    margin: 0;
    color: #282d3b;
    font-size: 16px;
    width: 395px;
    line-height: 26px
}

.project-summary {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-self: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 40px
}

.wireframes {
    position: relative;
    display: block
}

.no-padding {
    padding: 0!important
}

.tech-icon-box span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 130px;
    background-color: #fff;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .2)
}

section.case-box.kems-color {
    background-color: #ff3b4e
}

section.case-box.social-color {
    background-color: #41aaa8
}

section.case-box.sayarataxi-color {
    background-color: #0363aa
}

section.case-box.milkmor-color {
    background-color: #3b66a0
}

section.case-box.yoga-color {
    background-color: #602080
}

section.case-box.breakfast-color {
    background-color: #c2cda9;
    background-image: -moz-linear-gradient(-34.7deg, #233bff 0, #2e3192 100%);
    background-image: -webkit-linear-gradient(-34.7deg, #233bff 0, #2e3192 100%);
    background-image: -ms-linear-gradient(-34.7deg, #233bff 0, #2e3192 100%)
}

section.case-box.dripat-color {
    background-image: -moz-linear-gradient(60deg, #35abff 0, #45d5e5 35%, #55ffca 100%);
    background-image: -webkit-linear-gradient(60deg, #35abff 0, #45d5e5 35%, #55ffca 100%);
    background-image: -ms-linear-gradient(60deg, #35abff 0, #45d5e5 35%, #55ffca 100%)
}

section.case-box.kidsy-color {
    background-color: #69eee0
}

section.case-box.mitsee-color {
    background-color: #ef5986
}

section.case-box.grocery-color {
    background-color: #f37878
}

section.case-box.salon-color {
    background-color: #000
}

section.case-box.homex-color {
    background-color: #ca3e47
}

section.case-box.liquor-color {
    background-color: #b5592a
}

section.case-box.fuel-color {
    background-color: #f9da07
}

section.case-box.speedo-color {
    background-color: #f9da07;
    background-image: -moz-linear-gradient(0deg, #171e30 0, #4dd599 100%);
    background-image: -webkit-linear-gradient(0deg, #171e30 0, #4dd599 100%);
    background-image: -ms-linear-gradient(0deg, #171e30 0, #4dd599 100%)
}

section.case-box.news-dot-color {
    background-color: red
}

section.case-box.konly-color {
    background-color: #10eaf0
}

section.case-box.laundry-color {
    background-color: #0fabbc
}

section.case-box.carwash-color {
    background-color: #95d3ac
}

section.case-box.fordoor-color {
    background-color: #0363aa
}

section.case-box.fitness-event {
    background-color: #fc6c1d
}

#header .header-logo img.sticky-logo {
    display: none
}

.sticky-header-active #header .header-logo img.sticky-logo {
    display: block;
    transition: .3s
}

.sticky-header-active #header .header-logo img.main-logo {
    display: none;
    transition: .3s
}

a.portfolio-link {
    font-weight: 550!important
}

a.portfolio-link .fas {
    font-size: 1.3rem!important;
    margin-left: 5px;
    -webkit-transition: ease margin-left .3s;
    transition: ease margin-left .3s
}

a.portfolio-link:after {
    content: '';
    border-bottom: 1px solid #000;
    width: 34px;
    display: block;
    position: relative;
    transition: .3s;
    margin-bottom: 6px
}

a.portfolio-link:hover:after {
    width: 78px;
    transition: .3s
}

.portfolio-item h2 {
    min-height: 50px
}

.portfolio-item .card-body {
    padding: 15px
}

html #header.header-effect-shrink.active .header-body {
    top: -92px!important;
    transition: .5s;
    position: static!important
}

html #header.header-effect-shrink .header-body {
    top: 0!important;
    transition: .5s
}

html #header.active .header-body {
    top: -92px!important;
    transition: .5s
}

html #header .header-body {
    top: 0!important;
    transition: .5s
}

@media screen and (max-width:991px) {
    .result-text {
        width: 100%
    }
    .project-info-box .info-detail:first-child {
        padding: 0 0 15px
    }
    .project-result {
        padding-bottom: 0
    }
    .project-summary {
        display: block
    }
    .summary-block {
        margin-right: 0;
        margin-bottom: 20px
    }
    .project-result .project-result-box {
        padding: 0 30px
    }
    .summary-desc {
        margin: 0
    }
    .case-box-left {
        margin-right: 0
    }
}

@media screen and (max-width:520px) {
    .development-stack__image {
        overflow-x: scroll;
        padding-bottom: 23px
    }
    .development-stack__image img {
        width: auto;
        height: 314px
    }
    .case-study-banner>p.lead {
        margin: 9px 0 60px!important;
        line-height: 24px!important
    }
    .app-info {
        padding-top: 26px;
        height: 190px;
        width: 100%;
        display: flex;
        margin: 0;
        padding: 30px 26px;
        flex-wrap: wrap
    }
    .grocery-app-info {
        padding: 30px 26px 60px
    }
    .app-info .item {
        padding-left: 1px;
        margin-top: 0;
        padding-top: 31px;
        border-top: 1px solid rgba(0, 0, 0, .2)
    }
    .app-info .item.first,
    .app-info .item.fourth,
    .app-info .item.second,
    .app-info .item.third {
        width: 50%;
        box-sizing: border-box;
        flex-basis: 50%
    }
    .planning-box:not(:last-child) {
        margin-bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .case-study-title {
        margin-top: 107px;
        margin-bottom: 0
    }
    .case-study-banner>p.lead {
        max-width: 530px;
        margin-top: 17px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        width: 100%
    }
    .app-info .item .title-text {
        font-size: 16px!important;
        padding-top: 0;
        padding-right: 0
    }
    .plannig-box-section .planning-box {
        margin-bottom: 40px;
        text-align: center
    }
    section .box-title h2:before {
        left: 0;
        right: 0;
        margin: -25px auto 0
    }
    section .box-title h2 {
        text-align: center
    }
    .process-content {
        padding: 20px 0
    }
    .process-content p {
        margin-bottom: 0
    }
    .handle img {
        margin-left: -17px;
        width: 34px
    }
}

@media screen and (max-width:1024px) {
    .non-tablet {
        display: none!important
    }
    .app-info .item .title-text {
        font-size: 17px
    }
    .case-study-title {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .case-study-banner>p.lead {
        margin-left: auto;
        margin-right: auto
    }
}

.blog-card-number {
    display: none
}

.taxi-call-to-action .call-to-action-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.taxi-call-to-action .call-to-action-btn a {
    background: #fff;
    text-transform: uppercase
}

.taxi-call-to-action .call-to-action-btn a span.wrap {
    color: #26bc8e
}

.taxi-call-to-action {
    background: #26bc8e;
    background-image: -moz-linear-gradient(0deg, #0c60a5 0, #26bc8e 100%);
    background-image: -webkit-linear-gradient(0deg, #0c60a5 0, #26bc8e 100%);
    background-image: -ms-linear-gradient(0deg, #0c60a5 0, #26bc8e 100%)
}

.taxi-card {
    border: none;
    padding: 0;
    cursor: default;
    min-height: 1px
}

.taxi-card:hover {
    box-shadow: none
}

.taxi-image-box {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    transition: 1s;
    overflow: hidden
}

.taxi-image-box img {
    width: 100%
}

.taxi-image-hover {
    position: absolute;
    top: 88%;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all 1s ease 0s;
    overflow: hidden
}

.taxi-image-box:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 85%;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .5s;
    z-index: 0;
    background: #000;
    opacity: .8
}

.taxi-image-box:hover .taxi-image-hover {
    top: 0;
    transition: 1s;
    transition: all 1s ease 0s;
    padding-top: 30%
}

.taxi-image-box:hover:after {
    content: '';
    top: 0
}

.taxi-image-hover h5 {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 16px
}

.taxi-image-hover p {
    color: #fff;
    font-size: 14px
}

.taxi-slider.slide-phone-click .owl-carousel .owl-item img {
    max-width: 100%
}

.taxi-slider.slide-phone-click span {
    background: #000;
    color: #fff
}

.taxi-email-form {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0;
    margin: 0;
    border-radius: 5px
}

.taxi-email-form .form-group {
    position: relative;
    margin: 0
}

.taxi-email-form .form-group.enter-email {
    flex: 1
}

.taxi-email-form .form-group.enter-email input {
    border-radius: 5px
}

.taxi-email-form .form-group .btn {
    background-color: #26bc8e!important;
    height: 100%;
    border: 2px solid transparent;
    line-height: 15px
}

.taxi-email-form .form-group .btn:hover {
    color: #fff
}

.taxi-email-form .form-group .btn:focus {
    color: #fff
}

.taxi-email-form .form-group .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    border-color: transparent;
    color: #fff
}

.taxi-slide h1.case-study-title {
    font-size: 36px
}

.taxi-slider .header-button a.btn-outline.btn-primary {
    background-color: #26bc8e!important;
    border: 2px solid transparent
}

.taxi-slider .header-button .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

html .taxi-slider .header-button .btn-outline.btn-primary:focus {
    border-color: #26bc8e;
    background-color: transparent!important;
    color: #26bc8e
}

.taxi-slider .header-button a.btn-outline.btn-primary:hover {
    background: 0 0!important;
    border: 2px solid #26bc8e;
    color: #26bc8e
}

.taxi-pdf-form .form-control {
    border: 1px solid #f1f3f7!important
}

.taxi-download-card .card-form {
    width: 100%
}

.taxi-download-card .taxi-pdf-form .btn {
    background-color: #26bc8e!important;
    padding-left: 14px!important;
    padding-right: 14px!important
}

.taxi-download-card .taxi-pdf-form .btn:hover {
    background: 0 0!important;
    border: 2px solid #26bc8e;
    color: #26bc8e
}

.taxi-download-card .taxi-pdf-form .btn:focus {
    background: 0 0!important;
    border: 2px solid #26bc8e;
    color: #26bc8e
}

.taxi-download-card .taxi-pdf-form .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.taxi-download-card .taxi-pdf-form .btn-primary:not([disabled]):not(.disabled):active {
    background: 0 0!important;
    border: 2px solid #26bc8e;
    color: #26bc8e;
    box-shadow: none!important
}

.taxi-call-to-action .taxi-book-image img {
    width: 100%
}

.page-header.page-header-text-light #taxi-subscription-form span.error {
    color: red
}

.taxi-feature tr th {
    font-size: 17.6px!important;
    padding: 1.5rem .75rem
}

.taxi-feature tr td {
    font-size: 16px!important
}

.why-choose-card.taxi-advantages h2 {
    font-size: 70px;
    color: rgba(43, 57, 144, .2);
    font-weight: 700
}

.taxi-feature .table-responsive {
    overflow: auto
}

.taxi-feature table {
    min-width: 576px
}

.why-choose-card.taxi-advantages {
    min-height: 240px
}

.page-header.taxi-feature-title.page-header-text-light h1 {
    line-height: 50px
}

.page-header.taxi-feature-title.page-header-text-light {
    background: #26bc8e;
    background-image: -moz-linear-gradient(0deg, #0c60a5 0, #26bc8e 100%);
    background-image: -webkit-linear-gradient(0deg, #0c60a5 0, #26bc8e 100%);
    background-image: -ms-linear-gradient(0deg, #0c60a5 0, #26bc8e 100%)
}

.badge-section {
    display: flex;
    align-items: center;
    justify-content: center
}

.badge-section a {
    display: inline-block
}

.badge-section a img {
    width: 90px;
    height: auto;
    max-width: 90px;
    margin: 8px 0
}

.form-group select.form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../img/version-2/home-page/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px 10px;
    background-position: right 15px center
}

@media(max-width:1366px) {
    .why-choose-card.taxi-advantages h2 {
        font-size: 60px
    }
}

@media(max-width:1199px) {
    .taxi-image-hover {
        top: 86%
    }
    .why-choose-card.taxi-advantages {
        min-height: 274px
    }
}

@media(max-width:991px) {
    .taxi-image-hover {
        top: 84%;
        width: 100%
    }
    .badge-section a img {
        width: 60%
    }
    .case-study-banner {
        text-align: center
    }
    .case-study-title {
        text-align: center
    }
    .case-study-banner>p.lead {
        text-align: center
    }
}

@media(max-width:767px) {
    .taxi-image-hover {
        top: 92%;
        width: 100%
    }
    .taxi-image-box:after {
        top: 91%
    }
    .taxi-feature tr th {
        font-size: 16px!important;
        padding: .5rem
    }
    .taxi-feature tr td {
        font-size: 14px!important;
        padding: .5rem
    }
    .why-choose-card.taxi-advantages {
        min-height: 1px
    }
    .why-choose-card.taxi-advantages h2 {
        font-size: 50px
    }
    .section.taxi-feature {
        padding: 44px 0 60px
    }
    .owl-carousel .owl-nav.disabled+.owl-dots {
        margin-bottom: 20px
    }
    .badge-section a img {
        width: 100%
    }
}

.who-we-are {
    background-repeat: no-repeat;
    background-position: right 55% top 20%;
    background-size: cover
}

.what-we-have-1 {
    display: block;
    height: 600px;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll
}

.what-we-have-icon-box {
    margin-bottom: 40px
}

.what-we-have-icon-box .icon-box-img {
    margin-bottom: 20px
}

.what-we-have-icon-box .icon-box-img img {
    width: 80px
}

.meet-expert .image-frame img {
    width: 100%
}

.meet-expert .image-frame .image-frame-wrapper .image-frame-info {
    display: block;
    justify-content: flex-start;
    padding: 30px
}

.meet-expert .image-frame .image-frame-wrapper .image-frame-info h4 {
    margin: 0
}

.blog-content h2 a:hover {
    text-decoration: none!important;
    color: #000!important
}

@media screen and (max-width:520px) {
    .who-we-are {
        background-position: 81% 100%;
        background-size: 800px;
        background-attachment: scroll
    }
}

@media screen and (max-width:991px) {
    .who-we-are {
        background-position: 58% 100%;
        background-size: cover;
        background-attachment: scroll
    }
}

section .meet-o-heros #marquee {
    position: relative;
    width: 10000px;
    height: 900px;
    -webkit-animation: hero-left-marquee-new 100s linear infinite;
    -moz-animation: hero-left-marquee-new 100s linear infinite;
    animation: hero-left-marquee-new 100s linear infinite
}

section .meet-o-heros #marquee {
    background: url(../img/lifeatXprtec/life-at-Xprtec.jpg) repeat
}

@-webkit-keyframes hero-left-marquee-new {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(-5760px, 0, 0)
    }
}

@-moz-keyframes hero-left-marquee-new {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(-5760px, 0, 0)
    }
}

@keyframes hero-left-marquee-new {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(-5760px, 0, 0)
    }
}

.bg-light-5.blog-code {
    background-color: #f1f3f7!important;
    padding: 10px;
    font-size: 14px
}

.scroll-slider {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 100vh
}

.scroll-wrapper {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.scroll-slide {
    -webkit-box-flex: 1;
    flex: 1 0 100vw;
    max-width: 100vw;
    height: 100%
}

.item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: left;
    -webkit-box-align: center;
    align-items: center;
    height: 100%
}

.item-container {
    position: relative
}

.item-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.scroll-wrapper .item-image {
    margin-left: 55px
}

.item-body p {
    color: #fff
}

.item-body ul.tags li.tag {
    background: #fff;
    border-radius: 5px
}

.item-body ul.tags li.tag .nav-link {
    color: #000;
    border-radius: 5px;
    line-height: 25px
}

.section-items .item-body .view-prjct-main a.view-prjct {
    display: inline-block;
    margin-top: 30px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    padding: 15px 12px
}

.section-items .item-body .view-prjct-main a.view-prjct:hover {
    color: #bcbcbc!important
}

.section-items .item-body .view-prjct-main a.view-prjct i {
    margin-left: 5px;
    font-size: 17px
}

.section-items a.all-prjct {
    color: #fff;
    font-size: 25px;
    position: absolute;
    top: 7%;
    right: 5%;
    letter-spacing: .75px
}

.section-items a.all-prjct:hover {
    color: #bcbcbc!important
}

.section-items a.all-prjct:after {
    position: absolute;
    content: " ";
    top: 45%;
    right: 106%;
    width: 30%;
    border: 1px solid #fff
}

.item-body {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
    padding: 40px 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .09);
    width: 65%;
    border-radius: 5px;
    left: 120%;
    width: 60%
}

.section-items .our-work-title {
    font-size: 37px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    text-align: center
}

.tag {
    margin-right: .5rem
}

.tag>a {
    display: block;
    padding: .25rem .5rem;
    font-size: .75rem;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .25);
    color: #fff
}

.highlight-boxes .theme_black_color {
    background-color: #02a803
}

.header-nav .btn-outline.btn-primary {
    background-color: #0363aa!important;
    border-color: #fff;
    color: #fff
}

.header-nav .btn-outline.btn-primary:hover {
    border-color: #fff;
    color: #fff
}

.years-experience .years-title h6 {
    font-size: 25px;
    color: #000;
    display: inline-block;
    margin-bottom: 25px
}

.years-experience .years-title h2 {
    font-size: 36px
}

.years-experience .years-title a {
    background-color: #02a803;
    color: #fff
}

.years-experience .compny-logo {
    padding: 25px
}

.bg-black {
    background: #000
}

.bg-black p,
.bg-black span {
    color: #fff
}

.home-banner {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    background: url(../img/version-2/home-page/hero-banner-image01.jpg) no-repeat center center/cover
}

.home-banner-content {
    display: flex;
    align-items: center;
    flex-flow: column
}

.home-banner h1 {
    font-size: 40px;
    color: #fff;
    line-height: 60px;
    font-weight: 600
}

.home-banner-content h1 span {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
}

.home-banner p {
    color: #fff
}

.home-banner .home-banner-content span.home-bg-text {
    font-size: 120px;
    color: rgba(255, 255, 255, .2);
    text-transform: uppercase;
    line-height: 124px;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 120px;
    bottom: 0;
    z-index: -1
}

.home-banner .home-banner-content .header-button a {
    background: #fff;
    border-color: #fff;
    color: #000;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px
}

.home-banner .home-banner-content .header-button a {
    background: #fff;
    border-color: #fff;
    color: #000;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px
}

.home-banner .home-banner-content .header-button a:last-child {
    margin-right: 0
}

.home-banner img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto
}

.icon_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.service-secton {
    padding-left: 400px;
    overflow: hidden
}

.service-order {
    display: flex;
    justify-content: center;
    padding: 35px 0;
    width: 100%;
    margin: 0 auto 105px
}

.service-list {
    width: 290px;
    min-width: 290px;
    position: relative;
    perspective-origin: left center;
    perspective: 100px;
    min-height: 270px;
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1s, .5s;
    list-style: none
}

.service-list.service-list1 {
    transform: translateX(0) scale(.95)
}

.service-list.service-list2 {
    transform: translateX(-90px) scale(.95)
}

.service-list.service-list3 {
    transform: translateX(-180px) scale(.95)
}

.service-list.service-list4 {
    transform: translateX(-270px) scale(.95)
}

.service-list.service-list5 {
    transform: translateX(-360px) scale(.95)
}

.service-list.service-list6 {
    transform: translateX(-450px) scale(.95)
}

.service-list.service-list7 {
    transform: translateX(-540px) scale(.95)
}

.service-list.service-list1:hover {
    transform: translateX(-80px) scale(1);
    z-index: 2
}

.service-list.service-list2:hover {
    transform: translateX(-170px) scale(1);
    z-index: 2
}

.service-list.service-list3:hover {
    transform: translateX(-260px) scale(1);
    z-index: 2
}

.service-list.service-list4:hover {
    transform: translateX(-350px) scale(1);
    z-index: 2
}

.service-list.service-list5:hover {
    transform: translateX(-440px) scale(1);
    z-index: 2
}

.service-list.service-list6:hover {
    transform: translateX(-530px) scale(1);
    z-index: 2
}

.service-list.service-list7:hover {
    transform: translateX(-620px) scale(1);
    z-index: 2
}

@media(max-width:1680px) {
    .service-list {
        width: 270px;
        min-width: 270px
    }
}

.service-order .service-list {
    opacity: 1
}

.service-list-detail {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #02a803;
    padding: 60px 50px 30px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .2);
    -webkit-transform: rotateY(3deg);
    -ms-transform: rotateY(3deg);
    transform: rotateY(3deg);
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
    border-radius: 7px
}

.service-list-detail img {
    width: 50px
}

.service-list-detail .step-count {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 5px
}

.service-list-detail .step-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
    display: inline-block;
    margin-top: 15px
}

.service-list-detail:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    height: 100%;
    border-radius: 7px;
    background: transparent;
    -webkit-transition: .3s;
    transition: .3s;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 55%, rgba(0, 0, 0, .6) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .6)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 55%, rgba(0, 0, 0, .6) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 55%, rgba(0, 0, 0, .6) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 55%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 55%, rgba(0, 0, 0, .6) 100%);
    -webkit-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1)
}

.service-list:hover .service-list-detail {
    transform: rotateY(0)
}

@media(min-width:1199px) {
    .mega-menu-desktop .desktop-menu-box {
        width: 377px
    }
    .mega-menu-desktop .desktop-menu-content {
        width: 58%
    }
}

@media(min-width:1366px) {
    .mega-menu-desktop .desktop-menu-box {
        width: 440px
    }
    .mega-menu-desktop .desktop-menu-content {
        width: 58%
    }
}

@media(max-width:1680px) {
    .service-order .service-list {
        width: 270px;
        min-width: 270px
    }
}

@media(max-width:1440px) {
    .service-order .service-list {
        width: 300px;
        min-width: 300px
    }
}

@media(max-width:1366px) {
    .service-order .service-list {
        width: 220px;
        min-width: 220px
    }
    .service-order {
        margin: 0 auto 75px
    }
}

@media(max-width:1280px) {
    .service-order .service-list {
        width: 200px;
        min-width: 200px;
        min-height: 230px
    }
    .service-list-detail {
        padding: 70px 35px 20px
    }
    .service-list-detail .step-text {
        font-size: 18px
    }
}

@media(max-width:1069px) {
    .service-secton {
        padding: 15px
    }
    .service-order {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 auto 50px
    }
    .service-order .service-list {
        width: 25%;
        min-width: 25%;
        perspective-origin: center center;
        perspective: none;
        min-height: 200px;
        transform: translateX(0) scale(1);
        margin-bottom: 15px
    }
    .service-list-detail {
        transform: rotateY(0);
        padding: 70px 50px 50px
    }
    .service-order .service-list:hover {
        transform: translateX(0) scale(1)
    }
    .service-order .service-list:hover .service-list-detail {
        box-shadow: none;
        background: #000
    }
}

@media(max-width:767px) {
    body .tabs_slider {
        padding: 0;
        margin: 0
    }
    body .tabs_slider .tab_item h6 {
        display: none
    }
    body .tabs_slider .content-l .icon_bg {
        width: 75%
    }
    body .tabs_slider .content-l img {
        width: 76%
    }
    body .tabs_slider .tab_item img {
        width: 40px
    }
    .service-order .service-list {
        width: 33%
    }
    .header-button {
        display: flex;
        align-items: center;
        flex-flow: column wrap;
        justify-content: center
    }
    .home-banner .home-banner-content .header-button a {
        margin: 0;
        width: 100%
    }
}

@media(max-width:600px) {
    .service-list-detail {
        padding: 60px 30px 50px
    }
    .service-order .service-list {
        width: 100%;
        min-height: 160px
    }
}

section.home-about-section {
    height: auto;
    min-height: 500px;
    display: flex;
    margin-bottom: 0;
    background: url(../img/second-banner.html) no-repeat center bottom/cover;
    position: relative
}

.home-about-content h2 {
    padding-top: 70px
}

.home-about-img {
    margin-left: 23px;
    margin-top: -105px;
    z-index: 10
}

.home-about-img img {
    transform: scale(.7)
}

@media(max-width:991px) {
    section.tab-service-slider .tab-box {
        height: auto;
        padding: 32px 50px
    }
    section.tab-service-slider .tab-box h2 {
        font-size: 34px;
        line-height: 36px
    }
    section.tab-service-slider .nav-tabs {
        margin-top: 10px
    }
    section.tab-service-slider .nav-tabs .nav-item .nav-link {
        font-size: 20px;
        line-height: 22px;
        padding: 6px 0
    }
    section.tab-service-slider .nav-tabs .nav-item .nav-link.active i {
        font-size: 12px;
        top: 10px
    }
    .offering .offering-list .off-inner {
        margin-top: 0!important;
        padding: 5vh 0 0 1%!important
    }
    .offering .words {
        display: none
    }
    .offering {
        height: 100%!important
    }
    .offering .offering-list {
        min-height: 1px!important
    }
    .imgbx img {
        position: relative!important;
        transform: translate(0)!important;
        top: 0!important
    }
}

.numbers-homepage__tile .possibilities-tile__list a,
.numbers-homepage__tile .tile__list a,
.numbers-homepage__tile p,
.possibilities-tile__list .numbers-homepage__tile a,
.tile__list .numbers-homepage__tile a {
    color: #161616;
    font-size: 1rem;
    line-height: 1.625rem;
    z-index: 2
}

.clmn {
    margin: 10px 0
}

@media(max-width:767px) {
    .home-banner-content {
        text-align: center;
        margin-bottom: 50px
    }
    .home-banner {
        height: auto;
        padding: 0
    }
    .home-banner h1 {
        font-size: 31px;
        line-height: 45px;
        padding-top: 30px
    }
    .home-banner .row {
        flex-wrap: wrap!important
    }
    .home-banner p {
        line-height: 30px
    }
    .home-about-content h2 {
        display: none
    }
    .home-about-img {
        margin-left: -8px
    }
    .home-about-section .dog-img {
        right: 41.5%
    }
}

.ebook-blog-section .call-to-action-content {
    width: 100%
}

.call-to-action.call-to-action-text-light .call-to-action-content .ebook-blog-contact span {
    color: #000
}

.ebook-blog-section .taxi-book-image img {
    height: 358px;
    width: 100%
}

@media(max-width:991px) {
    .ebook-blog-section .taxi-book-image img {
        height: auto;
        width: 200px;
        margin-bottom: 26px
    }
}

@media(min-width:1025px) {
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2>.dropdown-menu {
        display: none
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2>.mega-menu-desktop {
        display: none;
        position: absolute;
        background: #fff;
        left: 50%!important;
        right: auto!important;
        width: 99vw!important;
        top: 100%;
        transform: translate3d(-50%, 0, 0);
        max-width: 99vw!important;
        padding: 80px 7%
    }
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2:hover>.mega-menu-desktop {
        display: block
    }
    .mega-menu-desktop .desktop-menu-box {
        width: 390px;
        border-right: 1px solid #e0e5f0;
        padding-right: 36px;
        display: inline-block
    }
    .mega-menu-desktop .desktop-menu-content {
        display: inline-block;
        vertical-align: top;
        margin-left: 40px;
        width: 49%;
        position: relative
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title {
        padding: 16px 0
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title p {
        margin: 0;
        font-size: 20px;
        font-weight: 500;
        color: #000
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title p img {
        height: 50px;
        margin-right: 30px;
        transition: .3s;
        width: 50px
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title p a {
        display: inline-block!important;
        color: #000
    }
    .mega-menu-desktop .desktop-menu-content p {
        margin: 0;
        color: #000
    }
    .mega-menu-desktop .desktop-menu-content .desktop-icon {
        display: inline-block;
        width: 134px;
        padding: 0 10px 20px;
        text-align: center
    }
    .mega-menu-desktop .desktop-menu-content .desktop-icon a {
        display: block!important
    }
    .mega-menu-desktop .desktop-menu-content .desktop-icon img {
        margin-bottom: 14px;
        height: 50px;
        width: 50px;
        transition: .3s
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title.menu_l1-active {
        background: #f7f9fd
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title.menu_l1-active img {
        margin-left: 15px;
        margin-right: 15px;
        transition: .3s
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title.menu_l1-active p a {
        color: #000
    }
    .mega-menu-desktop .desktop-menu-box .desktop-menu-title:hover p,
    .mega-menu-desktop .desktop-menu-content .desktop-icon:hover p {
        color: #000
    }
    .mega-menu-desktop .desktop-menu-content .desktop-icon:hover img {
        margin-top: 7px;
        margin-bottom: 7px;
        transition: .3s
    }
    .mega-menu-desktop .desktop-menu-content .desktop-icon-list {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transition: .3s ease-in-out
    }
    .mega-menu-desktop .desktop-menu-content .desktop-icon-list.menu_l2-active {
        opacity: 1;
        visibility: visible;
        transition: .3s ease-in-out
    }
}

@media(min-width:1199px) {
    .mega-menu-desktop .desktop-menu-box {
        width: 377px
    }
    .mega-menu-desktop .desktop-menu-content {
        width: 58%
    }
}

@media(min-width:1366px) {
    .mega-menu-desktop .desktop-menu-box {
        width: 440px
    }
    .mega-menu-desktop .desktop-menu-content {
        width: 58%
    }
}

@media(max-width:1025px) {
    #header .header-nav-main nav>ul>li.dropdown-mega.dropdown-mega-style-2>.mega-menu-desktop {
        display: none
    }
}

.text-black {
    color: #000!important
}

.blog_section .owl-carousel:not(.mirrored) .owl-dots .owl-dot.active span {
    background: #000!important
}

#hire-resource .btn-primary {
    background-color: #02a803!important;
    border-color: #02a803!important
}

#hire-resource .btn-primary:hover {
    background-color: #fff!important;
    border: 2px solid #000;
    color: #000
}

.btn-primary:active {
    background-color: #fff!important;
    box-shadow: none!important
}

#hire-resource .social-icons li a {
    background: #02a803
}

#hire-resource .office-map-link a:focus,
#hire-resource .office-map-link a:hover {
    color: #000!important
}

.years-experience .btn-light.btn-outline:hover {
    border-color: #000
}

.our-prsnce a:hover {
    color: #000!important
}

.our-prsnce .card.card-style-5:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: .25rem;
    opacity: 1;
    z-index: 0;
    -webkit-transition: ease opacity .3s;
    transition: ease opacity .3s
}

.section-items ul.tags li.tag a:hover {
    color: #fff
}

.section-items ul.wrk-tag li.tag a.nav-link:hover {
    color: #000!important
}

.testimonial-main .testimonial.testimonial-style-2 {
    border: 1px solid #fff;
    border-radius: 5px
}

.footer-copyright p {
    color: #fff;
}

.owl-carousel.carousel-center-active-items .owl-item .card {
    background-color: #000
}

.design-develop-img img {
    height: auto;
    display: inline-block
}

.footer-copyright a {
    color: #fff;
}

html .bg-black .owl-carousel:not(.mirrored) .owl-dots .owl-dot.active span {
    background: #fff!important
}

@media(max-width:991px) {
    .who-we-are.min-height-800 {
        min-height: 1px!important
    }
}

.offering {
    background-color: #000;
    height: 100vh
}

.offering .offering-list {
    color: #fff;
    min-height: 100vh;
    overflow: hidden
}

.offering .offering-list .off-inner {
    color: #fff;
    margin-top: 21vh;
    position: relative;
    z-index: 2;
    padding: 11vh 0 0 20%
}

.offering .offering-list .off-inner ul li a {
    padding-bottom: 15px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    padding: 10px 0;
    position: relative;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase
}

.offering .offering-list .off-inner ul li a:hover {
    color: #fff!important
}

.offering ul,
li {
    margin: 0;
    padding: 0;
    list-style: none
}

.imgbx img {
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    pointer-events: none
}

.img-hover,
.imgbx-img {
    display: none;
    transition: 1s all;
    -webkit-transition: 1s all;
    -ms-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all
}

.img-hover.show,
.imgbx-img.show {
    display: block;
    transition: 1s all;
    -webkit-transition: 1s all;
    -ms-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all
}

.offering .imgbx .imgbx-img.mobile-dev {
    display: block;
    transition: 1s all;
    -webkit-transition: 1s all;
    -ms-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all
}

.words img {
    position: absolute;
    bottom: 15%;
    left: 15%
}

.offering .off-inner h2 {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.153846;
    color: #fff
}

@media(max-width:768px) {
    .offering {
        position: relative;
        height: auto;
        width: 100%
    }
    .imgbx img {
        position: relative;
        top: 0;
        transform: none
    }
}

@media(max-width:639px) {
    .offering .offering-list .off-inner ul li a {
        font-size: 22px!important;
        line-height: 22px!important
    }
    #dates {
        width: 15%
    }
    #dates li {
        font-size: 20px;
        height: 63px
    }
}

.accordion-header article a img {
    width: 66px;
    max-width: 70px;
    height: auto
}

.vuepage-advantage .title-content p {
    text-align: justify
}

.box-main-super {
    display: block;
    padding: 10px 28px 45px;
    border-radius: 7px;
    transition: .8s all ease;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    min-height: 255px;
}

.box-home-icon {
    text-align: center;
    width: 90px;
    background-color: transparent;
    position: relative;
    height: 90px;
    line-height: 116px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 4px;
    fill: #02a803;
    transition: all .6s ease 0s
}

.bg-blue {
    background-color: #0363aa;
}

.box-main-super:hover {
    background: #02a803
}

.box-main-super:hover .box-home-icon {
    transform: translateY(-51px);
    background-color: #fff;
    box-shadow: rgba(7, 32, 48, .04) 0 1px 1px 0, rgba(0, 0, 0, .05) 0 2px 10px 0
}

.box-main-super:hover .box-home-icon svg {
    fill: #000
}

.box-main-super:hover .text p {
    color: #fff
}

.box-main-super:hover .btn-box {
    background-color: #fff
}

.box-main-super:hover .btn-box i {
    color: #000
}

.text {
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .32s;
    transition-delay: .32s
}

.text p {
    font-size: 16px;
    line-height: 21px;
    color: #000;
    font-weight: 700;
    margin: 10px 0 20px
}

.box-home span {
    font-size: 13px;
    color: #fff;
    -webkit-transition-delay: .32s;
    display: block
}

.btn-box {
    position: relative;
    background-color: #0363aa;
    border-radius: 8px;
    margin: 0 auto;
    padding: 10px 4px
}

.btn-box span {
    display: inline-block;
    -webkit-transition: ease transform .3s, ease opacity .3s;
    transition: ease transform .3s, ease opacity .3s
}

.box-main-super:hover .btn-box span {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-box i {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    font-size: 1.5em;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: ease transform .3s, ease opacity .3s;
    transition: ease transform .3s, ease opacity .3s;
    color: #fff;
    font-size: 12px
}

.box-main-super:hover .btn-box i {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.feature-box-13 {
    z-index: 1;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 7px
}

.feature-box-13:before {
    background: #02a803;
    left: 0;
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    display: block;
    content: "";
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    opacity: 0;
    border-radius: 7px
}

.feature-box-13:hover:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    opacity: 1;
    border-radius: 7px
}

.feature-box-13:hover svg {
    fill: #fff
}

.feature-box-13:hover p {
    color: #fff!important
}

.feature-box-13 i {
    display: block;
    text-align: right;
    color: #000;
    font-size: 17px
}

.feature-box-13:hover i {
    color: #fff
}

.develpoment-process-main .develmt-box {
    text-align: center
}

.ceo-banner {
    background-image: url(../img/ceo/bg-image.png);
    background-repeat: no-repeat
}

.ceo-box {
    margin: 20px 0
}

.solution-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 40px
}

.solution-box .solution-text {
    padding-left: 18px
}

.stage-image.ic-start {
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    border-radius: 100%
}

.stage-cntnt h3 {
    font-size: 20px
}

.stage-box {
    margin-bottom: 50px
}

.engagmnt-box {
    box-shadow: 0 0 10px 0 rgba(28, 31, 33, .1);
    padding: 15px 25px;
    border-radius: 8px;
    height: 100%
}

.engagmnt-modal {
    padding-bottom: 20px
}

.startup-banner {
    background-image: url(../img/startup-page/startup-bg.jpg);
    background-repeat: no-repeat
}

.launch-sec,
.stage-project-main {
    padding: 80px 0
}

.stage-project-main .ceo-title .launch-sec .after-wht-bg {
    border-radius: 8px;
    padding: 20px
}

.sociales {
    text-align: center;
    margin-bottom: 20px
}

#timeline {
    width: 900px!important;
    height: 600px;
    overflow: hidden;
    margin: 40px auto;
    position: relative
}

#dates {
    height: 700px;
    float: left;
    padding: 0;
    border-left: 2px solid #000;
    margin-left: 15px;
    height: auto!important
}

#dates li {
    list-style: none;
    width: 250px;
    height: 60px;
    font-size: 24px;
    position: relative;
    padding-bottom: 15px;
    padding-left: 25px
}

#dates li:after {
    position: absolute;
    content: " ";
    left: -8px;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: #000;
    top: 0;
    border-radius: 100%
}

#dates a {
    line-height: 38px;
    padding-bottom: 10px
}

#dates .selected {
    font-size: 30px;
    color: #000;
    font-weight: 400
}

#issues {
    width: 600px;
    height: 600px;
    overflow: hidden;
    float: left;
    margin-top: 100px
}

#issues li {
    max-width: 100%;
    width: 600px;
    height: 600px;
    list-style: none;
    text-align: center
}

#issues li.selected img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    width: 250px
}

#issues li img {
    zoom: 1.2;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transform: scale(.7, .7);
    -moz-transform: scale(.7, .7);
    -o-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7)
}

#issues li span {
    color: #000;
    font-size: 36px;
    text-align: center;
    display: block;
    margin: 30px 0
}

#issues li p {
    font-size: 14px;
    margin: 10px 20px;
    font-weight: 400;
    line-height: 22px
}

.startup-main .ceo-img img {
    width: 50px;
    height: 45px
}

.startup-problems .stage-image img {
    width: 50px;
    height: 60px
}

.portfolio-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    background-color: rgba(0, 0, 0, .8)
}

.single-portfolio:hover .portfolio-title {
    opacity: 1
}

.single-portfolio:hover .portfolio-title {
    top: 25px;
    left: 25px;
    width: calc(100% - 55px);
    height: calc(100% - 55px)
}

.portfolio-title i {
    color: #fff;
    border-radius: 100%;
    border: 1px solid #fff;
    padding: 10px
}

.success-banner {
    background-image: url(../img/success-page/what-makes-us-succedd-bg.jpg);
    background-repeat: no-repeat
}

.sucess-home {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    padding: 25px 18px;
    border-radius: 8px
}

.our-team-main .book-appint {
    background-color: #fff;
    color: #000;
    margin-top: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.core-values-sec .screenshot.border.active,
.core-values-sec.screenshots .screenshot:hover {
    border: 1px solid #000!important
}

.core-values-sec.screenshots .iphone_x #screen_slider,
.core-values-sec.screenshots .iphone_x #screen_slider1,
.core-values-sec.screenshots .iphone_x #screen_slider2 {
    position: relative;
    height: auto;
    width: 100%
}

.core-values-sec.screenshots .iphone_x:before {
    display: none
}

.core-values-sec.screenshots .iphone_x #screen_slider1>div,
.core-values-sec.screenshots .iphone_x #screen_slider2>div,
.core-values-sec.screenshots .iphone_x #screen_slider>div {
    height: auto
}

.icon-box.icon-box-style-4.mb-4.mb-lg-3.border.d-inline-block.p-4 {
    width: 250px
}

.core-values-sec.screenshots .screenshot {
    height: 125px
}

#schedule_form .form-control {
    border: 1px solid #f1f3f7!important
}

.mobile-study.team_section .nav.nav-light-2 .nav-item .nav-link.active,
.mobile-study.team_section .nav.nav-light-2 .nav-item .nav-link:hover {
    background: #f1f3f7;
    color: #000!important;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.protected-site {
    position: relative
}

.protected-site a {
    position: absolute;
    right: 2%;
    top: -60px
}

.protected-site img {
    width: 141px
}

.blog-post-header .blog-post-hairly {
    overflow: visible
}

.blog-post-header.blog-post-hairly img {
    border: 8px solid #000
}

.blog-post-header.blog-post-grocero img {
    border: 8px solid #f37978
}

.blog-post-header.blog-post-milkmore img {
    border: 8px solid #2867aa
}

.blog-post-header.blog-post-speedo img {
    border: 8px solid #4dd499
}

.blog-post-header.blog-post-carservice img {
    border: 8px solid #11ddc2
}

.blog-post-header.blog-post-medicine img {
    border: 8px solid #55bbf9
}

.book-appointment {
    background: url(../img/hairly-salon/book-appoint-bg.png) no-repeat center center
}

.clinet-profile,
.mood-board {
    position: relative;
    z-index: 1
}

.hairly-tabbing .nav-tabs .nav-item {
    width: 30.33%;
    margin: 0 15px
}

.hairly-tabbing .nav-tabs h6 {
    color: #8f8f8f;
    font-size: 26px;
    font-weight: 700;
    margin-top: 25px
}

.hairly-tabbing .nav-tabs .nav-item .nav-link:after {
    background-color: transparent
}

.hairly-tabbing .nav-tabs {
    border-bottom: none
}

.hairly-tabbing .nav-tabs .nav-item .active.show {
    background-color: #f2f2f2;
    border-radius: 20px 20px 0 0;
    border: 1px solid #f2f2f2
}

.hairly-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #000
}

.hairly-tabbing .nav-tabs .nav-item .active.show svg {
    fill: #000
}

.hairly-tabbing .tab-content .active.show .tabbing-detail-cntnt {
    background-color: #f2f2f2;
    margin-left: 33px;
    padding: 55px 15px 100px;
    margin-right: 32px
}

.hairly-tabbing .tab-content .tabbing-detail-cntnt p {
    margin-bottom: 25px
}

.hairly-tabbing .nav-tabs .nav-item .nav-link {
    border: 1px solid #d1d1d1;
    border-radius: 20px 20px 0 0;
    background-color: #fff
}

.clinet-profile .clint-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

.clinet-profile .clint-detail ul {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-left: 21px
}

.clinet-profile .clint-detail ul h4 {
    color: #000;
    font-size: 25px;
    font-weight: 500
}

.clinet-profile .clint-detail ul li {
    list-style: none;
    font-size: 16px;
    padding: 5px 0
}

.clinet-profile .clint-detail ul li strong {
    color: #000;
    margin-right: 2px
}

.clinet-profile .user-img {
    border: 2px solid #000;
    border-radius: 100%;
    padding: 6px
}

.clinet-profile .client-cntnt {
    text-align: left;
    margin-top: 20px
}

.clinet-profile .client-cntnt h4 {
    color: #000;
    font-size: 25px
}

.client-cntnt .result-text {
    width: 100%
}

.clinet-profile .client-box {
    background-color: #fff;
    padding: 25px;
    border-radius: 13px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    height: 800px
}

.hairly-tabbing .mt-100 {
    margin-top: 100px
}

.boarding-sec .sec-title h2 {
    color: #000
}

.sec-title.case-box-left h2.app-name:before {
    background-color: #000
}

.boarding-sec .sec-title h2 span {
    color: #8f8f8f
}

.hairly-tabbing {
    background: url(../img/hairly-salon/tabbing-bg.png) no-repeat center center/cover
}

.boarding.boardng-appint {
    margin-top: 25px
}

.boarding .boardng-img img.even-img {
    transform: translateY(85px)
}

.boarding.boarding-even {
    margin-top: 25px
}

.boarding .result-text {
    margin-bottom: 60px
}

.client-box-mdle {
    margin-top: 100px
}

.boarding.onboarding .boardng-img {
    display: flex;
    align-items: center
}

.book-appointment .case-box-left h2.app-name:before {
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width:1199px) {
    .hairly-tabbing .tab-content .active.show .tabbing-detail-cntnt {
        margin-left: 37px
    }
    .hairly-tabbing .nav-tabs .nav-item {
        width: 29%
    }
    .hairly-tabbing:before {
        left: -60%
    }
    .hairly-tabbing:after {
        right: -58%
    }
    .boardng-appint:before,
    .salon-owner:before {
        left: -80%
    }
    .boardng-appint:after,
    .salon-owner:after {
        right: -80%
    }
    .protected-site a {
        top: -44px
    }
    .clinet-profile .clint-detail {
        justify-content: start
    }
    .triangle-img .sign-in-img {
        top: 62%
    }
    .boarding.onboarding .boardng-img {
        display: inline-block;
        text-align: center
    }
    .boardng-img {
        position: relative;
        z-index: 2
    }
    .sec-title {
        width: 100%!important
    }
    .client-box-mdle {
        margin-top: 29px
    }
    .boarding.boarding-even {
        margin-top: 145px
    }
    .boarding.boardng-appint {
        margin-top: 20px
    }
    .boarding.onboarding .boardng-img img {
        width: 230px
    }
    .clinet-profile .client-box {
        height: auto
    }
    .car-service-tabbing .clinet-profile .client-box {
        height: auto!important
    }
}

@media(max-width:1024px) {
    .boarding.onboarding .boardng-img img {
        width: 222px
    }
    .boarding .boardng-img img.even-img {
        transform: translateY(0)
    }
    .boarding.boarding-even {
        margin-top: 0
    }
    .book-appointment,
    .hairly-tabbing {
        background-image: none
    }
}

@media(max-width:991px) {
    .hairly-tabbing .tab-content .active.show .tabbing-detail-cntnt {
        margin-left: 17px;
        margin-right: 17px
    }
    .sec-title {
        width: 100%!important;
        padding: 35px 0
    }
    .triangle-img .sign-in-img {
        top: 67%
    }
    .boarding.boardng-appint {
        margin-top: 0
    }
    .boarding.onboarding .boardng-img img {
        width: 100%
    }
    .delivery-boy,
    .grocery-delivery-sec,
    .grocery-tabbing,
    .liquor-delivery-boy,
    .liquor-purchase,
    .liquor-tabbing,
    .milkmore-tabbing,
    .product-purchase,
    .subscription {
        background: 0 0!important
    }
}

@media(max-width:767px) {
    .hairly-tabbing .nav-tabs .nav-item .nav-link {
        padding: 13px
    }
    .hairly-tabbing .nav-tabs .nav-item {
        width: 28%
    }
    .hairly-tabbing .nav-tabs h6 {
        font-size: 23px
    }
    .sec-title {
        padding: 44px 15px
    }
    .boarding.boardng-appint {
        margin-top: 30px
    }
    .boarding .boardng-img img.even-img {
        transform: translateY(0)
    }
    .boarding.boarding-even {
        margin-top: 15px
    }
    .boarding.onboarding .boardng-img img {
        width: 100%
    }
}

@media(max-width:639px) {
    .hairly-tabbing .nav-tabs .nav-item {
        width: 28%;
        margin: 0 7px
    }
    .triangle-img .sign-in-img {
        top: 73%
    }
    .hairly-tabbing .nav-tabs h6 {
        font-size: 19px
    }
    .hairly-tabbing .nav-tabs .nav-item .nav-link {
        padding: 16px 1px
    }
    .hairly-tabbing .tab-content .active.show .tabbing-detail-cntnt {
        margin-left: 22px
    }
}

@media(max-width:479px) {
    .hairly-tabbing .nav-tabs .nav-item .nav-link {
        padding: 10px
    }
    .hairly-tabbing .nav-tabs h6 {
        font-size: 18px
    }
    .clinet-profile .clint-detail {
        display: block
    }
    .hairly-tabbing .tab-content .active.show .tabbing-detail-cntnt {
        margin-left: 12px;
        margin-right: 12px
    }
    .triangle-img .sign-in-img {
        top: 78%
    }
}

.milkmore-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #134c87
}

.milkmore-boarding-sec .triangle-img .sign-in-img {
    position: inherit;
    top: 0;
    left: 0;
    transform: translate(0)
}

.milkmore-tabbing.hairly-tabbing:after,
.milkmore-tabbing.hairly-tabbing:before {
    background-image: none
}

.mood-board {
    position: relative
}

.milkmore-tabbing {
    background: url(../img/case-study/milkmor/tabbing-bg.png) no-repeat center center/cover
}

.milkmore-tabbing .clinet-profile .user-img {
    border: 2px solid #134c87
}

.subscription {
    background: url(../img/case-study/milkmor/subscriptionbg-img.png) no-repeat center center/cover
}

.delivery-boy {
    background: url(../img/case-study/milkmor/deliverybg-img.png) no-repeat center center/cover
}

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

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

.milkmore-tabbing .nav-tabs h6 {
    color: #2867a9
}

.milkmore-tabbing .dev-process h2 {
    color: #134c87
}

.milkmore-tabbing .dev-process h2:before {
    background-color: #134c87
}

.milkmore-tabbing .clinet-profile .client-cntnt h4,
.milkmore-tabbing .clinet-profile .clint-detail ul h4 {
    color: #134c87
}

.milkmore-tabbing .clinet-profile .clint-detail ul li strong {
    color: #134c87
}

.milkmore-boarding-sec .boarding .sec-title h2 {
    color: #134c87
}

.milkmore-boarding-sec .boarding .sec-title.case-box-left h2.app-name:before {
    background-color: #134c87
}

.milkmore-boarding-sec .boarding .sec-title h2 span {
    color: #000
}

.subscription .boarding.boardng-appint {
    margin-top: 0
}

.delivery-boy .boarding.boarding-even {
    margin-top: 67px
}

.milkmore-development-process .dev-process h2 {
    color: #134c87
}

.milkmore-development-process .dev-process h2:before {
    background-color: #134c87
}

.grocery-tabbing.hairly-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #f37878
}

.grocery-tabbing.hairly-tabbing .nav-tabs h6 {
    color: #f37878
}

.grocery-tabbing .dev-process h2 {
    color: #f37878
}

.grocery-tabbing .dev-process h2:before {
    background-color: #f37878
}

.grocery-sec .sec-title h2 {
    color: #f37878
}

.grocery-sec .sec-title h2 span {
    color: #316775
}

.grocery-sec .sec-title.case-box-left h2.app-name:before {
    background-color: #316775
}

.grocery-dev-sec .dev-process h2 {
    color: #f37878
}

.grocery-dev-sec .dev-process h2:before {
    background-color: #316775
}

.grocery-tabbing .clinet-profile .client-cntnt h4,
.grocery-tabbing .clinet-profile .clint-detail ul h4 {
    color: #f37878
}

.grocery-tabbing .clinet-profile .clint-detail ul li strong {
    color: #f37878
}

.grocery-tabbing .clinet-profile .user-img {
    border: 2px solid #f37878
}

.grocery-delivery-sec {
    background: url(../img/case-study/grocery/delivery-bg.png) no-repeat center center/cover
}

.product-purchase {
    background: url(../img/case-study/grocery/product-bg.png) no-repeat center center/cover
}

.grocery-tabbing {
    background: url(../img/case-study/grocery/tabbing-bg.png) no-repeat center center/cover
}

.liquor-tabbing {
    background: url(../img/case-study/liquor/tabbing-bg.png) no-repeat center center/cover
}

.liquor-purchase {
    background: url(../img/case-study/liquor/product-bg.png) no-repeat center center/cover
}

.liquor-delivery-boy {
    background: url(../img/case-study/liquor/liquor-delivery-bg.png) no-repeat center center/cover
}

.liquor-tabbing .clinet-profile .client-box {
    height: auto
}

.liquor-tabbing .clinet-profile .clint-detail ul h4,
.liquor-tabbing .clinet-profile .clint-detail ul li strong {
    color: #b5592a
}

.liquor-tabbing .clinet-profile .user-img {
    border: 2px solid #b5592a
}

.liquor-development-process .dev-process h2,
.liquor-tabbing .dev-process h2,
.liquor-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #b5592a
}

.liquor-tabbing .nav-tabs h6 {
    color: #f09027
}

.liquor-development-process .dev-process h2:before,
.liquor-tabbing .dev-process h2:before {
    background-color: #f09027
}

.liquor-boarding-sec .sec-title h2 {
    color: #b5592a
}

.liquor-boarding-sec .sec-title.case-box-left h2.app-name:before {
    background-color: #f09027
}

.liquor-boarding-sec .sec-title h2 span {
    color: #f09027
}

.virtual-cls-tabbing .dev-process h2,
.virtual-cls-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #0779e4
}

.virtual-cls-tabbing .dev-process h2:before {
    background-color: #0779e4
}

.virtual-development-process .dev-process h2 {
    color: #0779e4
}

.virtual-development-process .dev-process h2:before {
    background-color: #65aaeb
}

section.case-box.virtual-color {
    background-color: #0779e4
}

.virtual-boarding-sec .sec-title h2 {
    color: #0779e4
}

.virtual-boarding-sec .sec-title.case-box-left h2.app-name:before {
    background-color: #65aaeb
}

.virtual-boarding-sec .sec-title h2 span {
    color: #000
}

.classroom {
    background: url(../img/case-study/virtual-classroom/classroom-bg.png) no-repeat center center/cover
}

.virtual-cls-tabbing {
    background: url(../img/case-study/virtual-classroom/tabbing-bg.png) no-repeat center center/cover
}

.virtual-cls-tabbing .clinet-profile .client-cntnt h4,
.virtual-cls-tabbing .clinet-profile .clint-detail ul h4,
.virtual-cls-tabbing .clinet-profile .clint-detail ul li strong {
    color: #0779e4
}

.virtual-cls-tabbing .clinet-profile .user-img {
    border: 2px solid #0779e4
}

.fever-detection-banner {
    background-image: url(../img/fever-detection-camera/fever-detection-banner.png);
    background-repeat: no-repeat
}

.home-banner .banner-fever-icon li {
    display: inline-block;
    padding: 0 10px
}

.home-banner.fever-detection-banner .banner-fever-icon {
    padding: 0;
    margin: 0
}

.home-banner.fever-detection-banner .banner-fever-icon li img {
    position: inherit
}

.fever-super-box .text p {
    color: #707070;
    font-size: 15px
}

.fever-super-box .fever-info-box {
    padding: 55px
}

.fever-info-box .fever-icon {
    height: 60px
}

.fever-box {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    padding: 20px 28px;
    border-radius: 8px;
    min-height: 255px
}

.fever-super-box .fever-info-box .text p {
    font-weight: 400
}

.fever-super-box .fever-info-box .text h3 {
    font-size: 16px;
    line-height: 21px;
    color: #000;
    font-weight: 700;
    margin: 10px 0 20px
}

.fever-safety-sec .fever-safety-img img {
    border-radius: 20px;
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.dreamlog-appli .sucess-home {
    margin-bottom: 40px
}

.fever-detection .fever-detection-content h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 29px
}

.technical-table {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    padding: 50px
}

.technical-table .left-text {
    color: #6e6e6e
}

.technical-table table tr {
    color: #000
}

.technical-table table {
    margin-top: 50px
}

@media(max-width:1199px) {
    .fever-box {
        margin-bottom: 20px;
        min-height: 0
    }
    .fever-super-box.section {
        padding: 0
    }
    .fever-safety-sec .fever-safety-content {
        margin-top: 70px
    }
}

@media(max-width:991px) {
    .fever-detection-content {
        padding-top: 35px
    }
}

.car-service-tabbing {
    background: url(../img/case-study/car-service/tabbing-bg.png) no-repeat center center/cover
}

.car-book-appointment {
    background: url(../img/case-study/car-service/book-appoint-bg.png) no-repeat center center
}

.garage-owner {
    background: url(../img/case-study/car-service/garage-owner-bg.png) no-repeat center center
}

.car-service-tabbing .clinet-profile .client-box {
    height: 900px
}

.car-service-tabbing .clinet-profile .clint-detail ul h4,
.car-service-tabbing .clinet-profile .clint-detail ul li strong {
    color: #10ddc2
}

.car-service-tabbing .clinet-profile .user-img {
    border: 2px solid #10ddc2
}

section.case-box.car-service-color {
    background-color: #10ddc2
}

.car-service-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #10ddc2
}

.car-service-tabbing .dev-process h2 {
    color: #10ddc2
}

.car-service-tabbing .dev-process h2:before {
    background-color: #10ddc2
}

.car-service-development-process-section .dev-process h2 {
    color: #1f2738
}

.car-service-development-process-section .dev-process h2:before {
    background-color: #1f2738
}

.car-service-boarding .sec-title h2 span {
    color: #10ddc2
}

.car-service-boarding .sec-title h2 {
    color: #1f2738
}

.car-service-boarding .sec-title.case-box-left h2.app-name:before {
    background-color: #1f2738
}

.yoga-tabbing .clinet-profile .clint-detail ul h4,
.yoga-tabbing .clinet-profile .clint-detail ul li strong,
.yoga-tabbing .dev-process h2,
.yoga-tabbing .nav-tabs .nav-item .active.show h6 {
    color: #602080
}

.yoga-tabbing .dev-process h2:before {
    background-color: #602080
}

.yoga-tabbing .clinet-profile .user-img {
    border: 2px solid #602080
}

.yoga-tabbing {
    background: url(../img/case-study/yoga/yoga-tabbing-bg.png) no-repeat center center/cover
}

.yoga-boarding-sec .sec-title h2 {
    color: #602080
}

.yoga-boarding-sec .sec-title.case-box-left h2.app-name:before {
    background-color: #602080
}

.yoga-session {
    background: url(../img/case-study/yoga/yoga-session-bg.png) no-repeat center center
}

.card-why-choose-us {
    box-shadow: 0 1px 1px 0 rgba(7, 32, 48, .04), 0 2px 10px 0 rgba(0, 0, 0, .05);
    background: #fff;
    border-radius: 5px
}

.who-we-are-seteps .icon-view h3:before {
    background-color: #fff!important
}

.scene {
    position: relative;
    width: 100%;
    height: 100vh;
    background: linear-gradient(#3a3a3a, #4c4c4c);
    background-attachment: fixed;
    overflow: hidden;
    box-sizing: border-box;
    display: flex
}

.moon {
    position: absolute;
    top: 100px;
    left: 400px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 2;
    background-color: #fff
}

.moon:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 15px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(#3a3a3a, #4c4c4c);
    background-attachment: fixed
}

.forest {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transform: scale(1.1)
}

.scene i {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    animation: star linear infinite
}

@keyframes star {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    10%,
    90% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translateY(-100px)
    }
}

.cloud1 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 600px;
    z-index: 10;
    animation: animateCloud 50s linear infinite
}

.cloud2 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 500px;
    z-index: 10;
    animation: animateCloud 35s linear infinite
}

.cloud3 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 600px;
    z-index: 10;
    animation: animateCloud 80s linear infinite
}

.cloud4 {
    position: absolute;
    top: 200px;
    left: 0;
    max-width: 300px;
    z-index: 10;
    animation: animateCloud 70s linear infinite;
    animation-delay: -20s
}

.cloud5 {
    position: absolute;
    top: 150px;
    left: 0;
    max-width: 500px;
    z-index: 10;
    animation: animateCloud 40s linear infinite;
    animation-delay: -5s
}

.cloud6 {
    position: absolute;
    top: 75px;
    left: 0;
    max-width: 400px;
    z-index: 10;
    animation: animateCloud 30s linear infinite;
    animation-delay: -10s
}

@keyframes animateCloud {
    0% {
        transform: translateX(-100%) scale(1)
    }
    100% {
        transform: translateX(400%) scale(1.5)
    }
}

h1.moto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    position: relative;
    color: #fff;
    font-size: 90px;
    font-weight: 900;
    text-transform: uppercase;
    z-index: 100;
    text-align: center;
    margin: 0 auto
}

.who-we-are-new.nav-tabs .nav-item .nav-link.active {
    color: #fff!important
}

.who-we-are-new.nav-tabs .nav-item .nav-link:after {
    background-color: #fff!important
}

.team-card {
    position: relative;
    width: 100%;
    height: 350px;
    margin: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    background: linear-gradient(#070707, #1e1e1e)
}

.team-card img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 400px;
    transition: .5s;
    z-index: 1000
}

.team-card:hover img {
    left: 80%;
    height: 500px
}

.team-card .team-content {
    position: relative;
    width: 50%;
    left: 20%;
    padding: 20px 20px 20px 40px;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.team-card:hover .team-content {
    left: 0%;
    opacity: 1;
    visibility: visible
}

@media(max-width:991px) {
    .team-card {
        position: relative;
        width: auto;
        max-width: 100%;
        transition: .5s;
        align-items: flex-start
    }
    .team-card:hover {
        height: 600px
    }
    .team-card:hover img {
        left: 50%;
        height: 350px
    }
    .team-card .team-content {
        width: 100%;
        left: 0%;
        padding: 40px
    }
}

@media(max-width:991px) {
    .team-card .team-content {
        padding: 30px
    }
    .team-card:hover img {
        height: 300px
    }
}

.sidebar a {
    display: block
}

.quote-line {
    background: #000;
    color: #fff;
    padding: 12px
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 2%
}

@media(max-width:767px) {
    .sidebar-item {
        position: inherit
    }
}

#commonmodal .modal-header {
    padding: 0;
    border-bottom: none
}

#commonmodal .modal-header button.close {
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    opacity: 1;
    background: #fff;
    border: 1px solid #000;
    border-radius: 100%;
    padding: 0;
    height: 30px;
    width: 30px;
    cursor: pointer
}

#commonmodal .modal-dialog {
    margin: 1.75rem auto
}

@media(min-width:992px) {
    #commonmodal .modal-lg {
        max-width: 96%
    }
}

@media(min-width:1024px) {
    #commonmodal .modal-lg {
        max-width: 980px
    }
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 96%;
        margin: 1.75rem auto
    }
}

a.app-dwn-btn {
    display: block
}

.blog-post .table-bordered td,
.blog-post .table-bordered th {
    border: 1px solid #c6c6c6;
    color: #000
}