* {

    font-family: 'Mulish', sans-serif;
}



body {

    overflow-x: hidden;

}

.hdr {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    z-index: 99;

    padding: 15px 0;

    background: #5d1dd5;

    width: 100%;

}

.header-container {

    max-width: 100%;

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}

.slider-div {

    background: url('../images/Bg01-min.jpg');

    background-size: cover;

    height: 100vh;

    position: relative;

    margin-bottom: -70px;

    padding-top: 3rem;

    display: flex;

    align-items: center;

}

.l-player {

    width: 85%;
    height: auto;
    margin: auto;

}

.tabb-d {

    width: 514px;

    border-bottom: 1px solid #5412d6;

    text-align: center;

}

.tabb-d .nav-item {

    margin: auto;

    width: 155px;

}

.dwn-scc a,
.down a {

    cursor: pointer;

}

p.success-msg {

    text-align: center;

    color: #277c2a;

    padding-right: 13px;

}

nav.navbar.navbar-expand-lg.navbar-light {

    z-index: 9;

    display: none;

}

.hd-top {

    display: block;

}

.d-ff img {

    max-width: 90% !important;

}

.slider-div h3 {

    color: #fff;

}

.socil-iccn a {

    color: #fff;

    border: 1.8px solid #fff;

    width: 28px;

    display: inline-block !important;

    height: 28px;

    border-radius: 100%;

    text-align: center;

    line-height: 25px;

}

.btn-primary {

    border-color: #5d1dd5;

}

span.socil-iccn {

    margin-right: 25px;

}

.c-modal .modal-header {

    border: 0;

}

.d-fl {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    align-self: center;

    padding-right: 12rem;

    padding-top: 13rem;

    height: 800px;

}

.d-f8 {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    align-self: center;

    padding-right: 12rem;

}

.spot-sc {

    padding: 4rem 0;

}

.spt-sc.sptt-1 img {

    max-width: 70% !important;

}

.spot-sc h2 {

    margin: 7rem 0 2rem;

    font-weight: 700;

}

.spot-sc p {

    margin-bottom: 1rem;

}

#screenshots {

    position: relative;

    top: -85px;

}

.d-fl h3 {

    color: #fff;

    font-size: 40px;

    margin-bottom: 2rem;

    font-weight: 700;

}

.c-modal .form-group.w-5 .form-control {

    background: #98e0f930;

}

.c-modal input,
.c-modal textarea {

    background: #98e0f930;

}

.c-modal input {

    height: 45px;

    position: relative;

}

.c-modal .modal-body {

    padding-left: 30px;

}

.c-modal button.close {

    position: absolute;

    right: 30px;

}

.c-modal .modal-title {

    width: 96%;

    text-align: center;

    margin: auto;

    color: #5c1dd5;

}

.c-modal .s100 {

    margin: 25px 0 13px;

}

.c-modal .form-control:focus {

    background: #98e0f930;

}

.d-f8 h3 {

    color: #fff;

    font-size: 40px;

    margin-bottom: 2rem;

    font-weight: 700;

}

.slider-div p {

    color: #fff;

}

.n-mb {

    display: block;

}

.bak-pd h4 {

    color: #fff;

    border-left: 5px solid #98e0f9;

    padding-left: 20px;

    margin-bottom: 2rem;

    letter-spacing: 0.2px;

}

.know-btn {

    background-color: #98e0f9;

    color: #4d34bf;

    padding: 15px 50px;

    border-radius: 40px;

    display: inline-block;

    margin-top: 2.5rem;

    font-weight: 700;

    transition: ease-in 0.3s;

    cursor: pointer;

}

.know-btn.kn-1:hover {

    box-shadow: 0 4px 10px 0 #634c90;

    background-color: #115ac3;

    color: #fff;

}

.know-btn:hover {

    color: #4d34bf;

    background: #9edbf0;

    text-decoration: none;

    box-shadow: 0 7px 16px 0 #f2eaea;

}

.knm:hover {

    background: #98e0f9 !important;

    color: #4d34bf !important;

}

section.spot-sc {

    background: #5d1dd5;

    height: 740px;

    margin-bottom: 500px;

}

section.spot-sc h2,
section.spot-sc p {

    color: #fff;

    text-align: center;

}

.designed-sc h2 {

    color: #5c1dd5;

    padding: 2rem 0;

    font-weight: 700;

}

.designed-sc {

    text-align: center;

    padding: 4rem 0 6rem;

}

