:root {
    --gold: #D3BB8A;
    --darkblue: #0B0E29;
    --darkblue2: #0F1621;
    --purple: #C060CF;
    --appleLight: #F3F5F8;
}

.d-flex {
    display: flex;
}

.w40 {
    width: 40%;
}

.mr10 {
    margin-right: 10%;
}

.text-white {
    color: white;
}

.gold-cursor div {
    background: var(--gold);
}

.fashion-art-page .theVeryMainh1,
.hhg-home .theVeryMainh1 {
    margin-top: -5% !important;
    cursor: default !important;
}

.fashhion-art-page .h1 .projects-section .h3.section-title.forMobile .word {
    display: table !important;
    white-space: nowrap !important;
    width: auto !important;
}


.method-sections .accented-text {
    margin-left: 4.4%;
    margin-top: 0.2%;
    letter-spacing: 0;
}
.goldBG .accented-text{
    color:var(--darkblue2);
}
.gallery-section .accented-text {
    padding-left: 3.09%;
    padding-top: 0.49%;
}

.gallery-section .swiper-pagination-progressbar {
    margin-top: 3%;
}

.js-open-contact-bub {
    opacity: 0;
    transition: opacity 0.7s ease-in;
    transition: background 0.4s ease-in;
    display: none;
    width: 84px;
    height: 88px;
    align-items: center;
    justify-content: center;
}
.js-open-contact-bub svg path{
    fill:var(--darkblue2);
}
#header .container>.social-links a {
    margin-bottom: 9px;
}

.grecaptcha-badge {
    visibility: hidden;
}

.no-touchevents .js-open-contact-bub:hover {
    background: var(--gold);
    cursor: pointer;
}

.metaverse_template .js-open-contact-bub:hover {
    background: var(--purple);
}

.js-open-contact-bub .icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    padding: 1px;
    overflow: hidden;
}

.js-open-contact-bub .icon svg {
    transition: transform .4s cubic-bezier(.78, .13, .25, .9) .15s, opacity .35s ease-in-out .15s;
}

.no-touchevents .js-open-contact-bub:hover .icon svg {
    transition: transform .4s cubic-bezier(.78, .13, .25, .9), opacity .35s ease-in-out;
}

.js-open-contact-bub .icon .flying-icon {
    position: absolute;
    top: 0;
    left: 110%;
    opacity: 0;
}

.no-touchevents .js-open-contact-bub:hover svg {
    transform: translateX(-110%);
}

.no-touchevents .js-open-contact-bub:hover .flying-icon {
    opacity: 1;
}

@media screen and (max-width:1464px) {
    .js-open-contact-bub {
        width: 67px;
        height: 70px;
    }

    .js-open-contact-bub svg {
        width: 20px;
    }
}

@media screen and (min-width:1001px) {
    .js-open-contact-bub {
        opacity: 0;
        display: flex;
        z-index: 999;
        top: 0px;
        right: 0;
        position: fixed;
        background: var(--gold);
    }

    .short-header-view .js-open-contact-bub {
        opacity: 1;
        top: 0;
    }

    .js-open-contact-bub .icon .flying-icon {
        position: absolute;
        top: 0;
        left: 110%;
        opacity: 0;
    }
}


.solutions-grid a.solution-col:hover .h1 * {
    color: var(--gold) !important;
}

.gallery-link:hover .h3,
.gallery-link:hover .h4,
.project-link:hover .h3,
.project-link:hover .h4 {
    color: var(--gold) !important;
}

.clients-section hr.separator {
    margin-bottom: 7.9%;
}

.clients-section .swiper-pagination-progressbar {
    margin-top: 7.9%;
}

.separator.separatorWithEdgeSpace {
    margin-left: 40px;
    margin-right: 40px;
}

@media(max-width:768px) {

    .metaverse_template .max-w.max-w-2 {
        color: #ACB3BD;
    }

    .main-screen.art-screen .bg .video {
        width: 200%;
    }

    .advantage-item p {
        margin-bottom: 0;
    }

    .separator.separatorWithEdgeSpace {
        margin-left: 20px;
        margin-right: 20px;
    }

    .clients-section hr.separator {
        margin-bottom: 11.9%;
    }

    .clients-section .swiper-pagination-progressbar {
        margin-top: 11.9%;
    }
}


.news-grid.press-section-grid {
    padding-top: 0px !important;
}