.mt--2 {

    margin-top: 5rem;

}

.mt--2 img.img-fluid {

    width: 30%;

}

.mt--2 h4 {

    color: #5c1dd5;

    margin-top: 1rem;

    font-weight: 700;

}

.designed-sc {

    background: url('../images/Bg02.jpg');

    background-size: cover;

}

/*.p-re{

  position: absolute;

  max-width: 600px;

  padding-top: 3rem;

}*/

.step {

    background: #5d1dd5;

    color: #fff;

    padding: 1rem 1.5rem;

    border-radius: 10px;

    margin: 2rem 0;

}

.step img.img-fluid {

    max-width: 75px;

}

.down.dwn-scc {

    text-align: center;

    margin-top: 0;

    margin-bottom: 20px;

    position: relative;

    z-index: 99;

}

.down.dwn-scc img.img-fluid {

    max-width: 17% !important;

    display: inline-block;

    margin: 20px 0;

}

.v-btn.v-bl {

    background-color: #98e0f9;

    border-radius: 12px;

    color: #4d34bf;

}

.how-sc {

    text-align: center;

    padding: 4rem 0;

}

.step h4 {

    margin: 1rem 0;

}

.how-sc h2 {

    color: #5c1dd5;

    padding: 2rem 0;

    font-weight: 700;

}

a.v-btn {

    background: #0e59c3;

    padding: 1rem 1.4rem;

    color: #fff;

    display: inline-block;

    border-radius: 10px;

    font-weight: 600;

    margin: 1rem 0;

}

a.v-btn:hover {

    text-decoration: none;

}

.m-t-2 span {

    font-weight: 700;

}

.bt-slider {

    background: url('../images/Bg03-min.jpg');

    background-size: cover;

    padding: 4rem 0;

    color: #fff;

    text-align: center;

}

.slick-slide img {

    margin: auto;

}

.spt-sc {

    background: url('../images/Bg04.jpg');

    background-size: cover;

    padding: 6rem 0;

}

.spt-sc h2 {

    color: #5c1dd5;

    margin-bottom: 2rem;

    font-weight: 700;

}

.spt-sc p {

    color: #5c1dd5;

}

.down img.img-fluid {

    max-width: 40% !important;

    display: block;

    margin: 20px 0;

}

.c-modal .s100 {

    left: 0px;

    width: 96%;

}

.down {

    margin-top: 30px;

}

.m-t-2 {

    margin-top: 7rem;

}

.spt-sc img {

    max-width: 95% !important;

}

.w-left {

    width: 56%;

}

.f-flex {

    display: flex;

}

.w-right p {

    color: #5c1dd5;

    font-size: 14px;

}

.w-right h5 {

    margin-bottom: 1rem;

}

.w-right {

    border: 1px solid #ccc;

    padding: 3rem 1.5rem;

    height: 350px;

}

.step1,
.step2 {

    position: relative;

}

.m-100 {

    margin-left: -20px;

}

.c-modal .form-group {

    vertical-align: top;

}

input::placeholder,
textarea::placeholder {

    font-size: 15px;

}

.error {

    color: #f41d1d;

    margin: 0;

    font-size: 13px;

}

.top-l a {

    color: #fff;

    border-left: 1px solid #fff;

    padding: 10px 20px;

    margin-left: 20px;

}

span.top-l {

    margin-left: 25px;

}

.top-l a:hover {

    text-decoration: none;

}

.step1::before {

    content: '';

    position: absolute;

    display: block;

    width: 0px;

    right: 5px;

    top: 50%;

    border: 15px solid transparent;

    border-right: 0;

    border-left: 15px solid #5d1dd5;

    transform: translate(calc(100% + 5px), -50%);

}

.step2::before {

    content: '';

    position: absolute;

    display: block;

    width: 0px;

    left: 5px;

    top: 50%;

    border: 15px solid transparent;

    border-left: 0;

    border-right: 15px solid #5d1dd5;

    transform: translate(calc(-100% - 5px), -50%);

}

.slider-nav .slick-slide img {

    width: 160px;

    height: 160px;

    object-fit: cover;

    filter: grayscale(100%) !important;

}

.slider-nav ul.slick-dots {

    display: none !important;

}

.main {

    margin-top: 3rem;

}

.bt-slider h2 {

    padding: 2rem 0;

    font-weight: 700;

}

.bt-slider h4 {

    padding: 1.5rem 0;

}

.img-w {

    max-width: 82% !important;

    margin-top: 2rem;

}

.d-ff {

    text-align: right;

}

footer p {

    margin-bottom: 0;

    color: #fff;

}

footer p a {

    color: #fff;

}

footer p a:hover {

    color: #fff;

    text-decoration: none;

}

footer {

    background: #5d1dd5;

    padding: 2.5rem 0;

    color: #fff;

    text-align: center;

}



/* career */



.business-div.career .d-f8 {

    padding-left: 0;

    padding-right: 13rem;

}



.career {

    background: url('../images/careers-bg.jpg') !important;

    background-size: cover;

    height: 100vh;

    position: relative;

    margin-bottom: 0 !important;

    padding-top: 8.5rem !important;

    display: flex;

    align-items: center;

    background-position: bottom !important;

}

.tab10 h4 {

    margin-bottom: 2rem;

}



.accordion .card-header:after {

    font-family: 'FontAwesome';

    content: "\f068";

    float: right;

    color: #5c1dd5;

}

.accordion .card-header.collapsed:after {

    /* symbol for "collapsed" panels */

    content: "\f067";

}

.jobs h4 {

    font-size: 2rem;

}

.jobs ul {

    margin: 0;

    padding-left: 20px;

}

.jobs ul li::marker {

    color: #5c1dd5;

}

.jobs ul li {

    margin-bottom: 15px;

}

.jobs .card.mb-0 {

    background: transparent;

    border: 0;

}

.jobs .card-header {

    background: #f0f0f0;

    border: 0;

    margin-top: 1rem !important;

    position: relative;

    border: 4px;

}

.jobs .collapse {

    background: #ffffff9c;

}

.jobs .card-title {

    color: #5c1dd5;

    font-weight: 600;

    padding-left: 20px;

}

.jobs .card-title:hover {

    text-decoration: none;

}

.jobs ul li {

    color: #5c1dd5;

}

.tb123 h4 {

    font-size: 2rem;

}

.jobs .card-header:before {

    content: '';

    width: 20px;

    height: 100%;

    background: #5c1dd5;

    position: absolute;

    left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    top: 0;

}





@media screen and (min-width: 320px) and (max-width: 767px) {

    .d-fl h3,
    .d-f8 h3 {

        font-size: 26px;

        margin-bottom: 2rem;

        padding: 0 15px;

        text-align: center;

        margin-top: 2rem;

    }

    .d-fl,
    .d-f8 {

        padding-right: 15px;

        align-items: center;

    }

    .device {

        top: 0 !important;

    }

    li.logo-wrapper img {

        width: 100%;

    }

    .designed-sc {

        text-align: center;

        padding: 2rem 0 4rem;

    }

    .how-sc {

        text-align: center;

        padding: 2rem 0;

    }

    .how-sc h2 {

        padding: 2rem 0 0rem;

    }

    footer p br {

        display: none;

    }

    footer p {

        margin-bottom: 12px;

    }

    footer p a {

        margin: 0 10px;

    }

    h2 {

        font-size: 26px;

    }

    section.spot-sc {

        background: #5d1dd5;

        height: auto;

        margin-bottom: auto;

    }

    .slider-nav .slick-slide img {

        max-width: 100%;

    }

    .logo-wrapper {

        width: 130px !important;

        padding-left: 12px !important;

        margin-bottom: 9px;

    }

    .bt-slider .slick-next {

        right: 0px;

    }

    .bt-slider .slick-prev {

        left: 0;

    }

    .spt-sc {

        text-align: center;

    }

    .step1::before,
    .step2::before {

        display: none;

    }

    .step {

        text-align: center !important;

        padding: 2rem 1.5rem;

    }

    .slider-div p {

        padding: 0 15px;

        text-align: center;

    }

    .slider-div {

        height: auto;

        margin-bottom: -71px;

    }

    .spot-sc {

        padding-top: 70px;

    }

    .hdr {

        flex-direction: row;

        margin-bottom: 20px;

    }

    .wow:first-child {

        visibility: hidden;

    }

    span.socil-iccn {

        margin: 15px 0;

    }

    .header-container .row {

        margin-right: 0;

        margin-left: 0;

    }

    .m-t-2 {

        margin-top: 5rem;

    }

    .top-l a {

        display: none;

    }

    .hdr img {

        width: 150px;

        margin-left: 20px;

    }

    header {

        background: transparent;

        position: relative;

    }

    .m-t-2 .down img.img-fluid {

        margin: 15px auto;

        max-width: 44% !important;

    }

    .d-ff {

        text-align: center;

    }

    .k-al {

        text-align: center;

    }

    .d-ff img {

        max-width: 100% !important;

        padding-top: 2rem;

    }

    .down.dwn-scc img.img-fluid {

        max-width: 50% !important;

        display: inline-block;

        margin: 20px 0;

    }

    nav.navbar.navbar-expand-lg.navbar-light {

        z-index: 999;

        display: block;

        position: absolute;

        top: 0;

    }

    .v-btn.v-bl {

        display: block;

        padding: 1rem;

        width: 49%;

        margin: auto;

    }

    .navbar-light .navbar-toggler-icon {

        filter: brightness(0) invert(1);

    }

    button:focus {

        outline: none;

    }

    .nav-link {

        color: #fff;

    }

    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {

        color: #fff;

    }

    .navbar-light .navbar-toggler {

        border: 0;

        padding: 0;

        margin-top: 19px;

    }

    .hd-top {

        display: block;

    }

    #screenshots {

        position: relative;

        top: 0;

        left: -16px;

    }

    .m-100 {

        margin-left: 0;

    }

}