@media screen and (min-width: 841px) {
    .news-grid.press-section-grid .item {
        width: 31% !important;
        margin: 0 1% 8% 1% !important;
    }

    .news-grid.press-section-grid .item:nth-child(1),
    .news-grid.press-section-grid .item:nth-child(2),
    .news-grid.press-section-grid .item:nth-child(3) {
        margin: 2% 1% 8% 1% !important;
    }
}

@media screen and (max-width: 840px) and (min-width: 481px) {

    .news-grid.press-section-grid .item,
    .news-grid.press-section-grid .item:nth-child(3) {
        margin: 0 1% 8% 1% !important;
    }

    .news-grid.press-section-grid .item:nth-child(1),
    .news-grid.press-section-grid .item:nth-child(2) {
        margin: 2% 1% 8% 1% !important;
    }
}

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

.hideOnMobile .spaceX11 {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.paddingleft-text {
    padding-left: 25%;
    display: block;
}

.paddingleft-smaller-text {
    padding-left: 13%;
    display: block;
}

.paddingleft-0-text {
    padding-left: 0;
    display: block;
}

.hideOnMobile {
    display: block;
}

.hideOnDesktop {
    display: none;
}

#nav li {
    margin-left: 1.8%;
    margin-right: 1.8%;
}

.home-screen .text,
.art-screen .text,
.fashion-screen .text {
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.apple_template .appleCta{
    text-align:left;
    width:320px;
    max-width:95%;
    margin:0 auto!important;
}
.apple_template .appleCta.Wider{
    width:510px;
}
.apple_template .appleCta a{
    padding: 25px 25px 30px 15px;
}
.metaverse_template .fashion-screen .text,
.apple_template .fashion-screen .text {
    width: 1920px !important;
    max-width: 100% !important;
    border-top: #ACB3BD 1px solid;
    border-bottom: #ACB3BD 1px solid;
}
.apple_template .fashion-screen .text {
    margin-top:41%;
}
.home-screen .text .max-w,
.art-screen .text .max-w,
.fashion-screen .text .max-w {
    width: 46% !important;
    max-width: 46% !important;
    margin-right: 4% !important;
}

.metaverse_template .text .max-w,
.apple_template .text .max-w {
    width: 44% !important;
    max-width: 44% !important;
    padding-top: 30px;
    padding-bottom: 50px;
}

.metaverse_template .app-info-section .text .max-w,
.apple_template .app-info-section .text .max-w {
    padding-bottom: 0px;
}


.metaverse_template .text .max-w-2,
.apple_template .text .max-w-2 {
    padding-top: 45px;
}
.apple_template .text .max-w-2 {
    padding-bottom: 35px!important;
}

.home-screen .text .max-w.cta,
.art-screen .text .max-w.cta,
.fashion-screen .text .max-w.cta {
    margin-right: 0 !important;
}

#hover-cursor.light-cursor div {
    color: var(--darkblue2) !important;
    background: #fff !important;
}

#hover-cursor.dark-cursor div {
    color: #fff !important;
    background: var(--darkblue2) !important;
}

.team-item-description {
    /*background: rgba(15, 22, 33, 0.8);*/
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    padding: 22px;
    opacity: 0;
    z-index: 9;
    transition: all 0.3s ease;
    transition-delay: none;
    display: flex;
    flex-direction: column;
    flex-wrap: no-wrap;
    justify-content: space-between;
}

@media screen and (max-width:950px) {
    .team-item-description {
        padding: 11px;
    }
}

.team-item-description svg path {
    transition: all 0.3s ease-in;
}

.team-item-description svg:hover path {
    fill: var(--gold);
}


@media screen and (min-width:1600px) {
    .team-item-description {
        font-size: 17px;
        line-height: 25px;
    }
}

@media screen and (min-width:2100px) {
    .team-item-description {
        font-size: 19px;
        line-height: 29px;
    }
}

@media screen and (max-width:1200px) {
    .team-item-description {
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (max-width:1100px) {
    .team-item-description {
        font-size: 11px;
        line-height: 17px;
    }
}

@media screen and (max-width:950px) {
    .team-item-description {
        font-size: 9px;
        line-height: 15px;
    }
}

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

    .no-touchevents .team-section.js-view-checker .team-item .descriptionImageContainer::after {
        opacity: 0 !important;
    }

    .team-item-description {
        opacity: 0 !important;
    }
}

.no-touchevents .team-item:hover .team-item-description {
    opacity: 1;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.1s;
}

#hover-cursor.team-size {
    border-radius: 0;
    width: 640px !important;
    min-height: 320px !important;
    /*
  width: auto !important;
  height: auto !important;
  */
    max-width: 640px;
    margin: -55px 0 0 5px !important;
}

#hover-cursor.team-size div {
    font-family: 'Montserrat';
    border-radius: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    display: inline;
    max-width: 400px;
    background: none !important;
}

#hover-cursor.team-size div span {
    background: white !important;
    color: black !important;
    display: inline-block !important;
    padding: 22px 20px;
}

/*Team section*/
.team-section.js-view-checker .team-item {
    transform: translateY(40px);
    opacity: 0;
    transition: transform .5s ease .5s, opacity .5s ease .5s, border-color .2s ease;
}

.team-section.js-view-checker .team-item .descriptionImageContainer {
    position: relative;
    overflow: hidden;
    height: 330px;
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.team-section.js-view-checker .team-item .descriptionImageContainer .Linkedin.showOnTouchOnly {
    padding-right: 9px;
    padding-bottom: 3px;
    z-index: 1;
}

@media screen and (min-width:551px) {
    .no-touchevents .team-section.js-view-checker .team-item .descriptionImageContainer .Linkedin.showOnTouchOnly {
        z-index: -1;
    }
}


@media screen and (min-width: 2068px) {
    .team-section.js-view-checker .team-item .descriptionImageContainer {
        height: 450px;
    }
}

@media screen and (max-width: 1100px) {
    .team-section.js-view-checker .team-item .descriptionImageContainer {
        height: 250px;
    }
}

@media screen and (max-width: 700px) {
    .team-section.js-view-checker .team-item .descriptionImageContainer {
        height: 40vw;
    }
}

.team-section.js-view-checker .team-item .descriptionImageContainer .textDescr,
.team-section.js-view-checker .team-item .descriptionImageContainer .Linkedin {
    z-index: 3;
    transition: none !important;
    transition: none !important;
}

.no-touchevents .team-section.js-view-checker .team-item .descriptionImageContainer::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70vmax;
    height: 70vmax;
    border-radius: 50%;
    background-image: linear-gradient(90deg, rgba(15, 22, 33, 0.8), rgba(15, 22, 33, 0.8));
    transform-origin: center;
    transform: translate(-50%, -10%) scale(0);
    transition: all 0.9s ease-out !important;
    transition-delay: .8s;
    z-index: -1;
}

.team-section.js-view-checker .team-item:hover .descriptionImageContainer::after {
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.9s ease-out !important;
    z-index: 1;
}

.team-section.js-view-checker .team-item:nth-child(2) {
    transition: transform .7s ease .7s, opacity .7s ease .7s, border-color .3s ease;
}

.team-section.js-view-checker .team-item:nth-child(3) {
    transition: transform .9s ease .9s, opacity .9s ease .9s, border-color .5s ease;
}

.team-section.js-view-checker .team-item:nth-child(4) {
    transition: transform 1.1s ease 1.1s, opacity 1.1s ease 1.1s, border-color .7s ease;
}

.team-section.js-view-checker .team-item:nth-child(5) {
    transition: transform 1.3s ease 1.3s, opacity 1.3s ease 1.3s, border-color .9s ease;
}

.team-section.js-view-checker .team-item:nth-child(6) {
    transition: transform 1.5s ease 1.5s, opacity 1.5s ease 1.5s, border-color 1.1s ease;
}

.team-section.js-view-checker .team-item:nth-child(7) {
    transition: transform 1.6s ease 1.6s, opacity 1.6s ease 1.6s, border-color 1.2s ease;
}

.team-section.js-view-checker .team-item:nth-child(8) {
    transition: transform 1.7s ease 1.7s, opacity 1.7s ease 1.7s, border-color 1.3s ease;
}

.team-section.js-view-checker .team-item:nth-child(9) {
    transition: transform 1.8s ease 1.8s, opacity 1.8s ease 1.8s, border-color 1.4s ease;
}

.team-section.js-view-checker .team-item:nth-child(10) {
    transition: transform 1.9s ease 1.9s, opacity 1.9s ease 1.9s, border-color 1.5s ease;
}

.team-section.visible .team-item {
    transform: none;
    opacity: 1;
}

.team-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.team-list .team-item {
    width: 32.333333%;
    margin: 1% 0 4% 0;
}


.team-list .team-item .h4 {
    margin: 0 0 8px 0;
}

.team-list .team-item img {
    margin: 0 0 10px 0;
}

.press-logo-container {
    background: #F3F5F8;
    width: 100%;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    margin-top: 0 !important;
}