@media screen and (min-width: 320px) and (max-width: 350px) {

    .hdr img {

        width: 108px;

    }

    .mobile-nav .burger-menu {

        display: inline-block;

        margin: 1em 0.6em !important;

    }

    .hamburger-box {

        width: 27px !important;

    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {

        width: 27px !important;

    }

}





/* === HEADER === */

* {

    box-sizing: border-box;
}



header a {

    font-size: 13px;

}



hr {

    border: none;
}



#header a {

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    transition: 0.2s;
}



#header a:hover {

    color: #e4dbdb;

    text-decoration: none;
}



#header {

    position: absolute;

    z-index: 9;

    width: 100%;
}



.header-container {

    position: relative;

    width: 100%;

    height: 100%;
}



#wrapper {

    position: relative;

    height: 100%;
}



.header-bg {

    background-color: transparent;

    height: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

    z-index: 1;
}



#header.open .header-bg:hover {

    display: block;

    opacity: 1;

    height: 400px;
}



.navbar {

    padding: 1.6rem 2.1rem 1.6rem 0;

    text-transform: uppercase;

    z-index: 2;
}



.navbar-nav {

    -webkit-box-orient: row;

    -webkit-box-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}



.navbar-nav .dividier {

    margin: 0 1.5em;

    width: 1px;

    height: 38px;

    opacity: 1;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    transition: 0.2s;
}



.navbar-nav>li a {

    text-transform: uppercase;
    letter-spacing: 0.5px;
}



.navbar-nav>li a:hover {

    text-decoration: none;
}



.hidden.hidden-shrink .navbar {

    padding-bottom: 0;
}



.hidden.hidden-shrink .navbar-nav .dividier {

    display: none;
}



#header.header-shrink.hide .btn-menu {

    display: none;
}



.hidden.hidden-shrink .menu-main-menu-container {

    display: none;
}



.logo-wrapper {

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    width: 212px;

    padding-left: 30px;
}

.logo-wrapper>a {

    display: block;
}

.logo-wrapper>a:hover .logo-main--white {

    opacity: .6;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    transition: 0.2s;
}

.logo-wrapper>a:hover .logo-icon img {

    bottom: 0;
}

.logo-wrapper .logo-main--black {

    display: none;
}

.logo-wrapper .logo-main {

    width: 252px;
}



.btn-menu {

    letter-spacing: 0.5px;

    padding: 10px 0px;

    opacity: 1;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}



#header.hide .btn-menu a.btn-menu__link {

    cursor: pointer;
}



#header.open .btn-menu a.btn-menu__link {

    display: none;
}



.btn-menu__link span:nth-child(2) {

    opacity: .3;

    padding-left: 6px;
}



.menu.show {

    display: block;
}



.main-menu {

    padding-left: 0;

    position: relative;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    display: none;
}



.main-menu>li.menu-item {

    display: inline-block;
}



.main-menu>li.menu-item>a {

    padding: 1em 1.5em 1.2em;

    display: block;

    letter-spacing: 0.5px;
}



.main-menu>li.menu-item:first-child>a {

    padding-left: 0;
}



#header.open .main-menu {

    display: block;
}



.menu-item:hover>.sub-menu {

    display: block;
}