.press-logo-container img {
    max-height: 45px;
    width: auto;
    margin: 0;
}

/*Projects section*/
.projects-section {
    margin-bottom: 12vw;
}

.projects-slider .h1 {
    display: block;
    z-index: 2;
    margin: 0 0 0;
    font-size: 250%;
    line-height: 0.9em;
}

.projects-section .word:nth-child(2) {
    padding-left: 0;
}

@media screen and (min-width: 1465px) {
    #hover-cursor.team-size {
        width: 390px;
        height: 570px;
        margin: -65px 0 0 -65px;
    }
}

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

    .home-screen .text,
    .art-screen .text,
    .fashion-screen .text {
        width: 1090px;
    }

    .method-sections .accented-text {
        margin-left: 5.2% !important;
        letter-spacing: 0 !important;
        font-size: 230px;
    }
}

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

    .home-screen .text,
    .art-screen .text,
    .fashion-screen .text {
        width: 1090px;
    }
}


@media screen and (min-width: 1021px) {
    .fashion-screen .bg .video {
        top: 57%;
    }

    .retail_template .fashion-screen .bg .video,
    .metaverse_template .fashion-screen .bg .video {
        top: 25%;
        object-fit: fill;
        max-height: 80%;
        width: 100%;
        left: 50%;
    }

    .metaverse_template .fashion-screen .bg .video {
        top: 29%;
    }
}

@media screen and (max-width: 1180px) {
    #nav li {
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
}

@media screen and (max-width: 1000px) {
    .hideOnMobile{
        display: none!important;
    }
    .hideOnDesktop {
        display: block;
    }
    br.hideOnMobile{
        display: block!important;
    }
    .metaverse_template .fashion-screen .text{
        border-bottom: 0;
        border-top: 0;
        margin-top: 0px;
    }

    .metaverse_template .fashion-screen .text .max-w,
    .apple_template .fashion-screen .text .max-w {
        padding-bottom: 0;
    }
    .apple_template .fashion-screen .text {
        margin-bottom: 50px;
    }

    .d-flex {
        display: block;
    }

    .metaverse_template .text .w40,
    .apple_template .text .w40,
    .apple_template .text .max-w-2 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .metaverse_template .text .mr10,
    .apple_template .text .mr10 {
        margin-right: 0 !important;
    }

    /*Main screen*/
    .home-screen .text,
    .fashion-screen .text,
    .art-screen .text {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .main-screen .text .max-w,
    .home-screen .text .max-w,
    .fashion-screen .text .max-w,
    .art-screen .text .max-w,
    .fashion_screen .text .max-w {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }

    .metaverse_template .text .max-w {
        padding-top: 33px;
    }

    .max-w.cta a {
        margin: 16px 0 !important;
        max-width: 100%;
    }


    /*Main screen*/
    .home-screen .text,
    .fashion-screen .text,
    .art-screen .text {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .home-screen .text .max-w,
    .fashion-screen .text .max-w,
    .art-screen .text .max-w {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .max-w.cta a {
        margin: 16px 0 !important;
        max-width: 100%;
    }

}

@media screen and (max-width: 1100px) {
    br.hideOnMobile{
        display: none!important;
    }
}
.projects-slider.for-clients .swiper-slide .img {
    max-width: 75% !important;
    height: auto !important;
    margin: 0 !important;
}

.projects-slider.for-clients .swiper-slide {
    /*max-width: calc(25% - 15px);*/
    max-width:438px;
}

.projects-slider-art .h3.section-title.forMobile .word,
.projects-slider-fashion .h3.section-title.forMobile .word {
    display: table;
}

.projects-slider.for-clients .swiper-wrapper {
    align-items: center;
}

.projects-slider.for-clients .swiper-pagination-progressbar {
    background: #ACB3BD
}

.projects-slider.for-clients .swiper-pagination-progressbar-fill {
    background: var(--darkblue2)
}

.light-bg-page .advantages-section.method-sections .swiper-pagination-progressbar {
    background: var(--darkblue2)
}

.light-bg-page .advantages-section.method-sections .swiper-pagination-progressbar-fill {
    background: var(--gold)
}

#grab-cursor,
#grab-cursor.small-size {
    width: 88px !important;
    height: 88px !important;
    margin: -44px 0 0 -44px !important;
}

.lets-connect-section .section-title .accented-text,
.advantages-section .section-title .accented-text {
    clear: both !important;
    display: block !important;
}

/*Advantages section*/
.advantages-section {
    margin-bottom: 10px;
}

.advantages-section.method-sections {
    margin-bottom: 60px;
}

.advantages-section.method-sections .title-chars-animate .accented-text .char {
    margin-left: 3px;
}

.solutions-section {
    padding: 4% 0 4% 0 !important;
    margin-bottom: 14vw !important;
}

.clients-section {
    padding: 0% 0 0% 0 !important;
    margin-bottom: 15vw !important;
}


.team-section {
    padding: 0 0 2% 0 !important;
    margin-bottom: 8vw !important;
}

.art-screen .text {
    color: #000;
}

.advantages-list {
    width: 100%;
}

.advantages-list .swiper-slide {
    width: 32.20987654320988%;
    margin-left: 1%;
}

.advantage-item .icon {
    left: 0%;
    opacity: 1;
}

.no-touchevents .advantage-item:hover .icon path:not(.DONotChangeFill) {
    fill: var(--gold) !important;
}
.no-touchevents .advantage-item:hover .icon .ChangeStroke,
.no-touchevents .advantage-item:hover .icon .changeStroke{
    stroke: var(--gold) !important;
    /*stroke:red;*/
}


@media screen and (min-width: 781px) and (max-width: 1023px) {
    .process-slider {
        padding-top: 0;
        margin-top: -40px;
    }
}

@media screen and (min-width: 1024px) {
    .process-slider {
        padding-top: 0;
        margin-top: -40px;
    }
}

.projects-section.gallery-section .h1 {
    display: block !important;
    max-width: 100% !important;
}

.no-touchevents a.js-hover-cursor,
a.js-hover-cursor {
    text-decoration: none !important;
}

.no-touchevents a.js-hover-cursor:hover {
    text-decoration: none;
    color: var(--darkblue2) !important;
}

.dark-bg-page a.js-hover-cursor,
.dark-bg-page a.js-hover-cursor:hover {
    text-decoration: none;
    color: white !important;
}

.RECENT-PROJECTS a.js-hover-cursor {
    color: var(--darkblue2) !important;
}

.RECENT-PROJECTS a.js-hover-cursor:hover {
    color: var(--gold) !important;
}

.img-text-grid .img-box {
    width: 47%;
    padding-top: 0%;
    margin-left: 0.0938189845475%;
}

@media screen and (min-width: 1024px) {
    .img-text-grid .h3 {
        line-height: 85%;
    }
}

.img-text-grid {
    padding: 5% 0 5%;
}

/*Page cursor*/

#hover-cursor.large-size {
    width: 180px !important;
    height: 180px !important;
    margin: -95px 0 0 -95px;
}

.flexNewsSection {
    display: flex;
    flex-direction: column;
}
.flexNewsSection .news-section {
    order: 2;
}

.flexNewsSection .news-section.press-section {
    order: 1 !important;
}
@media screen and (max-width: 840px) {
    .advantages-section.method-sections .h1.section-title {
        margin-bottom: 8vw;
    }

    .clients-section {
        margin-bottom: 35vw !important;
    }



    .method-sections,
    .advantages-section.method-sections {
        margin-bottom: 130px;
    }

    .projects-slider .swiper-slide,
    .projects-slider.for-clients .swiper-slide {
        max-width: calc(76.5% - 10px) !important;
    }

    .projects-slider.for-clients .swiper-slide {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .main-screen .mobile-viewport {
        padding-bottom: 60px !important;
    }

    .hideOnDesktop.ticker-box .h1 {
        padding-left: 0;
        padding-right: 0;
        white-space: normal;
    }

    .team-list .team-item {
        width: 47%;
        margin: 1% 0 5% 0;
    }

    .team-list .team-item:first-child {
        width: 100%;
    }
}

@media screen and (min-width: 681px) {
    .projects-section .h3 {
        display: none !important;
    }
}

@media screen and (max-width: 680px) {
    .projects-section {
        margin-bottom: 20vw;
    }

    .projects-slider.for-clients .swiper-slide:first-child {
        display: block;
    }

    .solution-col .artVideo .video {
        height: 270% !important;
        top: 45% !important;
    }

    .solution-col .fashionVideo .video {
        top: 55% !important;
    }


    .solution-col,
    .touchevents .solution-col,
    .solution-col:last-child,
    .touchevents .solution-col:last-child {
        height: 105vw !important;
        display: flex;
        flex-direction: row !important;
        justify-content: space-around !important;
        align-items: center !important;
    }

    .solutions-grid .solution-col .textDiv {
        height: 105vw !important;
    }

    .solutions-grid .solution-col .videoDiv {
        height: 105vw !important;
    }

    .solution-col .solution-video,
    .touchevents .solution-col .solution-video {
        width: 100% !important;
        border-radius: 11px !important;
        height: 80% !important;
    }

    .solution-col .video-box,
    .touchevents .solution-col .video-box {
        border-radius: 11px !important;
    }
}


@media screen and (max-width: 640px) {
    .img-text-grid .img-box {
        width: 100% !important;
    }
}

@media screen and (max-width: 520px) {
    .main-screen.art-screen:after {
        background: linear-gradient(180deg,
                rgba(189, 189, 189, 0) 0%,
                rgba(189, 189, 189, .5) 50%,
                rgba(255, 255, 255, .9) 85%,
                rgba(255, 255, 255, .95) 95%,
                rgba(255, 255, 255, 1) 100%);
        ;
    }

    .app-info-section .container p.h1.hideOnDesktop {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    .app-info-section .section-title .word:nth-child(3) {
        margin-left: 0;
    }

    .metaverse_template .app-info-section .container p.h1.hideOnDesktop>:first-child,
    .metaverse_template .app-info-section .container p.h1.hideOnDesktop>:nth-child(2) {
        display: block;
    }

    .advantage-item svg path:not(.DONotChangeFill) {
        fill: var(--gold) !important;
    }
    
    .advantage-item svg .ChangeStroke {
        stroke: var(--gold) !important;
    }

    .advantage-item .h3 {
        color: var(--gold) !important;
    }

    .swiper-slide-breaker {
        display: none !important;
    }
}

.technology-page .img-text-grid .img-box:after {
    display: none !important;
}

.technology-section {
    margin-bottom: 4%;
}


@media(min-width:2100px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 190px;
        line-height: 129px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 150px;
        line-height: 90px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 120px;
        line-height: 80px;
    }
}

@media screen and (min-width:1300px) and (max-width:2099px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 130px;
        line-height: 89px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 100px;
        line-height: 69px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 80px;
        line-height: 59px;
    }
}

@media screen and (min-width:1100px) and (max-width:1299px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 100px;
        line-height: 65px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 80px;
        line-height: 55px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 60px;
        line-height: 45px;
    }
}