.menu-item:hover>.sub-menu:hover {

    display: block;
}



.sub-menu {

    position: absolute;

    padding-top: 1em;

    padding-left: 1.5em;

    list-style-type: none;
}



.sub-menu>li.menu-item {

    padding: .8em 0;

    display: none;

    width: 150px;
}



.sub-menu>li.menu-item a {

    letter-spacing: 2px;
}



.sub-menu>li.menu-item a:hover {

    color: #e4dbdb;
}



.sliding-underline {

    z-index: 1;

    position: absolute;

    height: 3px;

    left: 0;

    bottom: -1.1em;

    background-color: #fff;

    list-style-type: none;

    border: none;

    pointer-events: none;
}



.bottom-line {

    width: 0%;

    height: 1px;

    position: absolute;

    background-color: #333;

    margin: 0;

    pointer-events: none;
}



.globe-icon--blue {

    display: none;

    opacity: 0;
}



#header .btn-globe {

    letter-spacing: 1.8px;
}

#header .btn-globe .btn-globe__text {

    margin-right: 1em;

    opacity: 1;
}

#header .btn-globe a {

    display: block;
}

#header .btn-globe .globe-wrapper {

    display: inline-block;

    vertical-align: middle;
}

#header .btn-globe .globe-icon {

    width: 15px;
}

#header .btn-globe .text-wrapper {

    display: inline-block;

    vertical-align: middle;

    white-space: nowrap;

    overflow: hidden;

    width: auto;

    -webkit-transition: width 0.3s ease;

    -moz-transition: width 0.3s ease;

    -ms-transition: width 0.3s ease;

    -o-transition: width 0.3s ease;

    transition: width 0.3s ease;
}

#header .btn-globe:hover .globe-icon--blue {

    display: inline-block;

    opacity: 1;
}

#header .btn-globe:hover .globe-icon--white {

    display: none;
}

#header .btn-globe:hover .globe-icon--black {

    display: none;
}

#header .btn-globe:hover span {

    color: #e4dbdb;
}



#header.header--white a {

    color: #fff;
}

#header.header--white .logo-main--white {

    display: block;
}

#header.header--white .logo-main--black {

    display: none;
}

#header.header--white .navbar-nav .dividier {

    border-right: .5px solid #fff;
}

#header.header--white .hamburger-inner,
#header.header--white .hamburger-inner::before,
#header.header--white .hamburger-inner::after {

    background-color: #fff;
}

#header.header--white .globe-icon--white {

    display: inline-block;
}

#header.header--white .globe-icon--black {

    display: none;
}



#header.header--black a,
.page-template-t_press_release #header a {

    color: #000;
}

#header.header--black .logo-main--white,
.page-template-t_press_release #header .logo-main--white {

    display: none;
}

#header.header--black .logo-main--black,
.page-template-t_press_release #header .logo-main--black {

    display: inline-block;
}

#header.header--black .navbar-nav .dividier,
.page-template-t_press_release #header .navbar-nav .dividier {

    border-right: .5px solid #000;
}

#header.header--black .hamburger-inner,
#header.header--black .hamburger-inner::before,
#header.header--black .hamburger-inner::after,
.page-template-t_press_release #header .hamburger-inner,
.page-template-t_press_release #header .hamburger-inner::before,
.page-template-t_press_release #header .hamburger-inner::after {

    background-color: #000;
}

#header.header--black .globe-icon--white,
.page-template-t_press_release #header .globe-icon--white {

    display: none;
}

#header.header--black .globe-icon--black,
.page-template-t_press_release #header .globe-icon--black {

    display: inline-block;
}



#header.open:not(.header-shrink) a {

    color: #fff;
}

#header.open:not(.header-shrink) a:hover {

    color: #e4dbdb;
}

#header.open:not(.header-shrink) .navbar-nav .dividier {

    border-right: .5px solid #fff;
}

#header.open:not(.header-shrink) .hamburger-inner,
#header.open:not(.header-shrink) .hamburger-inner::before,
#header.open:not(.header-shrink) .hamburger-inner::after {

    background-color: #fff;
}



#header.header-shrink.hide .btn-globe .text-wrapper {

    width: 0;
}

#header.header-shrink.hide .logo-wrapper {

    width: 40px;

    overflow: hidden;
}

#header.header-shrink.hide .btn-menu {

    opacity: 0;
}

#header.header-shrink.hide .navbar-left .dividier {

    opacity: 0;
}