@media screen and (min-width:769px) and (max-width:1099px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 90px;
        line-height: 65px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 70px;
        line-height: 45px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 50px;
        line-height: 39px;
    }
}

@media screen and (min-width:469px) and (max-width:768px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 60px;
        line-height: 45px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 50px;
        line-height: 35px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 40px;
        line-height: 29px;
    }
}


@media screen and (min-width:369px) and (max-width:468px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 45px;
        line-height: 30px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 40px;
        line-height: 30px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 30px;
        line-height: 22px;
    }
}

@media screen and (min-width:69px) and (max-width:368px) {

    .singleItem h1,
    .singleItem .h1 {
        font-size: 40px;
        line-height: 30px;
    }

    .singleItem h2,
    .singleItem .h2 {
        font-size: 30px;
        line-height: 24px;
    }

    .singleItem h3,
    .singleItem .h3 {
        font-size: 25px;
        line-height: 20px;
    }
}


.section-title .slides-count,
.specialAnimationHr {
    opacity: 0;
}

.visible .section-title .slides-count {
    opacity: 1;
    transition: opacity 0.5s ease-out;
    transition-delay: 1s;
}

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

    .ios .NEXT-ARTICLES,
    .ios .RECENT-PROJECTS {
        margin-bottom: 100px;
    }
}

#menu-main-menu .menu-item-has-children {
    overflow: visible;
}

#menu-main-menu .menu-item-has-children .js-no-link {
    overflow: hidden;
}

@media(max-width:1000px) {
    #nav .sub-menu {
        margin-left: 32px !important;
        display: none !important;
        margin-top: 12px;
        overflow: hidden;
    }

    #nav .sub-menu.block {
        display: block !important;
    }

    .sub-menu li {
        margin: 0 !important;
        padding: 0 !important;
        list-style-type: disc !important;
    }

    li.menu-item-has-children>a {
        background: url('../uploads2/down-arrow.svg');
        background-repeat: no-repeat;
        background-size: 24px 10px;
        padding-right: 0px;
        background-position-y: 60%;
        background-position-x: 100%;
        display: block !important;
        width: 100% !important;
    }

    li.menu-item-has-children.dropdown-menu-selected>a {
        background: url('../uploads2/down-arrow-rotated.svg');
        background-repeat: no-repeat;
        background-size: 24px 10px;
        padding-right: 28px;
        background-position-y: 60%;
        background-position-x: 100%;
    }
}