@media (min-width: 1025px) {

    #header.open .logo-main--black {

        display: none !important;
    }

    #header.open .logo-main--white {

        display: block !important;
    }

    #header.open .globe-icon--black {

        display: none;
    }

    #header.open .globe-icon--white {

        display: inline-block;
    }
}

.left-line__sliding,

.left-line,

.mobile-navbar,

.mobile-nav,

.logo-mobile {

    display: none;
}



/*#header.header-shrink.hidden{width:100px;height:85px;}*/

@media (max-width: 991px) {

    .is-high-open #header.header-shrink.hidden {

        height: 50px;
    }
}

@media (max-width: 1024px) {

    .page-head__body h2 {

        line-height: unset;
    }



    .dividier {

        display: none;
    }



    .btn-menu {

        display: none;
    }



    .menu-main-menu-container {

        display: none;
    }



    .mobile-navbar .menu-main-menu-container {

        display: block;
    }



    .navbar-right {

        display: none;
    }



    #header.header .logo-main--white,

    #header.header .logo-main--black {

        display: none;
    }



    .navbar {

        padding: .5rem 0;
    }



    .logo-wrapper {

        overflow: hidden;

        -webkit-transition: 0.2s;

        -moz-transition: 0.2s;

        -ms-transition: 0.2s;

        -o-transition: 0.2s;

        transition: 0.2s;
    }



    .logo-mobile {

        display: block;

        width: 172px;
    }



    .mobile-nav {

        display: block;
    }

    .mobile-nav .burger-menu {

        display: inline-block;

        margin: 1em;
    }

    .mobile-nav .mobile-globe {

        display: inline-block;
    }

    .mobile-nav .mobile-globe a {

        display: block;

        width: 28px;

        overflow: hidden;

        -webkit-transition: 0.2s;

        -moz-transition: 0.2s;

        -ms-transition: 0.2s;

        -o-transition: 0.2s;

        transition: 0.2s;
    }

    .mobile-nav .mobile-globe img {

        width: 30px;

        vertical-align: bottom;
    }



    #header.open {

        height: 100%;

        overflow: scroll;
    }

    #header.open .header-bg {

        height: 100%;

        opacity: 1;
        background: #5d1dd5;
    }

    #header.open .mobile-globe {

        display: block;
        margin-left: 30px;
    }

    #header.open .navbar {

        background-color: #5d1dd5;
    }

    #header.open .navbar .logo-wrapper .logo-mobile--white {

        display: inline-block;
    }

    #header.open .navbar .logo-wrapper .logo-mobile--black {

        display: none;
    }

    #header.open .mobile-navbar {

        width: 100%;

        display: block;

        position: relative;
    }

    #header.open .mobile-navbar .mobile-menu {

        list-style-type: none;

        padding-left: 0;

        display: inline-block;

        margin: 5em 0 2em;

        margin-left: 3em;

        position: relative;
    }

    #header.open .mobile-navbar .mobile-menu>li {

        font-size: 1.5em;

        padding: 0em 0;
    }

    #header.open .mobile-navbar .mobile-menu>li a {

        letter-spacing: 2px;
    }

    #header.open .mobile-navbar .mobile-menu>li .sub-menu {

        position: static;

        max-height: 0;

        overflow: hidden;

        -webkit-transition: 0.3s linear;

        -moz-transition: 0.3s linear;

        -ms-transition: 0.3s linear;

        -o-transition: 0.3s linear;

        transition: 0.3s linear;

        padding: 0 1.65em;
    }

    #header.open .mobile-navbar .mobile-menu>li .sub-menu li {

        display: block;

        padding: .63em 0;

        width: 100%;
    }

    #header.open .mobile-navbar .mobile-menu>li .sub-menu li:first-child {

        padding-top: 1em;
    }

    #header.open .mobile-navbar .mobile-menu>li .sub-menu li:last-child {

        padding-bottom: 0;
    }

    #header.open .mobile-navbar .mobile-menu li.menu-item-has-children.is-active .sub-menu {

        max-height: 500px;
    }

    #header.open .mobile-navbar .mobile-menu:before {

        content: '';

        background-color: #fff;

        height: calc(100% - 18px);

        width: 1px;

        position: absolute;

        left: -1em;

        top: 0;

        margin-top: 8.505px;

        display: block;
    }

    #header.open .mobile-navbar .mobile-menu .sliding-line--left {

        content: '';

        width: 3px;

        height: 20px;

        background-color: #fff;

        position: absolute;

        left: -1.1em;

        display: block;

        margin: 0;
    }



    body.header-is-open {

        overflow: scroll !important;
    }



    body.header-is-open .brands-mobile {

        display: none;
    }



    #header.header-shrink.hide .mobile-globe>a {

        width: 0;
    }

    #header.header-shrink.hide .logo-wrapper {

        width: 50px;
    }



    #header.header--white .logo-mobile--white {

        display: block;
    }

    #header.header--white .logo-mobile--black {

        display: none;
    }



    #header.header--black .logo-mobile--white,
    .page-template-t_press_release #header .logo-mobile--white {

        display: none;
    }

    #header.header--black .logo-mobile--black,
    .page-template-t_press_release #header .logo-mobile--black {

        display: inline-block;
    }
}