@media(min-width:1001px) {

    #menu-main-menu .menu-item-has-children .sub-menu {
        display: none;
        justify-content: flex-start;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
        position: absolute;
        left: 0;
        top: 30px;
        z-index: 999;
        padding-top: 12px;
        margin-top: -12px;
    }

    #menu-main-menu .menu-item-has-children .sub-menu.right-align-to-prevent-overflow {
        left: initial;
        right: 0;
    }

    #menu-main-menu .menu-item-has-children .sub-menu.block {
        display: flex;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

    #menu-main-menu .menu-item-has-children .sub-menu li {
        display: inline-flex;
        margin: 0;
        padding: 4px 2px;
    }

    #menu-main-menu .menu-item-has-children .sub-menu li:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    #menu-main-menu .menu-item-has-children .sub-menu li:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    #menu-main-menu .menu-item-has-children .sub-menu a {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        border: #434850 1px solid;
        background: var(--darkblue2) url('../uploads2/toprightnavarrow.svg') !important;
        background-size: 24px 10px;
        background-position: 98% 5% !important;
        background-repeat: no-repeat !important;
        color: #fff;
        /*background: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 3.8589L2.02334 12.3862L0.656284 11.1222L9.53063 2.45138L2.41159 2.45139L2.41159 0.702054L12.3493 0.702111L12.3493 10.5524L10.6 10.5524L10.6 3.8589Z" fill="#f00"/></svg>');*/
        padding: 15px;
        width: 290px;
        height: auto;
        border-radius: 5px;
        margin: 12px 2px 0 0;
        transition: all .3s ease-in;
    }

    #menu-main-menu .menu-item-has-children .sub-menu a .titleItemSmall {
        margin-top: 60px;
        text-transform: none;
        font-size: 17px;
        font-weight: normal;
        color: #ACB3BD;
    }

    #menu-main-menu .menu-item-has-children .sub-menu a:hover {
        border: #ACB3BD 1px solid !important;
        background: #ACB3BD url('../uploads2/toprightnavarrow.svg') !important;
        background-size: 24px 10px;
        background-position: 98% 5% !important;
        background-repeat: no-repeat !important;
        color: var(--darkblue2) !important;
    }

    #menu-main-menu .menu-item-has-children .sub-menu a:hover .titleItemSmall,
    #menu-main-menu .menu-item-has-children .sub-menu a:hover .char {
        color: var(--darkblue2) !important;
    }

}

@media screen and (min-width:1001px) and (max-width:1201px) {

    #menu-main-menu .menu-item-has-children .sub-menu a {
        width: 190px;
    }
}

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

    #menu-main-menu .menu-item-has-children a,
    .sticky-header:not(.short-header-view) #menu-main-menu .menu-item-has-children a {
        background: url('../uploads2/down-arrow-blue.svg');
        background-repeat: no-repeat;
        background-size: 24px 10px;
        padding-right: 28px;
        background-position-y: 90%;
        background-position-x: 100%;
    }

    /*#header.forceWhiteLinks #nav>#menu-main-menu>.menu-item-has-children>a {
        background: url('../uploads2/down-arrow-rotated.svg') !important;
        background-repeat: no-repeat !important;
        background-size: 24px 10px !important;
        padding-right: 28px !important;
        background-position-y: 90% !important;
        background-position-x: 100% !important;
    }*/

    #menu-main-menu .menu-item-has-children:hover a,
    .sticky-header:not(.short-header-view) #menu-main-menu .menu-item-has-children:hover a {
        background: url('../uploads2/down-arrow-blue-rotated.svg');
        background-size: 24px 10px;
        background-repeat: no-repeat;
        padding-right: 28px;
        background-position-y: 90%;
        background-position-x: 100%;
    }

    .has-main-screen #nav .menu-item-has-children a,
    .forceWhiteLinks #nav .menu-item-has-children a {
        background: url('../uploads2/down-arrow.svg');
        background-repeat: no-repeat;
        background-size: 24px 10px;
        padding-right: 28px;
        background-position-y: 90%;
        background-position-x: 100%;
    }

    .has-main-screen #nav .menu-item-has-children:hover a,
    .forceWhiteLinks #nav .menu-item-has-children:hover a {
        background: url('../uploads2/down-arrow-rotated.svg');
        background-repeat: no-repeat;
        background-size: 24px 10px;
        padding-right: 28px;
        background-position-y: 90%;
        background-position-x: 100%;
    }
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/*
mia
.retail_template .main-screen .bg .video {
    object-fit: cover;
    object-position: center 10%;
    top: 26vw;
    height: 60vw;
    min-height: 80vh;
    padding-top: 4%;
}


@media screen and (max-width:780px) {
    .retail_template .main-screen .video {
        top: 0;
    }
}


@media screen and (min-width: 1350px) {
    .retail_template .main-screen .video {
        min-height: 100vh;
        top: 45vw;
    }
}
*/