.dm-width {

    width: auto;

    margin: 0 auto;

}



.iphone-mockup {

    position: relative;

    z-index: 5;

}



.dm-device {

    position: relative;

    width: 100%;

    padding-bottom: 203.477897%;

    margin-bottom: 20px;

}



.device {

    position: absolute;

    top: -18px;

    bottom: 0;

    left: -4px;

    right: 0;

    width: 100%;

    height: 100%;

    -webkit-background-size: 100% 100%;



    background-repeat: no-repeat;

    background-image: url(../images/Fold02_Mobile01.png);

    background-size: contain;

    background-position: center center;

}



/*.screen {

   overflow: hidden;

    position: absolute;

    top: 18.1%;

    bottom: 20.6%;

    left: 12.49%;

    right: 17.4%;

    background-color: #E91E63;

}*/





.screen {

    overflow: hidden;

    position: absolute;

    top: 11.1%;

    bottom: 15.6%;

    left: 11.49%;

    right: 9.4%;

}



.slider {

    height: 100%;

}

.slider div {

    height: 100%;

}



.slider__item {

    font-size: 100px;

    color: rgba(255, 255, 255, 0.7);

    display: flex;

    justify-content: center;

    align-items: center;

}

.slider__item img {

    height: 100%;

}





/* business */

.business-div {

    background: url('../images/Bg05-min.jpg');

    background-size: cover;

    height: 100vh;

    position: relative;

    margin-bottom: -70px;

    padding-top: 3rem;

    display: flex;

    align-items: center;

}

.business-div .d-f8 {

    padding-left: 12rem;

    padding-right: 0;

}

.business-div .d-ff {

    text-align: left;

}

.business-div h4 {

    color: #fff;

    border-left: 5px solid #98e0f9;

    padding-left: 20px;

    margin-bottom: 2rem;

    letter-spacing: 0.2px;

}

.business-div .d-ff img {

    max-width: 100% !important;

    position: relative;

    left: -50px;

}

.bluee-bg {

    height: 200px;

    background-color: #5d1dd5;

}

.tabbs {

    background: url('../images/Bg04.jpg');

    background-size: cover;

}

.nav-tabs {

    background-color: #ddd0ff;

    display: flex;

    justify-content: center;

    padding: 1.5rem 0;

}

.nav-tabs a.nav-link {

    border-bottom: 1px solid #5f1fd7 !important;

    border: 0;

    padding: 1rem 2rem;

    font-weight: 700;

    color: #212529;

}

.nav-tabs a.nav-link.active {

    background-color: transparent;

    border-bottom: 3px solid #5f1fd7 !important;

}

.pdd-22 {

    padding: 8rem 0;

    display: flex;

    align-items: center;

}

.pdd-22 h1 {

    color: #5c1dd5;

    padding: 1rem 0;

    font-weight: 700;

}

.pdd-22 h4 {

    color: #5c1dd5;

    font-weight: 700;

}

.pdd-22 p {

    color: #5c1dd5;

}

.featured .slider-nav .slick-slide img {

    filter: grayscale(0) !important;

}

.featured {

    padding-bottom: 2rem !important;

}

.right-txxxt {

    padding-left: 2rem;

}

.kn-2 {

    background-color: #115ac3;

    color: #fff;

}

.covid-sc {

    background: url('../images/Bg06.jpg');

    background-size: cover;

}

.bak-pd h1,
.bak-pd h4,
.bak-pd p {

    color: #fff;

}

.featured {

    background: #fff;

    padding: 0;

}

.featured .bt-slider h2 {

    padding: 2rem 0 3rem;

    font-weight: 700;

}