.metaverse_template .lets-connect-box::before {
    display: block;
}
.apple_template .lets-connect-box::before {
    display: none;
}
.metaverse_template .form-box .btn:before {
    background: var(--purple) !important;
}
.apple_template .form-box .btn:before {
    background: var(--gold) !important;
}



.metaverse_template .lets-connect-box input:active,
.metaverse_template .lets-connect-box textarea:active,
.metaverse_template .lets-connect-box input:focus,
.metaverse_template .lets-connect-box textarea:focus {
    border-bottom: var(--purple) 1px solid !important;
    color: var(--purple) !important;
}

.apple_template .lets-connect-box input:active,
.apple_template .lets-connect-box textarea:active,
.apple_template .lets-connect-box input:focus,
.apple_template .lets-connect-box textarea:focus {
    border-bottom: var(--appleLight) 1px solid !important;
    color: var(--appleLight) !important;
}

.metaverse_template .lets-connect-grid,
.metaverse_template .lets-connect-grid *,
.apple_template .lets-connect-grid,
.apple_template .lets-connect-grid * {
    color: white;
}

.metaverse_template .lets-connect-grid .field-error {
    color: red;
}

.metaverse_template .lets-connect-box .btn:before {
    background: var(--purple) !important;s
}



.bookDemo.js-open-popup.menu-item{
    color: black!important;
    background: var(--gold) url(../uploads/demo-icon.png)!important;
    background-position: right center!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
}

.js-open-bookdemo{
    width:auto;
    display:flex;
    position:relative;
    background-color:var(--gold);
    color:#000;
    transition:color 0.3s ease-in-out;
    transition:background 0.3s ease-in-out;
    top:0;
    height:88px;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    margin-right: 1px;
    cursor:pointer;
}
@media screen and (max-width:1000px) {
    .js-open-bookdemo .demo-icon-png{
        display: block;
    }   
}
@media screen and (min-width:1001px) {
    .js-open-bookdemo .demo-icon-png{
        display: none;
    }   
}
.page-load .js-open-bookdemo.bookdemo-header-collapsed{
    position:fixed;
    right:85px;
    z-index:2;
    opacity:0;
}

.page-load.short-header-view .js-open-bookdemo.bookdemo-header-collapsed{
    opacity:1;
}

.js-open-bookdemo svg, .js-open-bookdemo img{
    height:20px;
    width:20px;
    object-fit:contain;
    margin:0 0 0 10px;
}

.js-open-bookdemo:hover{
    background-color:var(--darkblue2);
    color:#fff;
}

@media screen and (max-width: 1464px) {
    .js-open-bookdemo{
        height:70px;
    }
    .page-load .js-open-bookdemo.bookdemo-header-collapsed{
        right:67px;
    }
}

.js-open-bookdemo{
    transform: translateY(-30px);
    opacity:0;
}

.page-load .js-open-bookdemo:not(.bookdemo-header-collapsed){
    opacity:1;
    transition:opacity .6s ease .45s, transform .75s ease .45s, background .2s ease;
}

.page-load .js-open-bookdemo{
    transform: none;
}

@media screen and (max-width: 1000px) {
    .js-open-bookdemo:not(.fullButton){
        padding:0;
        margin-left:10px !important;
        margin-right:10px !important;
        height:51px !important;
        border:1px solid var(--darkblue);
        width:49px !important;
        /*background-color:transparent;*/
    }
    .page-load .js-open-bookdemo{
        transition:none;
    }
    .js-open-bookdemo svg, .js-open-bookdemo img{
        margin:0;
        height:15px;
        width:15px;
        /*color:#fff*/
    }
    .js-open-bookdemo .text{
        display:none;
    }
}
@media screen and (max-width: 380px) {
    .js-open-bookdemo{
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
}



.technology-page h1.section-title{
    max-width:99%;
}
.technology-page h1.section-title .word{
    display: block;
}