.featured .slider-nav .slick-slide img {

    object-fit: contain;

}

.featured .slick-next,
.featured .slick-prev {

    top: 42%;

}

.form-group.w-5 {

    width: 47%;

    display: inline-block;

    margin-right: 10px;

}

.form-group.w-5 .form-control {

    height: 48px;

    border-radius: 0;

}

.featured h2 {

    color: #5c1dd5;

}

.featured .slick-next:before,
.featured .slick-prev:before {

    color: #a29b9b;

}

.form-group.w-100 .form-control {

    width: 97%;

    border-radius: 0;

}

.submit {

    background-color: #5d1dd5;

}

button.btn.btn-primary.submit {

    padding: 0.7rem 4rem;

    border-radius: 40px;

}

.s100 {

    text-align: center;

    margin-right: 0px;

    position: relative;

    left: 50%;

}

.ct-form {

    display: flex;

    align-items: center;

}

.ct-form .col-lg-6 {

    align-items: center;

}

.ct-form .m-t-2 {

    margin-top: 1rem;

}

.ct-form {

    padding: 8rem 0;

}

.form-control:focus {

    outline: none;

    border-color: #ccc;

    box-shadow: none;

}



@media screen and (min-width:1900px) {

    .l-player {

        width: 90%;

    }

}



@media screen and (min-width: 1600px) {

    .d-fl {

        padding-top: 16rem;

        height: 800px;

    }

}



@media screen and (min-width:1600px) and (max-width: 1700px) {

    .l-player {

        width: 77%;

    }

}



@media screen and (max-width: 1400px) {

    .d-fl {

        padding-top: 9rem;

        height: 800px;

    }

}



@media screen and (max-width: 1290px) {

    .l-player {

        width: 95%;

    }

}



@media screen and (min-width: 320px) and (max-width: 767px) {

    .business-div .d-f8 {

        padding-left: 0;

    }

    .business-div .header-container .row {

        flex-direction: column-reverse;

    }

    .business-div .d-ff img {

        left: 0;

    }

    .business-div {

        height: auto;

    }

    .right-txxxt {

        padding-left: 0;

        text-align: center;

    }

    section.tabbs.covid-sc h1 {

        font-size: 26px;

        text-align: center;

    }

    section.tabbs.covid-sc h4 {

        text-align: center;

    }

    section.tabbs.covid-sc p {

        text-align: center;

    }

    section.tabbs.covid-sc img {

        margin-top: 2rem;

    }

    .form-group.w-5,
    .form-group.w-100 .form-control {

        width: 100%;

    }

    .s100 {

        text-align: center;

        left: 0;

    }

    .pdd-22 h1 {

        font-size: 26px;

    }

    .business-div h4 {

        text-align: center;

        padding: 0 15px;

        border: 0;

        font-size: 22px;

    }

    .pdd-22 h4 {

        font-size: 22px;

    }

    .covid-sc .know-btn {

        margin-bottom: 2rem;

    }

    .tabb-d {

        width: 300px;

        border: 0;

    }

    .pdd-22 {

        padding: 4rem 0;

    }

    .ct-form {

        padding: 5rem 0;

    }

    .bluee-bg {

        height: 160px;

        background-color: #5d1dd5;

    }

    .spt-sc.ct-form h2 {

        margin-top: 2rem;

    }

    .l-player {

        width: 100%;
        height: auto;
        margin: auto;

    }

    .f-flex {

        display: flex;

        flex-direction: column;

    }

    .w-left {

        width: 100%;

        margin-bottom: 2rem;

    }

    .w-right {

        height: auto;

    }

    .bak-pd h4 {

        padding-left: 0;

        border: 0;

    }

    .n-mb {

        display: none;

    }

    .d-fl {

        padding-top: 0;

        height: auto;

    }

    .bt-slider {

        padding: 4rem 0 1rem;

    }

    .c-modal .modal-body {

        padding-left: 16px;

    }

    .c-modal button.close {

        position: absolute;

        right: 15px;

    }

    .c-modal .s100 {

        left: 0px;

    }

    p.success-msg {

        text-align: center;

        color: #277c2a;

        padding-right: 15px;

    }

    .business-div.career .d-f8 {

        padding-left: 15px;

        padding-right: 15px;

    }

    .career {

        padding-top: 5.5rem !important;

        padding-bottom: 5rem;

    }

    .jobs p,
    .jobs h4 {

        text-align: center;

    }

}