/* Minification failed. Returning unminified contents.
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,32): run-time error CSS1039: Token not allowed after unary operator: '-thumbBG'
(12,47): run-time error CSS1039: Token not allowed after unary operator: '-scrollbarBG'
(35,32): run-time error CSS1039: Token not allowed after unary operator: '-thumbBG'
(35,47): run-time error CSS1039: Token not allowed after unary operator: '-scrollbarBG'
(41,26): run-time error CSS1039: Token not allowed after unary operator: '-scrollbarBG'
(45,32): run-time error CSS1039: Token not allowed after unary operator: '-thumbBG'
(47,32): run-time error CSS1039: Token not allowed after unary operator: '-scrollbarBG'
(3952,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(3953,39): run-time error CSS1039: Token not allowed after unary operator: '-mask-direction'
(3960,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(3961,30): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(3966,36): run-time error CSS1039: Token not allowed after unary operator: '-scroll-start'
(3970,36): run-time error CSS1039: Token not allowed after unary operator: '-scroll-end'
(6562,12): run-time error CSS1038: Expected hex color, found '#0007'
 */


html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    --scrollbarBG: #222;
    --thumbBG: #c2272d;
    scrollbar-face-color: var(--thumbBG) var(--scrollbarBG);
    scrollbar-base-color: red;
    scrollbar-track-color: yellow;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
}

body::-webkit-scrollbar {
    width: 10px;
}

body.privacy {
    margin-top: 0 !important
}

body {
    scrollbar-face-color: var(--thumbBG) var(--scrollbarBG);
    scrollbar-base-color: red;
    scrollbar-track-color: yellow;
}

    body::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }

    body::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG);
        border-radius: 6px;
        border: 3px solid var(--scrollbarBG);
    }

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #c5252d #222222;
}

.sub-menu {
    scrollbar-width: thin !important;
    scrollbar-color: #FFFFFF #c5252d !important;
}

p a {
    color: inherit;
}

div#map:after {
    content: "";
    display: block;
    padding-bottom: 65%;
}

h3.prih3 {
    margin-top: 2rem !important;
}

.private a {
    color:inherit;
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abs-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.whitepaper-image {
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:3rem 0;
}

section.image-text-panel .image-panel img.wp-image {
    object-fit: contain;
    height: 32vw;
}

.brochure-logo-page {
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

a .the-business-show-logo {
    display: block;
    margin: 0 auto;
}

.col.ai-logo img {
    width: 50%;
    height: auto;
}

.whitepaper-title {
    text-align: center;
    margin: 10px 0 0 0;
}

.whitepaper-text {
    text-shadow: 3px 3px 5px #000;
    text-align: center;
    margin: 10px 0 0 0;
    color:#FFF;
    padding:0.5rem 0;
}

.whitepaper-overlay {
    z-index: 2;
    display: flex;
    flex-direction: column;
    margin: auto 0;
    min-height: 0;
}

.whitepaper-bkgd {
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover;
    margin:auto;
    top:0; right:0; bottom:0; left:0;
}

.abs-cover {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.text-image-block {
    display: flex;
    justify-content: space-between;
    margin:20px 0;
}

.text-content {
    width: 35%;
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 6em;
    padding-right: 0;
    text-wrap:pretty;
}

.text-content-right {
    width: 35%;
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 0;
    padding-right: 6em;
    text-wrap: pretty;
}

.angled-img-right {
    width: 60%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    position: relative;
    font-size: 0;
}

.third-row .angled-img-right {
    width: 58.5%;
}

.angled-img-left {
    width: 55.5%;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
    position: relative;
    font-size: 0;
}

.copilot-list {
    margin: 25px 0;
    padding: 0;
    list-style-type: none;
}

.copilot-logo {
    height: auto;
    width: 75%;
    margin: auto;
    display: block;
}

.copilot-item {
    /* border: 1px solid #FFF; */
    /* border-radius: 100px; */
    /* padding: 15px; */
    margin: 20px 0;
}

    li.copilot-item:first-child {
        margin-top: 0;
    }

    li.copilot-item:last-child {
        margin-bottom: 0;
    }

.copilot-item-title {
    display: block;
    text-align: center;
    /* background: aqua; */
    padding: 5px;
    border-radius: 10px 10px 0 0;
    color: #222;
    background: rgb(151,191,216);
    background: linear-gradient(90deg, rgba(151,191,216,1) 0%, rgba(196,158,205,1) 100%);
}

.copilot-text {
    display: block;
    text-align: center;
    text-wrap: balance;
    border-right: 2px solid #97bfd8;
    border-left: 2px solid #97bfd8;
    border-radius: 0 0 10px 10px;
    border-bottom: 2px solid #97bfd8;
    padding: 10px;
}

.top-pos {
    object-position:top;
}

.client-logo.myicon {
    height: auto;
    width: 30%;
}

img#muteiconimg {
    width: 100%;
}

.uc {
    text-transform:uppercase;
}

.sub-list {
    margin-left: 55px !important;
}

.page-link {
    color:inherit;
}

.tick-title {
    display: block;
    margin:0 0 5px 0;
}

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

.videorow {
    margin-top: 25px;
}

.block .content.live-chat-content {
    padding-top: 10%;
    padding-bottom: 10%;
}

.img-abs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.inst {
    position: absolute;
    z-index: 8;
    display: flex;
    align-items: center;
    top: 80vh;
    left: 50%;
    transform: translate(-50%, 0);
    /* right: 0; */
    background: rgba(0,0,0,0.8);
    padding: 0;
    border-radius: 0 0 5px 5px;
    margin: auto;
}

ul.dynamics-features {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    flex-wrap:wrap;
}

.marketing-item, .sales-item, .service-item, .project-item {
    width: 30%;
}

.marketing-icon, .sales-icon, .service-icon, .project-icon {
    padding: 0;
    width: 60px;
    margin: 0 auto 5% auto;
}

ul.dynamics-features.customer-service {
    margin-top: 25px;
}

p:last-child {
    margin-bottom: 0 !important;
}

div#chat-help {
    background: none;
    box-shadow: none;
}

.white-bkgd {
    background:#FFF;
}

    div#chat-help .close-modal {
        display: none;
    }

    .inst button {
        margin: 0 3px;
    }

    .inst a, .inst button {
        color: #FFF !important;
        font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
        border: 3px solid #c4252e;
        cursor:pointer;
    }

.btn:hover {
    background: #FFF;
    color: #222;
}


button.not-button {
    background: #000;
    color: #fff !important;
    outline: none;
}

.br-mob {
    display:none;
}

.dblue {
    background:#051435;
}

img.tbsuklogo {
    width: 50%;
    height:auto;
    object-fit:contain;
}

p.show-date {
    width: 50%;
    font-size: 2.5em;
    font-weight: 700;
    text-align:center;
}

.big-data-img {
    opacity:0.3;
}

.logo-text {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

span.venue {
    display: block;
}

.big-data-logo {
    width:35%;
    height: auto;
    margin:0 auto;
    display:block;
}

img.tbsuklogo23 {
    width: 30%;
    margin-bottom: 50px;
    height: auto;
    object-fit: contain;
}

img.tbsuklogo23-lg {
    width: 50%;
    margin-bottom: 50px;
    height: auto;
    object-fit: contain;
}

img.tbsuklogo24 {
    width: 30%;
    margin-bottom: 50px;
    height: auto;
    object-fit: contain;
}

img.tbsuklogo24-lg {
    width: 50%;
    margin-bottom: 50px;
    height: auto;
    object-fit: contain;
}

p.cmessage {
    text-align: center;
    font-size: 19px;
}

.reveal-mob {
    display:none;
    visibility:hidden;
}

html.touch .reveal-mob {
    display: flex;
    visibility: visible;
}

html.no-touch .reveal-mob {
    display:none;
    visibility:hidden;
}

.reveal-mob {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.9;
}

.mag-icon {
    width: 65px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    position:relative !important;
    left:0 !important;
}

.reveal-panel {
    text-align: center;
    color: #FFF;
}

.project-view.view .reveal-mob {
    top: -100%;
}

.reveal-text {
    margin: 20px auto 0 auto;
    font-size: 3vw;
    transform:skew(-5deg);
}


img.full-size {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: left;
}

section.quote-box small {
    font-size: 21px;
    text-align: right;
    display: inline-block;
    font-weight: lighter;
    font-weight: 400;
    margin-left: auto;
    width: 70%;
}

section.panel.cta h3 {
    margin: 0;
}

ul.about-quote-carousel.contact li {
    margin: 20px 0;
}

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

section.block-full-width.red-block h3 {
    text-align: center;
}

.ac-pushButton {
    background-color: black !important;
    border-style: solid;
    border-width: 0 !important;
    color: #FFF !important;
    font-weight: 600;
    padding: 10px;
    width: 90% !important;
}

.cc-revoke, .cc-window {
    z-index: 8 !important;
}

img.xamarin-logo {
    width: 90% !important;
    height: auto !important;
    margin: 20px auto 0 auto;
}

.visualCaptcha-possibilities {
    margin-right: 0;
    background: white;
    margin-bottom: 20px;
    width: 100%;
    margin-top:10px;
}

#captcha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.layer {
    position:relative;
    z-index:1;
}

section.column-text.gpt-chat-panel.centre {
    padding: 150px 0;
}

.block.image img.generative-ai {
    left: -15%;
    width: 100%;
}

.tick-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin:1rem 0;
}

        .tick-list li:before {
            content: "";
            display: block;
        }

.tick {
    background-size: 1.5vw !important;
    padding-left: 2.5vw;
    margin: 0.5vw 0;
    min-height: 1.5vw;
    background-position-x: 0;
    line-height: 1.5;
    text-wrap: pretty;
}

.tick.black-tick {
    background: url(../images/tick-icon-black.svg) top left no-repeat;
}

.tick.white-tick {
    background: url(../images/tick-icon.svg) top left no-repeat;
}

.tick.ms-red-tick {
    background: url(../images/tick-icon-ms-red.svg) top left no-repeat;
}

.tick.ms-green-tick {
    background: url(../images/tick-icon-ms-green.svg) top left no-repeat;
}

.tick.ms-blue-tick {
    background: url(../images/tick-icon-ms-blue.svg) top left no-repeat;
}

.tick.ms-yellow-tick {
    background: url(../images/tick-icon-ms-yellow.svg) top left no-repeat;
}

.tick.red-ticks {
    background: url(../images/tick-icon-red.svg) top left no-repeat;
}

.col.llm-graphic {
    width: 50%;
    padding: 0;
}

.v-centred {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .visualCaptcha-possibilities .img {
        text-align: center;
    }

section.awards-panel {
    padding: 1vw 0 0 0;
}

input.red-btn.submit {
    width: 100%;
    padding: 10px 0;
    -webkit-appearance: none;
}

input[type=submit] {
    -webkit-appearance: none;
}

p {
    font-weight: 400;
    line-height: 1.5;
    margin-block-start: 0;
    margin-block-end: 10px;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom:0;
}

p.recent-work {
    margin:0 0 20px 0;
    font-weight:300;
/*    font-size:38px;
*/}

.bold {
    font-weight: 600;
}

.quote-panel {
    text-wrap: balance;
}

h3.teams-purple {
    color: #5059C9;
}

h3.align-center {
    text-align: center;
    display: block;
    width: 100%;
}

/* Video */

.sp-video-container {
    width: 80%;
    height: 100%;
    display: none;
    margin: 0 auto;
}

    .sp-video-container.ism {
        width:100%;
    }

    .video-landing-container {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9 !important;
        display: none;
        text-align:center;
    }



video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    background: black;
}

/*video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: black;
}*/


/* Canvas Starfield */

.cont {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
}

h3.cta-text {
    margin: 0 !important;
}


img.charity-auction {
    width: 50%;
    margin: 0 0 -30px 0;
}

ul.ai-features {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type:none;
}

ul.ai-features li {
    width:42% !important;
    padding:0 4% !important;
}

ul.ai-features li .icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

/* GET IT ON APP STORE BADGES */

ul.get-it-badges {
    list-style-type:none;
    margin:20px 0 0 0;
    padding:0;
    display:flex;
    justify-content:center;
}

ul.get-it-badges li {
    display:block;
    text-indent:-9999px;
    height:50px;
}

ul.get-it-badges li.ios {
    background:url('../images/ios-app-store-logo.svg') center center no-repeat;
    background-size:contain;
    width:200px;
}

ul.get-it-badges li.google {
    background:url('../images/google-play-badge.svg') center center no-repeat;
    background-size:contain;
    width:200px;
}

ul.get-it-badges li.ms {
    background:url('../images/get-it-from-microsoft-logo.svg') center center no-repeat;
    background-size:contain;
    width:200px;
}

ul.microsoft-logos.inline.right {
    justify-content: flex-end;
}

ul.microsoft-logos.inline.right li {
    height: 90px;
    width: 130px;
    margin: 0;
}

    ul.microsoft-logos.inline.right li.power-apps {
        background:url(../images/microsoft-power-suite-icon-col.svg) center center no-repeat;
        background-size:contain;
        text-indent:-9999px;
        display:block;
        height:70px;
    }

    ul.microsoft-logos.inline.right li.flow {
        background:url(../images/Power-Automate-Logo.svg) center center no-repeat;
        background-size:contain;
        text-indent:-9999px;
        display:block;
        height:70px;
    }

    ul.microsoft-logos.inline.right li.teams {
        background: url(../images/microsoft-teams-logo.svg) center center no-repeat;
        background-size: contain;
        text-indent: -9999px;
        display: block;
        height: 70px;
    }

    ul.microsoft-logos.inline.right li.virtual-agents {
        background: url(../images/Power-Virtual-Agency-Logo.svg) center center no-repeat;
        background-size: contain;
        text-indent: -9999px;
        display: block;
        height:70px;
    }

/* FUNDING LOGOS */

ul.funding-logos {
    bottom: 5%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    left: 0;
    justify-content: flex-end;
}

ul.funding-logos li {
    height: 90px;
    width: 130px;
    margin: 0;
    display:block;
    text-indent:-9999px;
}


ul.funding-logos li.funding-circle {
    background:url(../images/funding-circle.svg) center center no-repeat;
    background-size:contain;
}

ul.funding-logos li.clearbanc {
    background:url(../images/clearco.svg) center center no-repeat;
    background-size:contain;
}

ul.funding-logos li.government {
    background:url(../images/ukgov.svg) center center no-repeat;
    background-size:contain;
}

ul.funding-logos li.local-support {
    background:url(../images/oxlep-logo.svg) center center no-repeat;
    background-size:contain;
}

ul.funding-logos li.microsoft-logo {
    background:url(../images/microsoft-logo.svg) center center no-repeat;
    background-size:contain;
}

/* LOW CODE LOGOS */

ul.low-code-logos {
    bottom: 5%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    left: 0;
    justify-content: flex-end;
}

    ul.low-code-logos li {
        height: 90px;
        width: 130px;
        margin: 0;
        display: block;
        text-indent: -9999px;
    }

        ul.low-code-logos li.autoglass {
            background: url(../images/autoglass-wht.svg) center center no-repeat;
            background-size: contain;
        }

        ul.low-code-logos li.pepsico {
            background: url(../images/pepsi.svg) center center no-repeat;
            background-size: contain;
        }


/* AI POWER CSS STARTS */
section.ai-panel {
    background: #c33a27;
    overflow: hidden;
}

    section.ai-panel .left-image {
        position: absolute;
        left: -10%;
        top: 0;
        bottom: 0;
        background: #FC0;
        width: 40%;
        transform: skewX(-10deg);
        margin: 0 auto 0 0;
        z-index: 4;
        overflow:hidden;
    }

    section.ai-panel .left-text {
        transform: skewX(10deg);
        width: 50%;
        padding: 50px 20% 50px 30%;
        position: relative;
        z-index: 10;
        color: #FFF;
        font-size: 24px;
    }

        section.ai-panel .left-text h3 {
            font-size: 55px;
            line-height: 55px;
        }

    section.ai-panel .image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    section.ai-panel .left-image img.clock {
        position: absolute;
        margin: auto;
        top: 0;
        left: 20%;
        bottom: 0;
        height: 100%;
        width: 100%;
        object-fit: contain;
        z-index: 1;
        transform: skewX(10deg);
        opacity: 0.5;
    }

    section.ai-panel .left-text strong {
        color: #f9b833;
    }

        section.ai-panel .left-text strong.white {
            color: #FFF;
        }

    section.ai-panel .left-image .image {
        background:#000;
    }

    section.ai-panel .left-image .image img {
        transform: skewX(10deg);
        width: 120%;
        height: 70%;
        object-fit: cover;
    }

    .margin-top {
        margin-top:30px !important;
    }

img.bot {
    position: absolute;
    left: 20%;
    bottom: -5%;
    transform: skewX(10deg);
    z-index: 10;
    width: 80%;
    height: 50%;
    object-fit: contain;
}

ul.side-logos {
    position: absolute;
    right: 0;
    top: 0;
}

    ul.side-logos li {
        text-indent: -9999px;
        display: block;
    }

        ul.side-logos li.microsoft-partner {
            width: 280px;
            height: 120px;
            background: url(../images/ms-partner-side.svg) center center no-repeat;
            background-size: contain;
        }

.microsoft-partner a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.menu-ms-partner-logo a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

ul.cta-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.cta-icons li a {
        color: #000;
        text-decoration: none;
    }

    ul.cta-icons li {
        margin: 10px 0;
    }

        ul.cta-icons li a.email {
            background: url("../images/email-icons.svg") center left no-repeat;
            background-size: 30px 30px;
            padding-left: 45px;
        }

        ul.cta-icons li a.tel {
            background: url("../images/tel-icons.svg") center left no-repeat;
            background-size: 30px 30px;
            padding-left: 45px;
        }

ul.side-logos li.office-365 {
    width: 240px;
    height: 100px;
    background: url(../images/ms-office-365-side.svg) center center no-repeat;
    background-size: contain;
}



section.ai-panel strong.large {
    font-size: 26px;
    color: #f9b833;
}

section.ai-panel .right-panel {
    width: 55%;
    padding: 5% 5% 25% 40%;
    color: #FFF;
}

    section.ai-panel .right-panel .right-text {
        font-size: 18px;
    }

ul.sq-logos {
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
}

ul.sq-logos li {
    height: 50px;
    width: 50px;
    margin: 20px 20px 0 0;
    display: block;
}

ul.sq-logos li img {
    width:100%;
    height:100%;
    object-fit:contain;
}

ul.sq-logos li.sq-xamarin {
    background:url(../images/ic-sq-xamarin.svg) center center no-repeat;
    background-size:contain;
}

ul.sq-logos li.sq-microsoft-teams {
    background:url(../images/ic-sq-teams.svg) center center no-repeat;
    background-size:contain;
}

ul.sq-logos li.sq-microsoft-azure {
    background:url(../images/ic-ms-azure.svg) center center no-repeat;
    background-size:contain;
}

ul.sq-logos li.sq-microsoft-dynamics-365 {
    background:url(../images/ic-sq-dynamics.svg) center center no-repeat;
    background-size:contain;
}

body.crm-systems li.logo-item.microsoft-dynamics-365 {
    width: 200px;
}

ul.sq-logos li.sq-office-365 {
    background:url(../images/ic-sq-office-365.svg) center center no-repeat;
    background-size:contain;
}

ul.sq-logos li.sq-microsoft-partner {
    background:url(../images/ic-ms-partner.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-word {
    background:url(../images/Word_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-excel {
    background:url(../images/Excel_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-powerpoint {
    background:url(../images/Powerpoint_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-teams {
    background:url(../images/Microsoft_Teams_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-skype {
    background:url(../images/Skype_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-sharepoint {
    background:url(../images/SharePoint_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-outlook {
    background:url(../images/Outlook_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-onenote {
    background:url(../images/OneNote_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-onedrive {
    background:url(../images/OneDrive_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.sq-logos li.ms-yammer {
    background:url(../images/Yammer_64x64.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

section.ai-panel .bottom-panel {
    width: 100%;
    background: #CCC;
    position: absolute;
    bottom: -10%;
    right: 0;
    top: auto;
    left: 0;
    margin: auto 0 0 0;
    z-index: 3;
    height: 40%;
    transform: skewY(-5deg);
}

    section.ai-panel .bottom-panel .bottom-text {
        transform: skewY( 5deg );
        width: 50%;
        padding: 5% 15% 25% 40%;
        position: relative;
        z-index: 10;
        font-size: 20px;
    }

        section.ai-panel .bottom-panel .bottom-text strong {
            font-size: inherit;
            color: #c33a27;
        }

/* AI POWER CSS ENDS */

ul.cloud-dev-icons {
    list-style-type:none;
    margin:1rem 0 0 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:75%;
}

ul.cloud-dev-icons.full {
    width: 100%;
}

ul.cloud-dev-icons.full li {
    text-align:center;
}

ul.cloud-dev-icons.full li img {
    width:70%;
    height:70%;
    object-fit:contain;
    margin-bottom:10px;
}

ul.cloud-dev-icons li {
    width:18%;
}

ul.cloud-dev-icons li img {
    width:100%;
    height:100%;
    object-fit:contain;
}

.privacy {
    margin-top:150px !important;
}

.private {
    background-color:black;
    color:whitesmoke;
    padding:0 0 50px 0;
}

.prih2 {
    font-size: 30px;
    color: #c5252d;
    text-align:center;
}

.prih3 {
    margin-top: 20px;
    color: #c5252d;
}

.row {
    width: 80%;
    margin: 0 auto;
}

h4 {
    font-size:20px !important;
}

    h4.red {
        padding-top: 1em;
    }

.footer-col.right-side a {
    color: #FFF;
}

.footer-col.right-side a {
    color: #FFF;
    margin-left: 0;
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px solid #211f20;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

    .footer-col.right-side a:hover {
        margin-left: 5px;
        border-bottom: 2px solid #c5252d;
    }

.about-quote-carousel.left-align small {
    width: 70%;
    padding: 0 15%;
}


form#frmES span.field-validation-error {
    color: red;
}

span.field-validation-error {
    color: yellow;
    font-size: 13px;
}

.flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.justify-start {
    justify-items: flex-start;
}

.w-fit-content {
    width:fit-content;
}

ol.no-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    position:relative;
    z-index:1;
}

li.no-list-item {
    margin: 5px 0;
    display: list-item;
}

span.counter-text {
    display: block;
    margin: 8px 0 0 0;
    line-height: 1.5;
}

li.no-list-item::before {
    background: url(../images/number-icon-red.svg) center center no-repeat;
    background-size: 100% 100%;
    content: ""counter(list-item)"";
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #C5252D;
    margin-right: 15px;
    float: left;
}

li.no-list-item-white::before {
    background: url(../images/number-icon-white.svg) center center no-repeat;
    background-size: 100% 100%;
    content: ""counter(list-item)"";
    width: 30px;
    height:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    margin-right: 15px;
    float: left;
}

.pl {
    padding-left: 45px;
}

.panel-openai-col {
    width: 45%;
}

.mg-tb {
    margin:25px 0 !important;
}

.isum {
    display: none;
    color: #c5252d;
}

.dupe {
    display: none;
    color: #c5252d;
}

.formcontact span.field-validation-error {
    color: red;
    font-size: 13px;
}

/*for contact page form only*/
.contact-side div#frmwrap input.red-btn {
    background: black;
    width:100%;
}

.contact-side .visualCaptcha-possibilities {
    width: 70% !important;
}

div .formcontact p.visualCaptcha-explanation {
    width: 100%;
    color: black;
}

input.red-btn {
    background: #c5252d;
    color: #FFF;
    width:100% !important;
}

/*section.est p {
    font-size: 18px;
    font-weight:400;
}*/

.btn.dark {
    border: 2px solid #c2272d;
    color: #c2272d !important;
}

.btn.dark:hover {
    background: #c2272d;
    color: #FFF !important;
}

    .btn.dark.add-button, .btn.dark.not-button {
        color: #FFF !important;
    }

.btn.teams-purple {
    border: 2px solid #5059C9;
    color: #5059C9 !important;
}

    .btn.teams-purple:hover {
        background: #5059C9;
        color: #FFF !important;
    }

.block-content.purple-block {
    background: #5059C9;
}

section.quote-box.purple-block {
    background: #5059C9;
}

section.panel.cta.grad.small {
    font-size: 1.5vw;
}

section.panel.cta.grad a.no-margin {
    margin: 0;
}

.owl-stage {
    display:flex;
}

ul.logos .owl-nav {
    display: none;
}

ul.logos .owl-dots {
    display: none;
}

p.visualCaptcha-explanation {
    width: 100%;
}

.visualCaptcha-explanation strong {
    font-size: inherit !important;
    margin: 0 !important;
    display: inline-block !important;
}

.col-content {
    z-index: 1;
    padding-top: 0;
    position: relative;
    color: #FFF;
}

strong {
    font-weight:600;
}

header, section, main, footer {
    display: block;
    position: relative;
    width: 100%;
}

header {
    position: absolute;
    z-index: 10;
}

    header h1 {
        top: 50px;
        left:50px;
        margin: 0;
        position: absolute;
        z-index: 3;
        transition: all 0.3s ease;
    }

        header h1 a {
            display: block;
            background: url(../images/superluminal-logo-no-strapline.svg) no-repeat;
            background-size: contain;
            text-indent: -9999px;
            width: 380px;
            height: 50px;
        }

.sticky-header {
    height: 140px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 0 auto 0;

}


    .sticky-header.scrolled {
        transition: all 0.5s ease;
        height: 50px;
        background: rgba(0,0,0, 0.65);
    }

header h1.scrolled {
    top: 10px;
    left: 1%;
    margin: 0;
    position: absolute;
    z-index: 3;
    transition: all 0.5s ease;
}

header h1 a.scrolled {
    background-size: contain;
    transition: all 0.5s ease;
    width: 230px;
    height: 30px;
}

header .menu-icon.scrolled {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
}

.services-tab, .technology-tab, .solutions-tab, .ai-tab {
    display: inline-block;
    cursor: pointer;
}

header.scrolled .menu-logo {
    top: 10px;
    left: 1%;
}

header.scrolled .menu-logo a {
    background-size: 175px auto;
    transition: all 0.5s ease;
    width: 175px;
    height: 30px;
}

.menu-super-logo-panel {
    position: absolute;
    top: 50px;
    left: 50px;
}

.menu-logo {
    top: 50px;
    left: 50px;
    margin: 0;
    position: absolute;
    z-index: 3;
    opacity: 0;
/*    transition:all 0.5s ease-in-out;
*/}

.fadeIn {
    opacity:1;
    transition-delay:1s;
}

    .menu-logo.show {
        opacity: 1;
    }

    .menu-logo a {
        display: block;
        background: url("../images/superluminal-logo-no-strapline.svg") no-repeat;
        background-size: 100% auto;
        text-indent: -9999px;
        width: 400px;
        height: 70px;
    }

header .menu-icon {
    position: absolute;
    top: 50px;
    color: #FFF;
    right: 50px;
    background: url("../images/BurgerMenu.svg") no-repeat;
    background-size: contain;
    text-indent: -9999px;
    width: 37px;
    height: 40px;
    cursor: pointer;
}

.footer-col button.collapsible-one, .footer-col button.collapsible-two, .footer-col button.collapsible-three {
    display: none;
    font-size: 17px;
    margin: 40px 0 10px 0;
    padding: 15px 0;
    background: url(../images/reveal-arrow-down-red.svg) top right no-repeat;
    background-size: 25px 25px;
    background-position-y: 15px;
    background-position-x: 95%;
    color: #FFF;
    border-radius:5px;
}

.footer-col button.collapsible-one.active, .footer-col button.collapsible-two.active, .footer-col button.collapsible-three.active {
    background: url(../images/reveal-arrow-up-red.svg) top right no-repeat;
    background-size: 25px 25px;
    background-position-y: 15px;
    background-position-x: 95%;
}

.number-title {
    margin-top:5px;
    display: block;
}

    .active, .collapsible:hover {
        background-color: #555;
    }

.black-panel-left {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    left: -100%;
    transition: left 0.1s ease;
    -webkit-transition: left 0.1s ease;
    -moz-transition: left 0.1s ease;
    -o-transition: left 0.1s ease;
    -ms-transition: left 0.1s ease;
    background: #221e20;
    clip-path: polygon(0% 0%, 80% 0, 100% 50%, 80% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 80% 0, 100% 50%, 80% 100%, 0% 100%);
}

.brand-menu {
    width: 80%;
    height: 100%;
    background: #221e20;
}

.black-arrow {
    width: 20%;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.red-arrow {
    width: 20%;
    position: absolute;
    top: 0;
    left: -20%;
    bottom: 0;
    z-index: 10;
}

.slide-left {
    left:0;
}

.red-panel-menu {
    width:90%;
    display: flex;
    justify-content: flex-end;
}

.red-panel-right {
    background: #C1272d;
    width: 60%;
    right: -100%;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    transition:right 0.1s ease;
    -webkit-transition:right 0.1s ease;
    -moz-transition:right 0.1s ease;
    -o-transition:right 0.1s ease;
    -ms-transition:right 0.1s ease;
    background: #C1272d;
    clip-path: polygon(15% 50%, 0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(15% 50%, 0 0, 100% 0, 100% 100%, 0% 100%);
}

.slide-right {
    right:0;
}

.sub-menu-panel {
    padding: 0;
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    right: 50px;
}

ul.nav-ms-logos {
    position: absolute;
    left: 0;
    bottom:50px;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    opacity:0;
    display: flex;
    justify-content: space-between;
}

.sub-menus {
    scrollbar-color:white transparent;
}

 total width 
    .sub-menus::-webkit-scrollbar {
        background-color: #fff;
        width: 16px
    }

 background of the scrollbar except button or resizer 
    .sub-menus::-webkit-scrollbar-track {
        background-color: #fff
    }

    .sub-menus::-webkit-scrollbar-track:hover {
        background-color: #f4f4f4
    }

 scrollbar itself 
    .sub-menus::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 16px;
        border: 5px solid #fff
    }

    .sub-menus::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a5;
        border: 4px solid #f4f4f4
    }




@supports selector(::-webkit-scrollbar) {

    .sub-menus {
        scrollbar-thumb: hotpink;
        scrollbar-color: white transparent;
        scrollbar-width: thin;
        scrollbar-width-legacy: 0.5rem;
        scrollbar-button:none;
        --scrollbar-color-thumb: hotpink;
        --scrollbar-color-track: blue;
        --scrollbar-width: thin;
        --scrollbar-width-legacy: 0.5rem;
        --scrollbar-button:none;
    }

        .sub-menus::-webkit-scrollbar-button {
            display: none
        }

        .sub-menus::-webkit-scrollbar-thumb {
            background-color: white;
            outline: none;
            border-radius: 50px;
        }

        .sub-menus::-webkit-scrollbar-track {
            box-shadow: none;
        }

        .sub-menus::-webkit-scrollbar {
            width: 5px;
            scroll-margin-right: 40px;
        }

        .sub-menus::-webkit-scrollbar-track {
            box-shadow: none;
        }
}

.sub-nav {
    list-style-type: none;
    margin:7px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.sub-nav:first-child {
    margin:0 0 5px 0;
}

.sub-nav:last-child {
    margin:5px 0 0 0;
}

.sub-menus {
    overflow-y: auto;
    margin-right: 17px;
    display: flex;
    flex-direction: column;
}

.menu-logo-link {
    width:31%;
    height:100%;
    display:block;
}

.menu-ms-partner-logo {
    width: 31%;
    background: url("../images/MicrosoftPartner-white.svg") center left no-repeat;
    background-size: contain;
    display: block;
    text-indent: -9999px;
}

.menu-ms-xamarin-logo {
    width: 31%;
    background: url(../images/XamarinPartner.svg) center center no-repeat;
    background-size: contain;
    display: block;
    text-indent: -9999px;
}

.menu-ms-ai-logo {
    width: 31%;
    background: url(../images/MS_AIWhite.svg) center left no-repeat;
    background-size: contain;
    display: block;
    text-indent: -9999px;
}

.micro-logo {
    height: 50px;
}

.close-menu {
    background: url(../images/Close.svg) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50px;
    right: 50px;
    text-indent: -9999px;
    display: block;
    cursor: pointer;
    z-index:1;
}

nav {
    width: 100%;
    height: 100%;
    /*    background: #c1272d;*/
    top: 0;
    right: 0;
    opacity: 0;
    bottom: 0;
    left: unset;
    position: fixed;
    z-index: 20;
    overflow: hidden;
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
    visibility: hidden;
}

    nav.open {
        opacity:1;
        visibility:visible;
    }

    nav .black-panel {
        background: url(../images/menu-black-panel.svg) center right no-repeat;
        background-size: cover;
        width: 60%;
        height: 100%;
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: -100%;
        transition: left 0.5s ease;
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        -ms-transition: left 0.5s ease;
        /* transition-delay: 0.5s; */
    }

        nav .black-panel.slide {
            left: 0;
            transition-delay: 0.1s;
        }

    nav .close {
        background: url("../images/Close.svg") no-repeat;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50px;
        right: 50px;
        text-indent: -9999px;
        display: block;
        cursor: pointer;
    }

    nav ul.main-nav {
        position: absolute;
        left: 50px;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 5;
        list-style-type: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0;
    }

    nav ul.main-nav.slidein {
        left: 5%;
        opacity:1;
    }

        nav ul.main-nav li a {
            color: #FFF;
            display: block;
            text-decoration: none;
            font-size: 20px;
            height:30px;
            line-height:30px;
            padding: 0 0 0 50px;
            font-weight: 300;
            transition: all 0.5s ease;
        }

            nav ul.main-nav li a.home {
                background: url(../images/menu-home-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.awards {
                background: url(../images/white-award-icon-2.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.about {
                background: url(../images/menu-about-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.covid {
                background: url(../images/menu-covid-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.software {
                background: url(../images/menu-software-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.hour-power {
                background: url(../images/menu-ai-hour-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.projects {
                background: url(../images/menu-projects-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.start-up {
                background: url(../images/menu-startup-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.workshops {
                background: url(../images/workshops-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.funding {
                background: url(../images/menu-funding-icon.svg) center left no-repeat;
                background-size: contain;
            }

            nav ul.main-nav li a.contact {
                background: url(../images/menu-contact-icon.svg) center left no-repeat;
                background-size: contain;
            }



nav ul.main-nav li a:hover {
    margin-left: 10px !important;
    opacity: 1;
}

nav ul.main-nav li:first-child {
    margin: 0 0 7px 0;
}

nav ul.main-nav li {
    margin:7px 0;
}

nav ul.main-nav li:last-child {
    margin: 7px 0 0 0;
}

    nav ul.main-nav li.sub-title {
        font-weight: 300;
        color: #FFF;
        font-size: 40px !important;
    }

nav ul.microsoft-logos {
    position: absolute;
    left: unset;
    right: 50px;
    bottom: 50px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 37%;
    transition:all 0.3s ease-in-out;
    transition-delay:1.4s;
}

.slideup {
    bottom: 50px !important;
    opacity: 1 !important;
    transition-delay: 1s !important;
}

    nav ul.microsoft-logos li.micro-logo.closed {
        display: none;
    }

    nav ul.microsoft-logos li {
        height: 40px;
    }

        nav ul.microsoft-logos li.microsoft-partner {
            width: 100%;
            height:60px;
        }


.block.start {
    align-items:flex-start;
}

img.device {
    position: relative;
    z-index: 1;
    width: 70% !important;
    height: 70% !important;
    object-fit: contain !important;
}

img.device.right {
    position: relative;
    z-index: 1;
    width: 70% !important;
    height: 70% !important;
    object-fit: contain !important;
    left: 0% !important;
    right:10% !important;
}

.sub-menu {
    position: absolute;
    left: unset;
    right:50px;
    top: 49%;
    transform: translate(0, -50%);
    padding: 0;
    height: 60vh;
    overflow-y: scroll;
    width: 37%;
    z-index:10;
    opacity:0;
    transition:all 0.3s ease-in-out;
    transition-delay:1.2s;
}

.brochure-pdf-viewer {
    width: 100%;
    padding: 0;
}

.project-work-title {
    transform: translate(0px,0px) !important;
}

    .slidedown {
        top: 50%;
        opacity:1 !important;
        transition-delay:0.5s;
    }

    .sub-menu::-webkit-scrollbar {
        width: 5px;
    }

    .sub-menu::-webkit-scrollbar-track {
        box-shadow: none;
    }

    .sub-menu::-webkit-scrollbar-thumb {
        background-color: white;
        outline: none;
        border-radius: 50px;
    }

    .sub-menu ul {
        list-style-type: none;
        margin: 0;
        padding:0;
    }

        .sub-menu ul li {
            font-size: 20px;
            margin: 10px 0;
        }

.menu-nav-icon {
    width: 30px;
    height: 30px;
    margin: 0 15px 0 0; 
    display: inline-block;
    cursor:pointer;
    /* vertical-align: middle; */
}

            .sub-menu ul li a {
                font-size: 18px;
                color: #FFF;
                text-decoration: none;
            }

span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0 15px 0px 0;
    cursor: pointer;
    width:20px;
    height: 30px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}

    span.arrow.technologies.rotate {
        transform: rotate(90deg);
    }

    span.arrow.ai-arrow.rotate {
        transform: rotate(90deg);
    }

    span.arrow.business.rotate {
        transform: rotate(90deg);
    }

    span.arrow.services.rotate {
        transform: rotate(90deg);
    }



ul.sub-pages {
    margin: 0 0 0 5.5vw;
    padding: 0;
    width: 100%;
    list-style-type: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    -ms-transition: max-height 0.5s ease;
}

    ul.sub-pages.expand {
        max-height: 1000px;
    }

    ul.sub-pages li a {
        display: block;
        padding-left: 2.4vw;
        color: #FFF;
        text-decoration: none;
        font-size: 1.25vw;
        background-size: contain;
        margin: 15px 0;
        opacity: 0.8;
        transition: all 0.5s ease;
    }

        ul.sub-pages li a:last-child {
            margin-bottom: 0;
        }

        ul.sub-pages li a:hover {
            margin-left: 5px !important;
            opacity: 1;
        }

li.sub-title {
    font-size: 1.5vw;
    color: #FFF;
    font-weight: 300;
    /* height: 35px; */
    /* line-height: 35px; */
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

img.sm-icon {
    width: 60% !important;
    height: auto;
    margin: 0 auto;
    display: block;
}

a.cloud-software {
    background: url("../images/World-Icon-white.svg") center left no-repeat;
}

a.app-saas {
    background: url("../images/phone-icon-white.svg") center left no-repeat;
}

a.augmented-reality {
    background: url("../images/phone-icon-white.svg") center left no-repeat;
}

a.office-365-development {
    background: url("../images/office-365-icon.svg") center left no-repeat;
}

a.ai {
    background: url("../images/Brain-Icon-white.svg") center left no-repeat;
}

a.bot-framework {
    background: url("../images/bot-framework-icon.svg") center left no-repeat;
}

a.conversational-bots {
    background: url("../images/AIBot-Icon-white.svg") center left no-repeat;
}

a.auction-digital-platform {
    background: url("../images/auctions-icon.svg") center left no-repeat;
}

a.artificial-intelligence {
    background: url("../images/microsoft-ai-icon.svg") center left no-repeat;
}

a.auction-platforms {
    background: url("../images/auctions-icon.svg") center left no-repeat;
}

a.low-code {
    background: url("../images/low-code-icon.svg") center left no-repeat;
}

a.automation-of-key-business-process {
    background: url("../images/automation-icon-white.svg") center left no-repeat;
}

a.e-learning-and-online-training {
    background: url("../images/e-learning-icon-white.svg") center left no-repeat;
}

a.omni-channel-ai {
    background: url("../images/omni-icon-white.svg") center left no-repeat;
}

a.mobile-apps {
    background: url("../images/mobile-apps-white.svg") center left no-repeat;
}

a.windows-development {
    background: url("../images/mobile-apps-white.svg") center left no-repeat;
}

a.amazon-alexa-google-assistant {
    background: url("../images/alexa-icon-white.svg") center left no-repeat;
}

a.augmented-reality-service {
    background: url("../images/ar-icon.svg") center left no-repeat;
}

a.augmented-reality-technology {
    background: url("../images/ar-tech-icon.svg") center left no-repeat;
}

a.large-language-models {
    background: url("../images/nav-llm-icon.svg") center left no-repeat;
}

a.live-chat {
    background: url("../images/live-chat-icon.svg") center left no-repeat;
}

a.co-pilot {
    background: url("../images/copilot-nav-icon.svg") center left no-repeat;
}

a.smart-speaker {
    background: url("../images/SmartSpeaker-Icon-white.svg") center left no-repeat;
}

a.software-support {
    background: url("../images/Maintenance-Icon-white.svg") center left no-repeat;
}

a.web-development {
    background: url("../images/cloud-development-icon.svg") center left no-repeat;
}

a.cloud-cms {
    background: url("../images/cloud-cms-icon.svg") center left no-repeat;
}

a.digital-transformation {
    background: url("../images/digital-transformation.svg") center left no-repeat;
}

a.nop-commerce {
    background: url("../images/nop-commerce-icon.svg") center left no-repeat;
}

a.cloud-e-commerce {
    background: url("../images/Ecommerce-Icon-white.svg") center left no-repeat;
}

a.crm {
    background: url("../images/crm.svg") center left no-repeat;
}

a.microsoft-sql-server {
    background: url("../images/microsoft-dynamics-icon.svg") center left no-repeat;
}

a.business-intelligence {
    background: url("../images/Business-Icon-white.svg") center left no-repeat;
}

a.ai-development {
    background: url("../images/microsoft-ai-icon.svg") center left no-repeat;
}

a.deep-learning {
    background: url("../images/deep-learning-icon.svg") center left no-repeat;
}

a.azure-open-ai {
    background: url("../images/openai-icon.svg") center left no-repeat;
}

a.computer-vision-apps {
    background: url("../images/computer-vision-icon.svg") center left no-repeat;
}

/* Technology Icons */

a.asp-net-core-framework {
    background: url("../images/net-core-icon-logo.svg") center left no-repeat;
}

a.microsoft-ai {
    background: url("../images/microsoft-ai-icon.svg") center left no-repeat;
}

a.microsoft-azure {
    background: url("../images/microsoft-azure-icon.svg") center left no-repeat;
}

a.microsoft-blazor {
    background: url("../images/blazor-menu-icon.svg") center left no-repeat;
}

a.dynamics-365 {
    background: url("../images/microsoft-dynamics-365.svg") center left no-repeat;
}

a.power-platform {
    background: url("../images/microsoft-power-suite-icon.svg") center left no-repeat;
}

a.microsoft-teams-app-development {
    background: url("../images/msoft-teams-icon.svg") center left no-repeat;
}

a.xamarin {
    background: url("../images/xamarin-icon.svg") center left no-repeat;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    text-wrap:balance;
}

h2, h3, h4, h5 {
    font-size:1.75vw;
    margin: 20px 0 1vw 0;
    position: relative;
    z-index: 1;
}

h2:first-child, h3:first-child {
    margin-top: 0;
}

.container.trio-block {
    margin-top: 3em;
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    z-index: 1;
    position: relative;
}



.centre .container {
    align-items: center;
}

.container.reverse {
    flex-direction: row-reverse;
}

.red-block {
    background: #c2272d;
    color: #FFF;
}

.owl-item img {
    position: relative;
    width: 100%;
    height: auto;
}

.panel-columns {
    position: relative;
    z-index: 1;
    display: flex;
    width: 80%;
    margin: auto;
}

.panel-col {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
}

.link {
    color:#FFF;
    text-decoration:none;
    font-weight:600;
}

.award-logos {
    position: absolute;
    left: 5%;
    bottom: 5%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
    gap:2vw;
}

span.award-year.hero-year {
    font-size: 1vw;
    margin:0;
}

.awards-carousels {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.owl-carousel.carousel-block {
    width:50%;
}

.award-logo-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .award-logo-col.full-width-logo {
        width: 100%;
        margin-right: auto;
        justify-content: flex-start;
        align-items: flex-start;
    }

.chat-help-box {
    width: 60%;
    background: none;
    display: block;
    position: relative;
    margin: 0 auto;
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}

.chat-help-box:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.copilot-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    color: #FFF;
    text-align: center;
}

.cp-text {
    margin: 0;
    font-size:1.6rem;
}

.cp-text:first-child {
    margin-top: 12%;
}

.chat-bot-help {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid #FFF;
    border-radius: 50%;
}

.icon-remove {
    display:none;
    visibility:hidden;
}

.chat-help-modal {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display:inline-block;
    margin:auto !important;
}

.start-chatting {
    white-space: nowrap;
}

.chat-help-buttons {
    position:absolute;
    display:flex;
    flex-direction:column;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1;
}

    .chat-help-box:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.awards-panel-content {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    width: 90%;
    margin: auto;
    align-items:center;
}

.award-logo-img.prestige-awards {
    height: 7vw;
}

.award-logo-img.innovation-awards {
    height: 7vw;
}

li.award-logo-item {
    display: flex;
    align-items: center;
    margin: 0 20px;
    flex-direction: column;
}

span.award-year.logo-year {
    margin-top: 1rem;
    font-size: 1.5vw;
}

span.award-year {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 2vw;
}



.award-logos-panel {
    display: flex;
    align-items:center;
}

.award-logos-block {
    display: flex;
    justify-content: space-between;
    align-items:center;
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 0;
}

.super-bot-col {
    display: flex;
    flex-direction:column;
    align-items: flex-end;
}

.awards-bot {
    width: 80%;
    height: 80%;
    object-fit: contain;
    margin:auto;
}

.award-logo-img {
    height: 2vw;
    width: auto;
    display: block;
}

.glow {
    position:absolute; top:0; right:0; bottom:0; left:0;
    box-shadow: inset 0px 0px 25px 10px rgba(93, 66, 1, 1);
}

.hero img.awards-icon {
    width:auto;
    height:5vw;
    object-fit: contain;
}

    .hero img.awards-icon.innovation-hero {
        height:5vw;
        width:auto;
    }

    .hero img.awards-icon.prestige-hero {
        height: 5vw;
        width: auto;
    }

.central-england-2024-logo, .innovation-award-logo {
    width: 60% !important;
    height: auto !important;
    object-fit: contain !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background:#FFF;
}

.panel-logo {
    width: 80%;
    height: 7vw;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    flex-direction: row;
    gap: 3vw;
}

.panel-logo img {
    width: auto !important;
    height:100% !important;
    object-fit:contain;
    margin-bottom:1rem;
}

.panel-col.bot-col {
    width: 20%;
}

img.award-bot {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-top:2rem;
}

.red-panel-heading {
    font-size:1.5vw;
    font-weight:700;
}

.logo-title-text {
    margin: 0;
}

img.aw-icons {
    width: 95px;
    height: 95px;
    object-fit: contain;
}

.grey-block {
    background: #e2e2e2;
    color: #000;
}

.grey-panel {
    background:#464646;
    color:#FFF;
}

.coolgrey-block {
    background: #878787;
}

.black-block {
    background: #000;
    color: #FFF;
}

.black-text {
    color: #000;
}

.block.image.left img {
    left: 0;
}

.block.projects-box {
    background: #000;
}

    .block.projects-box.image:first-child {
        margin-right: 20px;
    }

        .project-image {
            left: -10%;
            width: 120%;
        }

    .block.projects-box .project-view {
        position: absolute;
        bottom: -120%;
        /* right: 0; */
        width: 75%;
        background: rgba(255,255,255, 0.8);
        color: #222;
        z-index: 1;
        margin: auto 0 0 0;
        padding: 30px 15% 30px 5%;
        font-size: 15px;
        transition: bottom 0.5s ease;
    }

        .block.projects-box .project-view.left-box {
            position: absolute;
            bottom: -120%;
            /* right: 0; */
            width: 80%;
            background: rgba(255,255,255, 0.8);
            color: #222;
            z-index: 1;
            margin: auto 0 0 0;
            padding: 30px 5% 30px 15%;
            font-size: 16px;
            transition: bottom 0.5s ease;
        }

        .block.projects-box .project-view strong {
            font-size: 24px;
            font-weight: 300;
        }

        .block.projects-box .project-view a {
            color: inherit;
            text-decoration:none !important;
        }

        .block.projects-box .project-view.view {
            bottom: 0%;
        }

.details p {
    margin: 0 0 10px 0;
}

.abs {
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    overflow:hidden;
}

.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-grad {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 30%);
    z-index: 2;
}

.live-chat-use-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0;
}

.live-chat-carousel {
    width: 80%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    margin: 0 auto;
    padding: 50px 0;
}

.live-chat-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-chat-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 5%;
}

.live-chat-carousel .owl-dots .owl-dot {
    opacity:0.3;
    background:none;
}

.live-chat-carousel .owl-dot.active {
    opacity: 1;
}

.live-chat-content-panel {
    padding-top: 3em;
}

.pagi-btn {
    width: 50px;
    height: 50px;
    display: flex;
    font-family: 'Montserrat', sans-serif;
    justify-content: center;
    align-items: center;
    border: 5px solid #FFF;
    border-radius: 100px;
    color: #FFF;
    font-size: 1.25rem;
    margin: 0 10px;
    background: none;
    cursor: pointer;
}

.slide-icon img {
    max-height: 150px;
}

    .pagi-btn:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.owl-nav {
    display: flex;
    justify-content: center;
    margin:0;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0, -50%);
    width:100%;
}

button.owl-prev {
    position: absolute;
    left: -35px;
    width: 35px;
    height: 35px;
    top: 50%;
    transform: translate(0, -50%);
    background:url(../images/prev-icon.svg) center left no-repeat;
    background-size:contain;
    border:none;
    display:block;
    text-indent:-9999px;
}

button.owl-next {
    position: absolute;
    right: -35px;
    width: 35px;
    height: 35px;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../images/next-icon.svg) center right no-repeat;
    background-size: contain;
    border: none;
    display: block;
    text-indent: -9999px;
}

.live-chat-carousel .owl-item {
    background:none !important;
    padding:0 10px;
}

.ai-icon-carousel .owl-item {
    background: none !important;
    padding: 0 10px;
}

.intro-panel {
    padding:0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.slide-img {
    width: 50% !important;
    margin: 0 auto !important;
}

.owl-nav-item.active {
    opacity: 1;
}

.mgn-auto {
    margin: 0 auto;
}

.live-chat-icon {
    width: 15%;
}

.live-chat-panel {
    width: 75%;
}

.live-chat-title {
    margin-top:0;
}

.live-chat-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.slide-icon {
    width: 25%;
}

.slide-content {
    width: 65%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.slide-col {
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-content-col {
    width: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.ai-icon-carousel {
    width: 80%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    margin: 0 auto;
    padding: 50px 0;
}

.ai-icon-img {
    width: 100%;
    height: 100%;
    max-height:100px;
    object-fit: contain;
}

.ai-icon-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 5%;
}

    .ai-icon-carousel .owl-dots .owl-dot {
        opacity: 0.3;
        background: none;
    }

.ai-icon-carousel .owl-dot.active {
    opacity: 1;
}

.ai-icon-content-panel {
    padding-top: 3em;
}

.ai-title {
    margin-top: 0;
    margin-bottom:10px !important;
}

.ai-icon-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ai-icon {
    width:20%;
    margin: 0 auto;
}

.ai-content {
    width: 75%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ai-content-col p {
    text-wrap: pretty;
}

.ai-content-col {
    width: 90%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.ai-icon-nav {
    background: none;
    border: none;
    width: 60px;
    height: 60px;
    cursor: pointer;
    object-fit:contain;
    margin:0 10px;
}

.whitepapers {
    list-style-type:none;
    margin:1rem 0 0 0;
    padding:0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.whitepaper-item {
    width:20%;
}

.whitepaper-img {
    width:100%;
    position:relative;
    border:5px solid #F8F8F8;
    box-sizing:border-box;
}

.wp-container {
    width:80%;
    margin:3rem auto;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}

.whitepaper-link {
    color:inherit;
    text-decoration:none;
}

.wp-img {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

.whitepaper-img:after {
    content:"";
    display:block;
    padding-bottom:100%;
}

.ai-apps-icon {
    background: url("../images/ai-icon-apps.svg") center center no-repeat;
    background-size: contain;
}

.ai-analytics-icon {
    background: url("../images/ai-icon-analytics.svg") center center no-repeat;
    background-size: contain;
}

.ai-automation-icon {
    background: url("../images/ai-icon-automation.svg") center center no-repeat;
    background-size: contain;
}

.ai-copilot-icon {
    background: url("../images/ai-icon-copilot.svg") center center no-repeat;
    background-size: contain;
}

.ai-crm-icon {
    background: url("../images/ai-icon-crm.svg") center center no-repeat;
    background-size: contain;
}

.ai-customer-service-icon {
    background: url("../images/ai-icon-customer-service.svg") center center no-repeat;
    background-size: contain;
}

.ai-live-chat-icon {
    background: url("../images/ai-icon-live-chat.svg") center center no-repeat;
    background-size: contain;
}

.ai-recommendation-icon {
    background: url("../images/ai-icon-recommendation.svg") center center no-repeat;
    background-size: contain;
}

.ai-social-icon {
    background: url("../images/ai-icon-social.svg") center center no-repeat;
    background-size: contain;
}

.ai-vision-icon {
    background: url("../images/ai-icon-vision.svg") center center no-repeat;
    background-size: contain;
}

h3.slide-title {
    margin: 0;
}

a.btn.vid {
    margin-bottom: 1rem !important;
}

span.number {
    border-radius: 100px;
    border: 5px solid #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    width:100%;
}

span.number:after {
    content:"";
    display:block;
    padding-bottom:100%;
}

.project-view .icon img {
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    left:0 !important;
}

.project-image {
    transition: all .5s ease-in-out;
    opacity: 0.4;
}

    .project-image:hover {
        transform: scale(1.1) skew(-15deg);
    }

.project-panel {
    transform: skew(-15deg);
    display: flex;
    justify-content: flex-start;
}

.project-logo {
    transform: skew(0deg) !important;
    position: relative !important;
}

    .project-panel .icon {
        width: 25%;
        height:100px;
        margin: 0 20px 0 0;
    }

        .project-panel .icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            transform: skew(0deg);
            position: relative;
            left:0;
        }

    .project-panel .details {
        width: 70%;
        color:#222 !important;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

.projects-box {
    height: 400px;
}

ul.project-list li {
    margin: 15px 0;
}

.project-panel {
    margin-left: 0;
}

img.health-matters {
    width: 65% !important;
    height: 75% !important;
    object-fit: contain;
}

p.recent-work-title {
    margin: 0 !important;
}

.block.image img.cta-img {
    left: -25%;
    width: 100%;
    transform: skew( -15deg);
}

.image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:0;
/*    background:#000;
*/}

.image.black {
    background:#000;
}

    .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.container.reverse .block {
    flex: 1;
    border: none;
    transform: skew(-15deg);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .container.reverse .block .content {
        transform: skew(-15deg);
        padding:5% 0;
        text-align: left;
        z-index: 5;
        position: relative;
        width: 80%;
        margin: 0 10%;
    }

        .container.reverse .block .content.white-text {
            color: #FFF;
        }

.clients {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

.white-text {
    color: #FFF !important;
}

.container.reverse .block .content.right-align {
    text-align: right;
}

section.panel .block .content.right-align h3 {
    text-align: right;
}

.container.reverse .block.image {
    font-size: 0;
    transform: skew(-30deg);
}

ul.project-list strong {
    color: #c1272d;
}

.container.reverse .block.image img {
    width: 110%;
    height: 100%;
    object-fit: cover;
    transform: skew(-15deg);
    left: 10%;
}

.container.reverse .block.image img.flourish-tablet {
    left: 20%;
}

section.grey-bkgd {
    background: #adadad;
}

section.block-panel {
    display: block;
}

    section.block-panel .row {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

        section.block-panel .row .block-content {
            width: 50%;
            display: flex;
            flex-wrap: wrap;
            position: relative;
        }

            section.block-panel .row .block-content .padding {
                padding: 10%;
            }

            section.block-panel .row .block-content.grey-block {
                background: #adadad;
            }

            section.block-panel .row .block-content.red-block {
                background: #c2272d;
            }

            section.block-panel .row .block-content .col {
                display: block;
                padding: 5% 10%;
                position: relative;
                z-index: 1;
                color: #FFF;
            }

            section.block-panel .row .block-content .image {
                width: 100%;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: 0;
            }

                section.block-panel .row .block-content .image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

.service-blocks {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .service-blocks li {
        width: 50%;
        background: #CCC;
        position: relative;
        overflow:hidden;
        transition: all 0.3s ease-in-out;
    }

        .service-blocks li span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            width: 100%;
            font-weight: 600;
            color: #FFF;
            z-index: 2;
            font-size: 17px;
        }

        .service-blocks li .service-image img {
            width: 100%;
            height: 100%;
            transition: all 0.3s ease-in-out;
            transform: scale(1.0);
            object-fit: cover;
        }

        .service-blocks li:hover > a .service-image img {
            transform:scale(1.2);
        }

        .service-blocks li .service-image {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: 0;
        }

.columns {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .columns .col {
        width: 45%;
        padding: 0 !important;
    }

section.block-panel .row .block-content .col.full {
    width: 80%;
    padding-top: 1rem;
}

section.block-panel .row .block-content .col.half {
    width: 30%;
}

    section.block-panel .row .block-content .col.half.no-padding-btm {
        width: 30%;
        padding-bottom: 0 !important;
    }

    section.block-panel .row .block-content .col.half img {
        width: 100%;
        height: 90px;
        display: block;
    }

img.logo-side {
    position: absolute;
    top: 50px;
    right: 0;
    width: 200px;
    height: auto;
}

body.projects .project-image {
    left: 8%;
    width: 100%;
}

.project-image {
    position: absolute;
    left: -15%;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: skew(-15deg);
}

.block.image img {
    position: absolute;
    left: -15%;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 115%;
    height: 110%;
    object-fit: cover;
    transform: skew(-15deg);
}

.block.image:first-child img {
    left: 0;
}

.copilot-bkgd {
    background:#19313d !important;
}

.contain {
    object-fit:contain !important;
}

.block.image img.partner-ar {
    left: -20%;
    width: 100%;
    height: 100%;
}

ul.logo-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item-icon {
    width: 75px;
    height: 75px;
    display: flex;
    margin-right: 25px;
}

li.logo-list-item {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 10px 0;
}

.margin {
    margin: 20px 0;
}

.container.reverse .block.image img.stretch {
    width: 110%;
    height: 100%;
    object-fit: cover;
    transform: skew(15deg);
    position: absolute;
    left: 0%;
    right: -20%;
}

/* .container.reverse .block:first-child {
    margin-left: calc((100% / 6) / -10);
} */

.container.reverse .block:first-child {
    margin-left: calc((100% / 6) / -1);
    right: -10%;
    left: 8%;
}

    .container.reverse .block:first-child .content {
        width: 60%;
        margin: 0 20% 0 20%;
    }

.container.reverse .block.covid:last-child {
    margin-left: -30%;
    margin-right: 5%;
}

/* .container.reverse .block:last-child {
    margin-right: calc((100% / 6) / -6);
    transform: skew(-15deg);
    margin-left: -10%;
} */

.container.reverse .block:last-child {
    margin-right: calc((100% / 6) / 6);
    transform: skew(-15deg);
    margin-left: -20%;
}

    .container.reverse .block:last-child .content {
        width: 60%;
        margin: 0 25% 0 15%;
    }

.red {
    color: #c5252d;
}

.yellow {
    color:#fbb91c;
}

.lt-blue {
    color: #83d0f5 !important;
}

.covid-title {
    font-weight: 300;
}

.project-work-title {
    font-weight: 300;
    margin-bottom:1rem !important;
}

.content h4.red {
    padding-top: unset;
}

.content h4 {
    margin:0;
}

.hero {
    height: 100vh;
    background: #222;
    color: #FFF;
    overflow:hidden;
}

    .hero-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.hero-logo {
    width:auto;
    height: 100%;
    object-fit: contain;
}

section.panel.cta p:first-child {
    margin-top: 0;
}

.azure-logo {
    margin-left:20px;
}

    .hero h2 {
        font-size: 32px;
        margin: 0 0 1rem 0;
        font-weight: 300;
        text-transform: none !important;
    }

    .hero p {
        font-size: 40px;
        font-weight: 400;
        /*        text-transform: uppercase;*/
        margin: 10px 0;
    }

.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 1;
}

    .hero-content.pages {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translate(0%, -50%);
        text-align: left;
        width: 50%;
    }

        .hero-content.pages p {
            text-transform: none;
            font-style: italic;
            width: 60%;
            font-size: 17px;
            font-weight: 300;
        }

        section.hero.cloud-e-commerce .hero-content.pages p {
            width: 90%;
        }

    .hero-content .btn {
        margin: 50px 0 0 0;
        color: #FFF;
    }

section.hero.cloud-e-commerce .hero-content.pages {
    position: absolute;
    top: 40%;
    left: 5%;
    transform: translate(0%, -50%);
    text-align: left;
    width: 40%;
}

.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );
}

.marquee__group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    animation: scroll-x var(--duration) linear infinite;
}

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }

    to {
        transform: translateX(var(--scroll-end));
    }
}

.home-hero-icons {
    width:100%;
    z-index:5 !important;
    bottom:10px !important;
    position:absolute !important;
    padding:0;
}

.home-hero-icons .item {
    width:auto;
}

.home-hero-icons .item a {
    display:flex !important;
    align-items:center;
    align-content:center;
    margin-right:10px;
    color:#FFF;
    text-decoration:none;
}

.home-hero-icons .item span.text {
    white-space:nowrap
}

.home-hero-icons .item span.icon {
    width:auto !important;
    height:auto;
    margin:0 15px 0 0 !important;
}

.home-hero-icons .item span.icon img {
    width:35px;
    height:auto;
}

.home-hero-icons .item span.icon.ms-partner-hero {
    margin: 0 !important;
}

.home-hero-icons .item a.microsoft-partner img {
    /* height: 75px; */
}

.home-hero-icons .item a.xamarin-partner img {
    /* height: 75px; */
}

.hero-nopcommerce {
    text-indent: -9999px;
    width: auto !important;
    height: 30px !important;
    display: block;
}

.home-hero-icons .item a {
    display:block;
    background:none !important;
}

.btn {
    border: 2px solid #FFF;
    display: inline-block;
    padding: 10px 20px;
    background: none;
    transition: all 500ms ease;
    text-decoration: none;
    color:inherit;
    font-size:1vw;
}


    .btn:hover {
        background: #FFF;
        color: #222;
    }


.btn-lnk {
    border: 2px solid #FFF;
    display: inline-block;
    padding: 10px 20px;
    background: none;
    transition: all 500ms ease;
    text-decoration: none;
    color: inherit;
    margin-top:20px;
}

.cta-para {
    position:relative;
    z-index:1;
}

.video-controls {
    position: absolute;
    display: flex;
    z-index: 50;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
}

.btn-skip img {
    width: 20px;
    height: 20px;
    margin: 0 0 0 10px;
}

    .btn-lnk:hover {
        background: #FFF;
        color: #222;
    }

.btn-skip:hover > img {
    filter: invert(1);
}


.btn-skip {
    border: 1px solid #FFF;
    padding: 10px 20px;
    background: #d6423f;
    transition: all 500ms ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
    bottom: 5%;
    color: white;
    font-size: 12px;
    border-radius: 10px;
}

    .btn-skip:hover {
        background: #FFF;
        color: #222;
    }


#muteicon {
    border: 1px solid #FFF;
    padding: 3px;
    border-radius: 50%;
    background: #d6423f;
    display: block;
    margin: auto 10px 0 0;
    font-size: 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
}


section.panel.services {
    background: #333;
    background-size: cover;
    color: #FFF;
    padding:4em 0;
}

section.panel.our-services {
    background: #333;
    background-size: cover;
    color: #FFF;
    padding:4em 0;
}

.block.crm.image img {
    position: absolute;
    left: -20%;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 110%;
    height: 100%;
    object-fit: cover;
    transform: skew(-15deg);
}

ul.crm-icons {
    list-style-type: none;
    margin: 20px 0 10px 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

ul.crm-icons.bottom {
    margin: 20px 0 50px 0;
}

    ul.crm-icons li {
        width: 40%;
        text-align: center;
        padding: 0;
        font-weight: 300;
    }

        ul.crm-icons li strong {
            display: block;
            margin: 0 0 10px 0;
            color: #c2272d;
        }

        ul.crm-icons li img {
            height:90px;
            width: 50%;
            margin: 0 0 10px 0;
        }

ul.dynamics-icons {
    list-style-type: none;
    margin: 50px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position:relative;
    z-index:2;
}

ul.dynamics-icons.margin-tp {
    margin:40px 0 20px 0;
}

ul.dynamics-icons.margin-tp li .icon {
    width: 60%;
    height: 90px;
    display: block;
    margin: 0 auto 20px auto;
}

ul.dynamics-icons.sm-margin {
    margin:20px 0 0 0;
}

    ul.dynamics-icons li {
        width: 20%;
        text-align: center;
        padding: 0 2%;
    }

        ul.dynamics-icons li strong {
            display: block;
            margin: 0 0 10px 0;
            color: #c2272d;
            font-size:15px;
        }

    ul.dynamics-icons li h4 {
        margin:0 0 10px 0;
    }

    ul.dynamics-icons li p {
        margin: 0;
    }

        ul.dynamics-icons li strong.yellow {
            color: #f9b833;
        }

        ul.dynamics-icons.white li strong {
            color: #FFF;
        }

    ul.dynamics-icons li .icon {
        width: 60%;
        height: 70px;
        display: block;
        margin: 0 auto 20px auto;
    }

            ul.dynamics-icons li .icon img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

ul.delivery-session {
    list-style-type: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    justify-content:space-between;
}

    ul.delivery-session li.discovery-item {
        width: 47%;
        text-align: left;
        padding: 0;
        color:#FFF;
    }

        ul.delivery-session li.discovery-item strong {
            display: block;
            margin: 0;
            color: #FFF;
        }

        ul.delivery-session li.discovery-item .icon {
            width: 100%;
            height: 65px;
            display: block;
            margin: 30px auto;
        }

            ul.delivery-session li.discovery-item .icon img {
                width: 100%;
                height: 65px;
                object-fit: contain;
                object-position: left;
            }

/*ul.delivery-session li ul {
    width:100%;
    display:block;
    list-style-type:none;
    padding:0;
}

    ul.delivery-session li ul li {
        width: 100%;
        margin: 10px 0;
        font-weight:300;*/
        /*    font-size:17px;
*/
    /*}

    ul.delivery-session li ol li {
        width: 100%;
        margin: 10px 0;
        font-weight: 300;*/
        /*    font-size:17px;
*/
    /*}*/

.icon {
    margin: 10px 0;
    /* height: 60px; */
}

/*.icon {
    margin: 0 0 10px 0;
    height: 60px;
}*/

ul.core-services .icon img {
    width: 100%;
    height: 50px;
}

section.panel.services {
    padding: 2em 0;
}

    .icon img {
        width: 50%;
        height: auto;
    }

section.quote-box {
    background: #c1272d;
    width: 90%;
    padding:5%;
    text-align: center;
    color: #FFF;
}

section.quote-box.black-block {
    background: #000000 !important;
}

.block.start-up-process-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.quote-carousel small {
    font-size: 22px;
}

.quote-mark.start {
    background: url("../images/SpeachIcon-66.svg") center left no-repeat;
    background-size: contain;
    position: absolute;
    left: 5%;
    top: 0;
    bottom: 0;
    margin: auto auto auto 0;
    height: 120px;
    width: 20%;
}

.quote-mark.end {
    background: url("../images/SpeachIcon-99.svg") center right no-repeat;
    background-size: contain;
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto 0 auto auto;
    height: 120px;
    width: 20%;
}

.counter-up span.label {
    width: 100%;
    text-align: center;
}

.client-logo {
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0;
    max-height: 125px;
    max-width: 40%;
}

.client-logo-panel {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items:flex-start;
}

.logo-right {
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    margin-top: auto;
}

.logo-left {
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: auto;
}

.block.project-one {
    align-items: flex-end;
}

.block.project-two {
    align-items: flex-end;
}

.client-info-panel {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    margin-top: 20px;
}

img.client-logo.swimfix {
    width: 45%;
    height: unset;
}

img.client-logo.rainbow-logo {
    width: 35%;
    height: unset;
}

img.client-logo.diagnostic {
    margin: 0;
}

img.client-logo.aktiv8-logo {
    width: 40%;
    height: unset;
}

img.client-logo.hondr-logo {
    width: 40%;
    height: unset;
}

img.client-logo.aai-logo {
    width: 35%;
    height: unset;
}

img.client-logo.swimfix-logo {
    width: 40%;
    height: unset;
}

.client-logo.hond-r {
    width: 40%;
    height:unset
}

section.quote-box p {
    font-size:1.8vw;
    width: 70%;
    text-align:left;
    padding: 0 15%;
    margin: 0 0 10px 0;
    font-weight: 300;
}

section.panel.grad {
    background: rgb(193,39,45);
    background: linear-gradient(90deg, rgba(193,39,45,1) 0%, rgba(0,0,0,1) 100%);
    color: #FFF;
    font-size: 38px;
    font-weight:300;
    width: 90% !important;
    padding:1.5em 5% !important;
}

section.panel.grad.purple-block {
    background: rgb(80,89,201);
    background: linear-gradient(90deg, rgba(80,89,201,1) 0%, rgba(0,0,0,1) 100%);
}
.grad-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.black-bgd h3 {
    background: rgba(0,0,0, 0.3);
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0;
}

.black-bgd p {
    background: rgba(0,0,0, 0.3);
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0;
}

section.panel h3 {
    text-align: center;
    margin: 0 0 20px 0;
    position: relative;
    z-index: 2;
}

h3.heading {
    position:relative;
    z-index:1;
}

section.panel .block h3 {
    text-align: left;
}

section.image-text-panel {
    display: flex;
    flex-wrap: wrap;
}

    section.image-text-panel .text-panel {
        width: 50%;
        padding:4em 5%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }

.content {
    text-wrap: pretty;
}

.image-panel-content {
    width: 60%;
    margin: 0 10% 0 auto;
}

    section.image-text-panel .image-panel {
        width: 50%;
        background: none;
        position:relative;
    }

        section.image-text-panel .image-panel img.absolute-img {
            position:absolute;
            top:0; right:0; bottom:0; left:0;
        }

section.image-text-panel .image-panel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.support-icons.text-links.no-margin li {
    font-weight:300;
    font-size: 15px;
    padding-left: 40px;
}

.no-mgn-btm {
    margin-bottom:0 !important;
}

img.pos-left {
    object-position:left;
}

img.pos-right {
    object-position: right;
}

img.pos-bottom {
    object-position: bottom;
}

img.pos-top {
    object-position: top;
}

.team-title {
    padding: 5% 10%;
    width: 80%;
    background: #F0F0F0;
    text-align: center;
}

    .team-title h3 {
        margin: 0;
    }

ul.team {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding:0 5% 5% 5%;
    width: 90%;
    justify-content: space-between;
}

    ul.team li {
        width: 19%;
        margin: 10px 0;
        background: #f0f0f0;
    }

        ul.team li .team-pic {
            background: #e4e4e4;
            font-size: 0;
        }

            ul.team li .team-pic img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        ul.team li .team-details {
            background: #f0f0f0;
            padding: 30px;
        }

            ul.team li .team-details strong {
                font-size: 24px;
                display: block;
                color: #c1272d;
                font-weight: 300;
            }

            ul.team li .team-details span {
                font-size: 17px;
                font-weight: 400;
            }

            ul.team li .team-details p {
                margin-bottom: 0;
                font-size:14px;
            }

ul.our-services {
    list-style-type: none;
    margin: 0;
    padding: 0 5%;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    gap:3%;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

    ul.our-services li {
        width: 17%;
        text-align: center;
        padding: 0;
        margin: 20px 0;
        text-wrap:balance;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
    }

        ul.our-services li a {
            color: #FFF;
            text-decoration: none;
        }

        ul.our-services li:hover {
            transform: scale(1.1);
            top: 5px;
        }

        ul.our-services li span {
            height: 40px;
            display: flex;
            justify-content: center;
            /* align-content: center; */
            align-items: center;
        }

ul.core-services {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    justify-content: space-between;
    z-index: 2;
    position: relative;
}

ul.core-services.seven li {
    width:13%;
}

ul.core-services.seven li .icon {
    height:60px;
}

ul.core-services.seven li .icon img {
    width:100%;
    height:100%;
    object-fit:contain;
}

ul.core-services.ten li {
    width: 10%;
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.award-title {
    margin-bottom: 20px;
}

.service-item-title {
    display: block;
    margin-bottom:1rem;
}

    ul.core-services li {
        width: 9%;
        text-align: center;
        text-wrap:pretty;
        font-size: 13px;
        transition: all 0.2s ease-in-out;
    }

        ul.core-services li:hover {
            transform: scale(1.1);
        }

            li:hover a.green {
                color: #81a535;
            }

            li:hover a.blue {
                color: #298cca;
            }

            li:hover a.yellow {
                color: #f49f2f;
            }

        ul.core-services li a {
            color: #FFF;
            text-decoration: none;
        }

ul.core-services li span {
    margin-bottom: 5px;
    display: block;
    justify-content: center;
    /* align-content: center; */
    /* align-items: center; */
}

section.stats .container {
    justify-content: center;
    flex-wrap:wrap;
    width:90%;
    padding:50px 5%;
}

.counters {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width:100%;
}

.counter-up {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}

.count-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.counter {
    padding: 0;
    color: #000000;
    font-size:62px;
}

.percent {
    display: block;
    margin: 0;
    font-size: 62px;
    color: #000000;
}

section.stats-panel {
    width: 90%;
    padding: 50px 5%;
}

    section.stats-panel .stats-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
    }

    section.stats-panel .content {
        position: relative;
        z-index: 1;
        text-align: center;
    }

        section.stats-panel .content ul.stat-boxes {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            section.stats-panel .content ul.stat-boxes li {
                width: 18%;
                margin: 0;
                font-size: 60px;
                font-weight: 300;
            }

                section.stats-panel .content ul.stat-boxes li span {
                    font-size: 15px;
                    display: block;
                }

    section.stats-panel .stats-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

section.panel.partners {
    padding: 3em 0 1em 0;
    text-align: center;
}

    section.panel.partners h3 {
        text-align: center;
        margin: 0 0 10px 0;
    }

section.panel.red {
    padding: 5% 10%;
    width: 80%;
    text-align: center;
    background: #c1272d;
    color: #FFF;   
    text-wrap:balance;
}

section.panel.red.left-align {
    text-align:left;
}

section.stats.angled {
    width: 80%;
}

section.block-full-width.angled {
    width: 80%;
}

section.full-width.angled-cols.angled.dblue {
    top: -40px;
    margin-bottom: -50px;
    padding: 100px 5% 50px 5% !important;
}

img.llm {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.logo-title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:1rem;
}

p.cta-btn:last-of-type {
    margin-top: 1rem;
}

.ar-hero-icons {
    height:50px;
}

.no-margin-left {
    margin-left:0 !important;
}

img.ar-icons {
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.logo-title-icon {
    margin-right: 25px;
}

.col-row {
    display:flex;
    justify-content:space-between;
    margin:0 auto;
    width:90%;
    gap:100px;
}

.mgn-top {
    margin-top:100px;
}

.col-block {
    width:50%;
    position:relative;
    z-index:1;
}

.angled-cols {
    width:90%;
}

section.full-width.angled-cols.angled {
    padding: 150px 5% 100px 5% !important;
}

.angled {
    /* clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); */
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
    padding: 100px 10% !important;
    margin-bottom: -4rem !important;
    top: -4rem;
    z-index: 2;
}

.margin-angled-top {
    margin-top:-50px !important;
    top:0;
}

.angled.top {
    top: -5rem;
    margin-bottom: -5rem !important;
}

section.image-banner-text.angled {
    width: 90%;
    padding: 100px 5% !important;
}

section.image-banner-text.angled.reversed {
    width: 90% !important;
}

section.block-full-width.grey-block.angled {
    width: 80%;
}

section.block-full-width.est.red-block.angled {
    width: 80%;
}

section.block-full-width.red-block.angled {
    width: 80%;
    text-align:center;
}

section.panel.services.angled {
    width: 80%;
}

section.panel.services.angled.blazor-text {
    width: 90%;
    padding: 100px 5% !important;
}

section.block-full-width.black-block.est.angled {
    width: 80%;
}

section.image-banner-text.reversed.angled {
    width: 80%;
}

.partners-logos {
    width: 100%;
    padding: 0;
}

ul.partner-logos {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0 0;
    display: flex;
    justify-content:space-between;
    gap:20px;
}

.partners-logos ul li img {
    /*width: 100%;*/
    height: 150px;
    object-fit: contain;
}

.super-partner-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

    ul.partner-logos li {
        display: block;
        width:auto;
        height:3rem;
    }

        ul.partner-logos li.microsoft-partner {
            background: url("../images/logos-small-microsoft-partner.svg") center left no-repeat;
            background-size: contain;
            width: 160px;
            position:relative;
        }

        ul.partner-logos li.xamarin {
            background: url("../images/logos-small-xamarin.svg") center left no-repeat;
            background-size: contain;
            width: 190px;
        }

        ul.partner-logos li.microsoft-ai {
            background: url("../images/logos-small-microsoft-ai.svg") center left no-repeat;
            background-size: contain;
            width: 210px
        }

        

img.trans {
    opacity: 0.3;
}

.content-full-width {
    width:100%;
    z-index:1;
}

section.block-full-width {
    width: 70%;
    padding:4em 15%;
    text-align: center;
    text-wrap:balance;
}

    .text-left {
        text-align: left !important;
    }

section.block-full-width.red-block.left-align {
    text-align: left;
}

section.block-full-width.no-padding-btm {
    padding: 50px 15% 0 15%;
}

section.block-full-width.session {
    width: 90%;
    padding: 50px 5%;
    text-align: center;
}

.para-text.ms-partner-list {
    width: 150px;
}

    section.block-full-width.session .intro {
        position:relative;
        z-index:5;
        color:#FFF;
    }

    section.block-full-width ul.partner-logos {
        justify-content: center;
    }

.block {
    flex: 1;
    border: none;
    transform: skew(15deg) !important;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .block .content {
        transform: skew(-15deg);
        padding: 5em 0;
        text-align: left;
        z-index: 5;
        position: relative;
        width: 80%;
        margin: 0 10%;
    }

        .block .content.white-text {
            color: #FFF;
        }

        .block .content.right-align {
            text-align: right;
        }

    .block.image {
        font-size: 0;
        position:relative;
    }

        .block.image img.stretch {
            width: 110%;
            height: 100%;
            object-fit: cover;
            transform: skew(-15deg);
            position: absolute;
            left: -50%;
            right: -20%;
        }

    .block:first-child {
        margin-left: calc((100% / 6) / -2);
    }

        .block:first-child .content {
            width: 60%;
            margin: 0 15% 0 25%;
        }

    .block:last-child {
        margin-right: calc((100% / 6) / -2);
    }

        .block:last-child .content {
            width: 60%;
            margin: 0 25% 0 15%;
        }

    .tall-block {
        transform: skew(10deg) !important;
    }

    .tall-block-content {
        transform: skew(-10deg) !important;
    }

    .block.tall-block img {
        transform: skew(-10deg) !important;
    }


.block-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -10%;
    margin: auto;
}

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(-15deg);
    }

a.btn-link {
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    display: inline-block;
}

a.white {
    color: #FFF;
}

section.client-stories {
    padding: 3em 0 0 0;
    text-align: center;
}

    section.client-stories .container {
        justify-content: flex-start;
    }

.client-story-block {
    flex: 1;
    border: none;
    position: relative;
    overflow: hidden;
    transition: all .2s ease-in-out;
}

    .client-story-block:after {
        content: "";
        display: block;
        padding-bottom: 75%;
    }

.client-logo-image img.flourish {
    width: 70%;
}

.client-logo-image img.swimfix {
    width: 60%;
}

blockquote {
    margin: 0 auto 15px auto;
    padding: 0;
    width: 70%;
    font-size: 24px;
}

.client-logo-image {
    height: 100%;
    transition: all .7s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-block-logo {
    width:100%;
    height:auto;
    object-fit:contain;
    margin:auto;
}

.client-story-block:hover .client-logo-image {
    top: -100%;
}

.btn.mg-top-2 {
    margin-top:2rem !important;
}

.client-hover {
    height: 100%;
    width:100%;
    position: absolute;
    transition: all .4s ease-in-out;
    top: 0;
}

.client-story-block:hover .client-hover {
    top: -100%;
}

.hover-content {
    position: absolute;
    top: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 10;
    transition: all .4s ease;
}

    .hover-content a {
        display: block;
        color: #333;
        text-decoration: none;
        margin: 20px 0 0 0;
    }

img.topdon-logo {
    width: 75%;
}

img.client-logo.topdon-logo {
    width: 45%;
}

img.full-logo {
    width: auto !important;
    height: 30px !important;
    object-fit:contain;
}

/*.client-logo-image img.rainbow-icon {
    width: 65%;
}

.client-logo-image img.thebrain-icon {
    width: 65%;
    height: 65%;
}

.client-logo-image img.diagnostic-connections {
    width: 45%;
    height: 45%;
}

.client-logo-image img.charity-auction {
    width: 75%;
    height: 65%;
}

.client-logo-image img.aai-icon {
    width: 65%;
    height: 55%;
}

.client-logo-image img.oa-icon {
    width: 65%;
    height: 55%;
}

.client-logo-image img.hondr-icon {
    width: 60%;
    height: 60%;
}

.client-logo-image img.sgg-greenfield {
    width: 60%;
    height: 60%;
}

.client-logo-image img.taxi-bot {
    width: 50%;
    height: 50%;
}

.client-logo-image img.super-bot {
    width: 50%;
    height: 50%;
}

.client-logo-image img.match-icon {
    width: 63%;
    height: 63%;
}

.client-logo-image img.hamonox-icon {
    width: 55%;
    height: 55%;
}

.client-logo-image img.text-machine {
    width: 65%;
    height: 55%;
}

.client-logo-image img.swimfix-img {
    width: 65%;
}

.client-logo-image img.aktiv8-icon {
    width: 65%;
}

.client-logo-image img.oxford-icon {
    width: 85%;
    height:45%;
}

.client-logo-image img.text-machine-icon {
    width: 85%;
    height:45%;
}

.client-logo-image img.dw-support-icon {
    width: 65%;
    height: 100%;
}

.client-logo-image img.caboosh-icon {
    width: 100%;
    height:100%;
}*/

.client-image {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .client-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.client-content small {
    display: block;
    margin: 20px 0;
}

.client-content a {
    color: inherit;
    text-decoration: none;
}

.box2 {
    width: 100%;
    height: 100%;
    background-color: red;
    z-index: 0;
}

ul.logos {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.logos li {
    }

ul.sub-features {
    list-style-type:none;
    margin:0;
    padding:0;
    width:100% !important;
}

ul.sub-features li {
    margin:10px 0 !important; 
    text-align:center !important;
    color:#FFF !important;
    width:100% !important;
}

ul.sub-features li strong {
    color:#FFF !important;
}

ul.xamarin-features {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0;
    padding: 25px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
    transform: skew(0deg);
    width: 100%;
}

    ul.xamarin-features li {
        width: 27%;
        text-align: center;
        margin: 30px 0;
        color: #000;
    }

    ul.xamarin-features.white-text li {
        color: #FFF;
    }

        ul.xamarin-features li .xamarin-icon {
            width: 80%;
            margin: 0 auto;
            height: 90px;
            display: block;
        }

            ul.xamarin-features li .xamarin-icon img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

        ul.xamarin-features li strong {
            display: block;
            margin: 20px 0;
            color: #c2272d;
        }

        ul.xamarin-features.white-text li strong {
            color: #FFF;
        }

.layer {
    position:relative;
    z-index:5;
}

ul.azure-features {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0;
    padding: 25px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
    transform: skew(0deg);
    width: 100%;
}

ul.dynamics-icons.five li {
    width: 16%;
}

ul.our-services .icon {
    margin: 0 auto 20px auto;
    height: 60px;
}

    ul.our-services .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

ul.azure-features.no-margin {
    padding: 0;
}

    ul.azure-features li {
        width: 15%;
        text-align: center;
        margin: 30px 0;
        color: #FFF;
    }

        ul.azure-features li .azure-icon {
            width: 70%;
            margin: 0 auto 10px auto;
            height: 70px;
            display: block;
        }

            ul.azure-features li .azure-icon img {
                width: 100% !important;
                height: 100% !important;
                object-fit: contain;
            }

        ul.azure-features li strong {
            display: block;
            margin: 20px 0;
            color: #FFF;
        }

        ul.azure-features.no-margin li strong {
            display: block;
            margin: 0;
            color: #FFF;
        }

        ul.azure-features li p {
            display: block;
            margin: 10px 0;
        }

        ul.azure-features li img {
            width: 60% !important;
            height: auto !important;
            margin: 0 auto !important;
            position: relative !important;
            left: unset !important;
            transform: skew(0deg) !important;
        }

ul.power-features {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0 10% 0 auto;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
    transform: skew(0deg);
    width: 80%;
}

    ul.power-features.no-padding {
        padding: 0;
        width: 90%;
        margin: 30px 0;
    }

        ul.power-features.no-padding li {
            width: 42%;
            margin: 20px 7% 0px 0px;
        }  

ul.power-features li {
        width: 45%;
        text-align: center;
        margin: 30px 0;
        color: #000;
    }

        ul.power-features li strong {
            display: block;
            margin: 20px 0;
            color: #c2272d;
        }

        ul.power-features li.feature-title {
            color: #c2272d;
        }

        ul.power-features li p {
            display: block;
            margin: 10px 0;
        }

        ul.power-features li img {
            width: 40% !important;
            height: 80px !important;
            margin: 0 auto !important;
            position: relative !important;
            left: unset !important;
            transform: skew(0deg) !important;
        }



    ul.ai-features li {
        width: 45%;
        text-align: center;
        margin: 30px 0;
        color: #000;
    }

        ul.ai-features li strong {
            display: block;
            margin: 20px 0;
            color: #c2272d;
        }

        ul.ai-features li.feature-title {
            color: #c2272d;
        }

        ul.ai-features li p {
            display: block;
            margin: 10px 0;
        }

        ul.ai-features li img {
            width: 40% !important;
            height: auto !important;
            margin: 0 auto !important;
            position: relative !important;
            left: unset !important;
            transform: skew(0deg) !important;
        }

ul.nop-features {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0 10% 0 auto;
    padding: 0px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
    transform: skew(0deg);
    width: 80%;
}


    ul.nop-features li {
        width: 45%;
        text-align: center;
        margin: 10px 0;
        color: #000;
    }

        ul.nop-features li strong {
            display: block;
            margin: 20px 0;
            color: #c2272d;
        }

        ul.nop-features li.feature-title {
            color: #c2272d;
        }

        ul.nop-features li p {
            display: block;
            margin: 10px 0;
        }

        ul.nop-features li img {
            width: 40% !important;
            height: auto !important;
            margin: 0 auto !important;
            position: relative !important;
            left: unset !important;
            transform: skew(0deg) !important;
        }

.content h4.framework-title {
    margin-bottom: 1rem;
}


ul.asp-core-features {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0 10% 0 auto;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1vw;
    /* transform: skew(-15deg); */
    width: 100%;
}

    ul.asp-core-features li {
        width: 45%;
        text-align: center;
        margin: 30px 0;
        color: #FFF;
    }

        ul.asp-core-features li span {
            display: block;
            margin: 20px 0;
        }

        ul.asp-core-features li p {
            display: block;
            margin: 10px 0;
        }

        ul.asp-core-features li img {
            width: 40% !important;
            height:70px !important;
            object-fit: contain !important;
            margin: 0 auto !important;
            position: relative !important;
            left: unset !important;
            transform: skew( 0deg ) !important;
        }

ul.microsoft-logos {
    position: absolute;
    left: 5%;
    bottom: 5%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
}

ul.hero-logos {
    position: absolute;
    left: 5%;
    bottom: 5%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
    gap:1vw;
}

.logo-item {
    height: 40px;
    margin:0 20px;
}

.logo-item-icons {
    height: 65px;
}

.long-logo {
    height:35px;
}

.logo-item:first-child {
    margin:0;
}

.logo-item:last-child {
    margin:0;
}

    .logo-item.last-item {
        margin: 0 0 0 20px;
    }

.no-margin {
    margin:0;
}

.text-image-block.no-margin {
    margin: 0;
}
/*
.ms-partner-hero-logo {
    height:50px;
}

.ms-dynamics {
    height:50px;
}*/

.superluminal-software-icons {
    position: absolute;
    display: block;
    left: 5%;
    bottom: 5%;
    width: unset;
    height: 200px;
    object-position: left !important;
}

.superluminal-software-icons img {
    width:100%;
    height:100%;
    object-fit:contain;
}

    ul.microsoft-logos.about-li-1 {
        bottom: 11%;
        margin-bottom: 60px;
    }
    ul.microsoft-logos.about-li-2 {
        bottom: 5%;
        margin-bottom: 60px;
    }

nav ul.microsoft-logos li.microsoft-xamarin {
    background: url("../images/XamarinPartner.svg") center left no-repeat;
    background-size:100% auto;
    width:31%;
}

.xamarin-menu {
    height: 60px !important;
    background-size: auto 60px !important;
    background-position-x: center !important;
}

.menu-logos {
    justify-content: space-between !important;
}

ul.microsoft-logos.inline {
    position:relative;
    left:0;
}

ul.microsoft-logos.inline li {
        text-indent:0;
    }

    ul.microsoft-logos.med-icons li {
        height: 50px;
    }    

ul.microsoft-logos li {
        display: block;
        height: 45px;
        text-indent: -9999px;
        width: 200px;
        margin: 0 30px 0 0;
    }

        ul.microsoft-logos li.microsoft-asp-net {
            background: url("../images/hero-asp-net-icon.svg") center left no-repeat;
            background-size: contain;
            width:45px;
        }

        ul.microsoft-logos li.microsoft-teams {
    background: url(../images/microsoft-teams-logo.svg) center left no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
}

        ul.microsoft-logos li.microsoft-365 {
            background: url("../images/MS_365.svg") center left no-repeat;
            background-size: contain;
        }

    ul.microsoft-logos li.microsoft-ai {
        background: url("../images/MS_AIWhite.svg") center left no-repeat;
        background-size: contain;
        margin: 0 25px 0 0;
    }

        .ms-partner-logo {
            width: 31%;
        }

        ul.microsoft-logos li.microsoft-azure {
            background: url("../images/ms-azure-logo-full.svg") center left no-repeat;
            background-size: contain;
            width:230px;
        }

        /*ul.microsoft-logos li.bot-framework-col {
            background: url("../images/bot-framework-icon-col.svg") center left no-repeat;
            background-size: contain;
            width:120px;
        }*/

        ul.microsoft-logos li.flow {
            background: url("../images/automation-with-flow.svg") center left no-repeat;
            background-size: contain;
            width:120px;
        }

        ul.microsoft-logos li.flow-icon {
            width: 60px;
        }

        ul.microsoft-logos li.umbraco {
            background: url("../images/hero-umbraco-icon.svg") center left no-repeat;
            background-size: contain;
            width:160px;
        }

        ul.microsoft-logos li.microsoft-dynamics-365 {
            background: url("../images/hero-dynamics-logo-white.svg") center left no-repeat;
            background-size: contain;
            width:310px;
            height:60px;
        }

        ul.microsoft-logos li.microsoft-xamarin {
            background: url("../images/xamarin-logo.svg") center left no-repeat;
            background-size: contain;
        }

        ul.microsoft-logos li.microsoft-partner {
            background: url("../images/MicrosoftPartner-white.svg") center left no-repeat;
            background-size: contain;
            width: 180px;
        }

        ul.microsoft-logos li.microsoft-asp-core-framework {
            background: url("../images/net-core-icon-logo-colour.svg") center left no-repeat;
            background-size: contain;
            width: 50px;
        }

        ul.microsoft-logos li.microsoft-power-platform {
            background: url("../images/power-platform-logo-full.svg") center left no-repeat;
            background-size: contain;
            width: 300px;
        }

        .micro-logo {
            margin:0px !important;
        }

        ul.microsoft-logos li.bot-framework-col {
            background-size: contain;
            width: 30px;
        }

        ul.microsoft-logos.med-icons li.bot-framework-col {
            width: 50px;
        }

        ul.crm-icons li.crm-digital-item img {
            height: 50px;
            width: 50%;
            margin: 0 0 10px 0;
        }

        ul.microsoft-logos li.ml-net {
            width: 60px;
        }

        li.ml-net img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        ul.microsoft-logos li.microsoft-sql {
            background: url("../images/microsoft-sql-logo.svg") center left no-repeat;
            background-size: contain;
            width: 325px;
            height:40px;
        }

        ul.microsoft-logos li.microsoft-teams-app-development {
            background: url("../images/msoft-teams-icon.svg") center left no-repeat;
            background-size: contain;
            width: 325px;
        }

        ul.microsoft-logos li.nop-commerce {
            background: url("../images/nopcommerce_logo.svg") center left no-repeat;
            background-size: contain;
            width: 210px
        }

        ul.microsoft-logos li.nop-commerce-bp {
            background: url("../images/nopcommerce_logo-white-bp.svg") center left no-repeat;
            background-size: contain;
            width: 210px
        }

        ul.microsoft-logos li.nop-commerce-bpc {
            background: url("../images/nopcommerce_logo-bp.svg") center left no-repeat;
            background-size: contain;
            width: 210px
        }

        ul.microsoft-logos li.xamarin-partner {
            background: url("../images/XamarinPartner.svg") center left no-repeat;
            background-size: contain;
            width: 130px;
            height:60px;
        }

        ul.microsoft-logos li.power-automate {
            background: url("../images/powerapps-icon.svg") center left no-repeat;
            background-size: contain;
            width: 50px
        }

        ul.microsoft-logos.med-icons li.power-automate {
            width: 60px
        }

        ul.microsoft-logos li.power-apps {
            background-size: contain;
            width: 50px
        }

        ul.microsoft-logos.med-icons li.power-apps {
            width: 60px
        }

        ul.microsoft-logos li.flow {
            background-size: contain;
            width: 50px
        }

        ul.microsoft-logos.med-icons li.flow {
            width: 60px
        }

        ul.microsoft-logos li.virtual-agents {
            background-size: contain;
            width: 50px
        }

        ul.microsoft-logos.med-icons li.virtual-agents {
            width: 60px
        }

li.feature-title {
    width: 100% !important;
    font-size: 36px;
    font-weight: 300;
    margin: 0 !important;
}

a.hero-link {
    display: block;
    height: 100%;
}

.menu-super-bot {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    top:50%;
    right: 50%;
}

.super-bot-img {
    height: 50%;
    object-fit: contain;
    object-position: top right;
    position: fixed;
    bottom: -5%;
    right: 52%;
    z-index: 1;
    /* left: 30%; */
    transform: rotate(20deg);
}

section.image-banner-text.reversed {
    justify-content: flex-end;
    display: flex;
}

.panel-content.full {
    width:80% !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
}

.support-icons {
    list-style-type: none;
    margin:1rem 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

    .support-icons li {
        width: 90%;
        text-align: left;
        padding-left:2.5vw;
        margin:0.5rem 0;
        background:url(../images/tick-icon.svg) top left no-repeat;
        background-size:20px 20px;
        line-height:1.5;
    }

    .support-icons.black {
        margin:1rem 0;
    }

        .support-icons.black li {
            width: 90%;
            text-align: left;
            padding-left: 2.5vw;
            margin:0.5rem 0;
            background: url(../images/tick-icon-black.svg) top left no-repeat;
            background-size: 20px 20px;
        }

        .support-icons li .icon-img {
            width: 25%;
            height:150px;
            display: block;
            margin: 0 auto 20px auto;
        }

        .support-icons li .icon-img img {
            width: 100%;
            height:100%;
            object-fit:contain;
            position:relative;
        }

.icons {
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:space-between;
}

    .icons li {
        width: 30%;
        text-align: center;
    }

    .icons li .icon-img {
        width: 100%;
        display:block;
        margin:0 auto 20px auto;
    }

    .icons li img {
        width: 80%;
        height:auto;
    }

    section.image-banner-text.reversed .panel-content {
        position: relative;
        top: 50%;
        left: 0%;
        text-align: left;
        width: 40%;
        margin-right: 5%;
        z-index: 1;
    }



.image-banner-text {
    background: #000;
    background-size: cover;
    color: #FFF;
    padding: 5% 0;
}

    .image-banner-text img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .image-banner-text .panel-content {
        position: relative;
        top: 50%;
        left: 5%;
        text-align: left;
        width: 40%;
        z-index: 1;
    }

        .image-banner-text .panel-content p {
            text-transform: none;
            font-size: 15px;
            font-weight: 300;
        }

section.column-text {
    padding:4em 0;
}

    section.column-text.support {
        background: url("../images/support-maintenance-background-3.jpg") center center no-repeat;
        background-size: cover;
    }

    section.column-text.bot .container {
        align-items: center;
    }

.col .btn {
    color: #FFF;
    display:inline-flex;
    margin: 20px 0 0 0;
}

    .col .btn:hover {
        color: #000;
    }

.col {
    padding: 0 5%;
    width: 40%;
}

.col.flex-center {
    padding: 0 5%;
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.col.flex-center ul.sq-logos {
    justify-content:center;
}

.col.flex-center ul.sq-logos li {
    text-indent:-9999px;
    display:block;
    margin:10px;
}

.col.full-width {
    padding: 0 5%;
    width: 90%;
    text-align:center;
}

img.ai-logo {
    width: 70%;
    height: auto;
    margin: 0 auto 20px auto;
    display: block;
}

img.bot-logo {
    width: 40%;
    height: auto;
    margin: 0 auto 20px auto;
    display: block;
}

section.gallery {
    width: 80%;
    padding:5% 10%;
}

section.panel.cta {
    padding: 4em 0;
    text-align: center;
}

    section.panel.cta h5 {
        font-size: 38px;
        margin: 0;
    }

/* TBSUK Styles */

.tbsuk-box {
    position:relative;
}

section.block-full-width.tbsuk-col {
    width: 90%;
    padding: 5%;
}

.tbsuklogo-side {
    width: 60%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}


/* FOOTER */
footer {
    background: #211f20;
    font-size: 0.85vw;
    font-weight: 300;
}

    footer .container {
        width: 90%;
        padding: 50px 5% 75px 5%;
        color: #FFF;
        z-index:unset;
    }

    footer strong {
        font-weight: 400;
        font-size: 27px;
        margin: 40px 0 10px 0;
        display: block;
    }

.footer-col {
    width: 25%;
}

    .footer-col ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

a.tel-icon {
    background: url(../images/phone-icon-footer.svg) left center no-repeat;
    background-size: 30px 30px;
    padding-left: 50px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #FFF;
    text-decoration: none;
    font-size:20px;
}

.contact-side a.tel-icon {
    background: url(../images/phone-icon-footer-black.svg) left center no-repeat;
    background-size: 30px 30px;
    padding-left: 50px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #000;
    text-decoration: none;
}

.footer-col ul li {
    margin: 10px 0;
}

.editor-field select {
    width: 100%;
    display: block;
    border: none;
    padding: 0 4%;
    border-radius: 5px;
    margin: 10px 0;
    font-weight: 400;
}

.contact-us select {
    display: block;
    border: none;
    width: 100%;
    padding: 10px 5%;
    border-radius: 5px;
    margin: 10px 0;
    background: #F8F8F8;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.footer-col input, .footer-col textarea {
    display: block;
    border: none;
    width: 90%;
    padding: 0 5%;
    border-radius: 5px;
    margin: 10px 0;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

#interest {
    height: 36px;
    font-family: 'Montserrat', sans-serif;
}

#Budget {
    height: 36px;
    font-family: 'Montserrat', sans-serif;
}

.text-box {
    height: 36px;
}

#Enquiry {
    padding: 5px 5%;
    font-family: 'Montserrat', sans-serif;
}

#mwp input {
    display: block;
    border: 1px solid #ccc;
    width: 90%;
    padding: 10px 5%;
    border-radius: 5px;
    margin: 10px 0;
    font-size:inherit;
    font-weight: 400;
}

#mes input {
    display: block;
    border: 1px solid #ccc;
    width: 90%;
    padding: 10px 5%;
    border-radius: 5px;
    margin: 10px 0;
    font-size:inherit;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

#mes input {
    margin-top:20px;
}

.signup-submit {
    color: #FFF;
    background: #c33a27;
    border: 2px solid #000;
    padding: 5px 15px;
    outline: 1px solid #fff;
    height: 50px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: 'Montserrat', sans-serif;
}

.no-thanks {
    background: #000 !important;
    color: #fff !important;
    outline: none !important;
    -webkit-appearance: none;
    font-family: 'Montserrat', sans-serif;
}

.no-thanks-link {
    color: #0007;
    background: #FFF;
    text-align: center;
    margin: 5px auto 0 auto;
    text-decoration: none;
    width: fit-content;
}

    .editor-label {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}

.footer-col textarea {
    height: 110px;
}

.footer-col button {
    background: #c5252d;
    border: none;
    display: inline-block;
    padding: 10px 15%;
    border-radius: 5px;
    margin: 0;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #FFF;
}

.footer-col ul li a {
    color: #FFF;
    margin-left: 0;
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px solid #211f20;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

    .footer-col ul li a:hover {
        margin-left: 5px;
        border-bottom: 2px solid #c5252d;
    }

.footer-col.centre {
    width: 40%;
}

ul.social {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display:flex;
}

.map {
    width: 100%;
    height: auto;
    background: #CCC;
    margin-top:2rem;
    position:relative;
}

.map:after {
    content:"";
    display:block;
    padding-bottom:60%;
}

    .map iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height:100%;
    }

ul.social li a.tw {
    background: url(../images/twitter-icon.svg) left center no-repeat;
    background-size: 35px 35px;
    text-indent: -9999px;
    height: 40px;
    width: 40px;
    display: block;
    color: #FFF;
    text-decoration: none;
    margin-right:5px;
}

ul.social li a.ln {
    background: url(../images/linkedin-icon.svg) left center no-repeat;
    background-size: 30px 30px;
    text-indent: -9999px;
    height: 40px;
    width: 40px;
    display: block;
    color: #FFF;
    text-decoration: none;
}

.contact-side {
    width: 70%;
}

.contact-us {
    width: 100%;
}

    .contact-us input, .contact-us textarea {
        display: block;
        border: none;
        width: 90%;
        padding: 10px 5%;
        border-radius: 5px;
        margin: 10px 0;
        background: #F8F8F8;
        font-size: 13px;
        font-weight: 400;
    }

    .contact-us textarea {
        height: 150px;
    }

    .contact-us button {
        background: #c5252d;
        border: none;
        display: inline-block;
        padding: 10px 15%;
        border-radius: 5px;
        margin: 0;
        font-size: 13px;
        font-weight: 400;
        color: #FFF;
    }

    ul.about-quote-carousel {
        list-style-type:none;
        margin:0;
        padding:0;
    }

.about-quote-carousel .slick-slide {
    height: unset !important;
}

ul.bot-logos {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 60%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

ul.bot-logos.row-display {
    transform: skew(0deg, 0deg);
    width: 90%;
    margin: 30px auto;
    left: 0;
    position: relative;
    align-items:center
}

ul.bot-logos.row-display li {
    width:12%;
    height:100px;
}

ul.bot-logos.row-display li.skype {
    background: url(../images/skype-icon.svg) center center no-repeat;
    background-size: contain;
    height: 100px;
    margin: 0;
}

ul.bot-logos.row-display li.facebook-messenger {
    background: url(../images/messenger-icon.svg) center center no-repeat;
    background-size: contain;
    height: 120px;
}

ul.bot-logos.row-display li.windows-cortana {
    background: url(../images/microsoft-cortana-logo.svg) center center no-repeat;
    background-size: cover;
}

ul.bot-logos.row-display li.whatsapp {
    background: url(../images/whats-app-icon.svg) center center no-repeat;
    background-size: contain;
    height: 80px;
    margin: 0;
}

ul.bot-logos.row-display li.twillo {
    background: url(../images/twillo-icon.svg) center center no-repeat;
    background-size: cover;
}

ul.bot-logos.row-display li.google-assistant {
    background: url(../images/google-assistant-logo.svg) center center no-repeat;
    background-size: 90% 80%;
    height: 100px;
    /* height: auto; */
}

ul.bot-logos.row-display li.virgin-atlantic {
    background: url(../images/virgin_atlantic.svg) center center no-repeat;
    background-size: contain;
    height: 80px;
    width:150px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.pepsi-cola {
    background: url(../images/pepsi.svg) center center no-repeat;
    background-size: contain;
    height: 80px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.grant-thornton {
    background: url(../images/grantthorntonllp.svg) center center no-repeat;
    background-size: contain;
    height: 80px;
    width: 200px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.autoglass {
    background: url(../images/autoglass.svg) center center no-repeat;
    background-size: contain;
    height: 80px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.autoglass.lg {
    background: url(../images/autoglass.svg) center center no-repeat;
    background-size: contain;
    width:15%;
    height:70px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.care-commission {
    background: url(../images/care-quality-commission-logo.svg) center center no-repeat;
    background-size: contain;
    width:20%;
    height: 80px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.care-quality.lg {
    background: url(../images/care-quality-commission-logo.svg) center center no-repeat;
    background-size: contain;
    width:15%;
    height:70px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.kotahi {
    background: url(../images/grantthorntonllp.svg) center center no-repeat;
    background-size: contain;
    height: 80px;
    margin: 0 15px;
}

ul.bot-logos.row-display li.the-french-national-railway {
    background: url(../images/logo-sncf.svg) center center no-repeat;
    background-size: contain;
    height: 50px;
    margin: 0 15px;
}

    ul.bot-logos.row-display li.portsmouth-college {
        background: url(../images/portsmouth-college-logo.svg) center center no-repeat;
        background-size: contain;
        height: 50px;
        width: 110px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.qpr-college-academy {
        background: url(../images/qpr-crest-blue.svg) center center no-repeat;
        background-size: contain;
        height: 50px;
        width: 60px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.carterton-college {
        background: url(../images/carterton-community-college.png) center center no-repeat;
        background-size: contain;
        height: 50px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.cholchester-institute {
        background: url(../images/ci-logo-web.svg) center center no-repeat;
        background-size: contain;
        height: 50px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.the-oxford-academy {
        background: url(../images/the-oxford-academy.svg) center center no-repeat;
        background-size: contain;
        height: 50px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.crystal-palace {
        background: url(../images/crystal-palace-logo.svg) center center no-repeat;
        background-size: contain;
        height: 50px;
        width:50px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.virtual-learning {
        background: url(../images/vluk-logo.png) center center no-repeat;
        background-size: contain;
        height: 50px;
        margin: 0 15px;
    }

section.image-banner-text.logos-row {
    padding: 50px 0;
}

ul.bot-logos li {
    color: #FFF;
    width: 33%;
    font-size: 12px;
    height: 160px;
    text-indent: -9999px;
    display: block;
}

ul.bot-logos li.windows-cortana {
    background:url("../images/microsoft-cortana-logo.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos li.amazon-alexa {
    background:url("../images/amazon-alexa-icon.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos.row-display li.amazon-alexa {
    background:url("../images/amazon-alexa-icon-col.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos li.google-assistant {
    background:url("../images/google-assistant-logo.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos.row-display li.google-assistant {
    background: url("../images/google-assistant-logo-col.svg") center center no-repeat;
    background-size: contain;
}

ul.bot-logos li.skype {
    background:url("../images/skype-icon.svg") center center no-repeat;
    background-size:contain;
    height: 120px;
    margin: 20px 0;
}

ul.bot-logos li.ms-teams {
    background: url(../images/microsoft-teams-logo.svg) center center no-repeat;
    background-size: 80px 80px;
    height: 120px;
    margin: 20px 0;
}

ul.bot-logos.row-display li.ms-teams {
    background: url(../images/microsoft-teams-logo.svg) center center no-repeat;
    background-size: contain;
    height: 60px;
    margin: 20px 0;
}

ul.bot-logos li.facebook-messenger {
    background:url("../images/messenger-icon.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos li.sms-messaging {
    background:url("../images/sms-messaging-icon.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos.row-display li.sms-messaging {
    background: url("../images/sms-messaging-icon-col.svg") center center no-repeat;
    background-size: contain;
}

ul.bot-logos li.twillo {
    background:url("../images/twillo-icon.svg") center center no-repeat;
    background-size:contain;
}

ul.bot-logos li.whatsapp {
    background: url(../images/whats-app-icon.svg) center center no-repeat;
    background-size: contain;
    height: 100px;
    margin: 30px 0;
}


ul.bot-logosAG {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%) skew(0deg);
    text-align: center;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

    ul.bot-logosAG li {
        color: #FFF;
        width: 33%;
        font-size: 12px;
        height: 160px;
        text-indent: -9999px;
        display: block;
    }

ul.bot-logosAG li.amazon-alexa {
    background: url("../images/amazon-alexa-icon.svg") center center no-repeat;
    background-size: contain;
}

ul.bot-logosAG li.google-assistant {
    background: url("../images/google-assistant-logo.svg") center center no-repeat;
    background-size: contain;
}

ul.brand-logos {
    list-style-type:none;
    margin:30px 0 0 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

ul.brand-logos li {
    margin:0 5px;
    height:50px;
    display:block;
    text-indent:-9999px;
}

ul.brand-logos li.ebay {
    background:url(../images/ebay_logo.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.brand-logos li.samsung {
    background:url(../images/samsung-logo.svg) center center no-repeat;
    background-size:contain;
    width:200px;
}

ul.brand-logos li.boeing {
    background:url(../images/boeing-logo.svg) center center no-repeat;
    background-size:contain;
    width:200px;
}

ul.brand-logos li.ups {
    background:url(../images/ups-logo.svg) center center no-repeat;
    background-size:contain;
    width:100px;
}

ul.logo-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items:center;
    position: absolute;
    bottom: 30px;
    left: 5%;
    z-index:1;
    justify-content: space-between;
}



ul.logo-icons.inline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
    bottom: 0;
    left: 0;
    width:fit-content;
    justify-content: space-between;
}

ul.logo-icons.inline.full {
    width:100%;
    justify-content: center;
}

    ul.logo-icons.inline li {
        width: 75px;
        height: 75px;
        display: block;
        text-indent: -9999px;
    }

ul.logo-icons li {
    width:75px;
    height:45px;
    display:block;
    text-indent:-9999px;
}

ul.logo-icons li.net-maui {
    background:url(../images/Net-Maui-Logo.svg) center center no-repeat;
    background-size:contain;
    width:75px;
    height:75px;
}

ul.logo-icons li.linux {
    background:url(../images/linux-logo.svg) center center no-repeat;
    background-size:contain;
    width:75px;
    height:75px;
}

ul.logo-icons li.xamarin-ic {
    background:url(../images/icon-xamarin.svg) center center no-repeat;
    background-size:contain;
    width:75px;
    height:75px;
}

ul.logo-icons li.microsoft-xamarin {
    background: url("../images/xamarin-logo.svg") center left no-repeat;
    background-size: contain;
    width:200px;
    margin-right:20px;
}

ul.logo-icons li.xamarin-partner {
    background: url(../images/logos-xamarin-partner.jpg) center center no-repeat;
    background-size: contain;
    width: 110px;
}

ul.logo-icons li.html-5-ic {
    background:url(../images/icon-html5.svg) center center no-repeat;
    background-size:contain;
    width:75px;
    height:75px;
}

ul.logo-icons li.android-ic {
    background:url(../images/icon-android.svg) center center no-repeat;
    background-size:contain;
}

ul.logo-icons li.apple-ic {
    background:url(../images/icon-apple.svg) center center no-repeat;
    background-size:contain;
    width:75px;
    height:75px;
}

ul.logo-icons li.windows-ic {
    background:url(../images/icon-windows.svg) center center no-repeat;
    background-size:contain;
}

ul.logo-icons li.nop-commerce {
    background: url("../images/nopcommerce_logo.svg") center left no-repeat;
    background-size: contain;
    width: 210px
}

ul.logo-icons li.amazon-alexa-lg {
    background: url("../images/amazon-alexa-long-logo.svg") center left no-repeat;
    background-size: contain;
    width: 210px;
    margin-right:25px
}

ul.logo-icons li.google-assistant-lg {
    background: url("../images/google-assistant-long-logo.svg") center left no-repeat;
    background-size: contain;
    width: 210px;
    margin-right:25px;
}

ul.logo-icons li.microsoft-ai-lg {
    background: url("../images/MS_AIWhite.svg") center left no-repeat;
    background-size: contain;
    width: 210px;
}



ul.logo-icons-inline li.xamarin-ic {
    background: url(../images/icon-xamarin.svg) center center no-repeat;
    background-size: contain;
}

ul.logo-icons-inline li.microsoft-xamarin {
    background: url("../images/xamarin-logo.svg") center left no-repeat;
    background-size: contain;
    width: 200px;
    margin-right: 20px;
}

ul.logo-icons-inline li.xamarin-partner {
    background: url(../images/logos-xamarin-partner.jpg) center center no-repeat;
    background-size: contain;
    width: 110px;
}

ul.logo-icons-inline li.html-5-ic {
    background: url(../images/icon-html5.svg) center center no-repeat;
    background-size: contain;
}

ul.logo-icons li.android-ic {
    background: url(../images/icon-android.svg) center center no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
}

ul.logo-icons li.microsoft-blazor {
    background: url(../images/blazor-logo-icon.svg) center center no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
}

ul.logo-icons-inline li.apple-ic {
    background: url(../images/icon-apple.svg) center center no-repeat;
    background-size: contain;
}

ul.logo-icons li.windows-ic {
    background: url(../images/icon-windows.svg) center center no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
}

li.net-maui.para-text-right {
    width: 50px;
    margin-left: 20px;
    background:url(../images/Net-Maui-Logo-Full.svg) center center no-repeat;
}

ul.logo-icons-inline li.nop-commerce {
    background: url("../images/nopcommerce_logo.svg") center left no-repeat;
    background-size: contain;
    width: 210px
}

p.large {
    color: #FFF;
    font-size: 22px !important;
    display: block;
    /* opacity: 1; */
    z-index: 11;
    position: relative;
}

ul.support-icons.no-margin {
    margin: 0 !important;
}

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

img.ai-logo.spacing {
    margin: 40px auto;
}

img.flip-x {
    transform: rotateY( 180deg );
    opacity: 0.5;
}

img.no-opacity {
    opacity: 1 !important;
}

/* PRELOADER */


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.super-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    display: block;
    z-index: 10000;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

    .super-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

#loader {
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #c2272d;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}



    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #961f23;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #5e1317;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #111;
    z-index: 1000;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    display: none;
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    display: none;
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    display: none;
    visibility: hidden;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

input, textarea, button, select, a {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

* {
    -webkit-tap-highlight-color:transparent;
}

*:focus {
    outline: none;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

.no-js h1 {
    color: #222222;
}



/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}




/* PRELOADER ENDS */

ul.app-stores {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
    bottom: 0;
    left: 0;
    width: fit-content;
    justify-content: space-between;
}

ul.app-stores li {
    width: 50px;
    height: 50px;
    margin-right:10px;
    display: block;
    text-indent: -9999px;
}

    ul.app-stores li.google-play {
        background:url('../images/google-play-logo.svg') center center no-repeat;
        background-size:contain;
    }

    ul.app-stores li.microsoft-store {
        background: url(../images/windows-store-logo.svg) center center no-repeat;
        background-size: contain;
    }

    ul.app-stores li.apple-app-store {
        background: url(../images/app-store-logo.svg) center center no-repeat;
        background-size: contain;
    }


ul.page-icons {
    list-style-type: none;
    margin: 0 auto 30px auto;
    padding: 0;
    display: flex;
    width: fit-content;
    justify-content: space-between;
}

ul.page-icons.btm {
    list-style-type: none;
    margin: 30px auto 0 auto;
    padding: 0;
    display: flex;
    width: fit-content;
    justify-content: space-between;
}

ul.page-icons.btm li {
    margin:0 20px;
}

ul.page-icons li {
    display:block;
    text-indent:-9999px;
    width:200px;
    height:50px;
}

ul.page-icons li.microsoft-partner {
    background:url(../images/MicrosoftPartner.svg) center center no-repeat;
    background-size:contain;
}

    ul.page-icons li.xamarin-partner {
        background: url(../images/logos-xamarin-partner.svg) center center no-repeat;
        background-size: 120% auto;
    }

    ul.page-icons li.xamarin-partner-no-sp {
        background: url(../images/logos-xamarin-partner-no-sp.svg) center center no-repeat;
        background-size: contain;
    }

ul.page-icons li.xamarin {
    background:url(../images/xamarin-logo-blue.svg) center center no-repeat;
    background-size:contain;
}

ul.page-icons li.azure {
    width:300px;
    background:url(../images/ms-azure-logo-full.svg) center center no-repeat;
    background-size:contain;
}

ul.page-icons li.ai {
    background:url(../images/MS_AI.svg) center center no-repeat;
    background-size:contain;
}

ul.payment-logos {
    list-style-type: none;
    margin: 0 auto 30px auto;
    padding: 0;
    display: flex;
    flex-wrap:wrap;
    width: 90%;
    justify-content: space-between;
}

ul.payment-logos li {
    display: block;
    text-indent: -9999px;
    width: 30%;
    height: 100px;
}

ul.payment-logos li.barclaycard {
    background: url(../images/barclaycard.jpg) center center no-repeat;
    background-size: contain;
}

ul.payment-logos li.hsbc {
    background: url(../images/hsbc.jpg) center center no-repeat;
    background-size: contain;
}

ul.payment-logos li.stripe {
    background: url(../images/stripe.jpg) center center no-repeat;
    background-size: contain;
}

ul.payment-logos li.payzone {
    background: url(../images/payzone.jpg) center center no-repeat;
    background-size: contain;
}

ul.payment-logos li.paypal {
    background: url(../images/paypal.jpg) center center no-repeat;
    background-size: contain;
}

ul.payment-logos li.square {
    background: url(../images/square.jpg) center center no-repeat;
    background-size: contain;
}

.hour-ai {
    margin:0 0 30px 0;
}

.material-scrolltop {
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border-radius: 50%;
    background: #e21d27;
    z-index: 5;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}

    .material-scrolltop:hover {
        background-color: #c5252d;
        text-decoration: none;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
    }

    .material-scrolltop::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: '';
        width: 0;
        border-radius: 100%;
        background: #c5252d;
    }

    .material-scrolltop:active::before {
        width: 120%;
        padding-top: 120%;
        -webkit-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .material-scrolltop.reveal {
        width: 56px;
        height: 56px;
    }

    .material-scrolltop span {
        display: block;
        font-size: 25px;
        color: #fff;
    }

    .material-scrolltop, .material-scrolltop::before {
        background-image: url(icons/top-arrow.svg);
        background-position: center 50%;
        background-repeat: no-repeat;
    }


/* STAT COUNTER CSS */

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half {
    width: 49%;
}

.col_third {
    width: 32%;
}

.col_fourth {
    width: 23.5%;
}

.col_fifth {
    width: 18.4%;
}

.col_sixth {
    width: 15%;
}

.col_three_fourth {
    width: 74.5%;
}

.col_twothird {
    width: 66%;
}

.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}

.end {
    margin-right: 0 !important;
}
/* Column Grids End */

.wrapper {
    width: 980px;
    margin: 30px auto;
    position: relative;
}

section.stats {
    background:#222;
    padding:25px 0;
}

.stat-counter-column {
    width: 30%;
    padding: 15px 10%;
    color:#FFF;
}

.count-title {
    font-size: 80px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color:#FFF;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #FFF;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}


/* ==== Main CSS === */
.img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

    .img-fill img {
        min-height: 100%;
        min-width: 100%;
        position: relative;
        display: inline-block;
        max-width: none;
    }

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

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

ul.Modern-Slider {
    margin: 0;
    padding: 0;
}

.Modern-Slider *,
.Modern-Slider *:before,
.Modern-Slider *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}

.Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
}

.Modern-Slider .blocks-box,
.Modern-Slider .slick-slider {
    margin: 0;
    padding: 0 !important;
}

.Modern-Slider .slick-slide {
    float: left /* If RTL Make This Right */;
    padding: 0;
}

/* ==== Slider Style === */
.Modern-Slider .item .img-fill {
    height: 100vh;
    background: #000;
}

.Modern-Slider .item .info > div {
    display: inline-block !important;
    vertical-align: middle;
}

.Modern-Slider .NextArrow {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 45px;
    height: 45px;
    background: url('../images/right-on.svg') center center no-repeat;
    background-size: contain;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 20px/45px FontAwesome;
    color: #FFF;
    z-index: 5;
}

    .Modern-Slider .NextArrow:before {
        content: url('../images/right-on.svg');
    }

.Modern-Slider .PrevArrow {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 45px;
    height: 45px;
    background: url('../images/left-on.svg') center center no-repeat;
    background-size:contain;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    color: #FFF;
    z-index: 5;
}

    .Modern-Slider .PrevArrow:before {
        content: url('../images/left-on.svg');
    }

.Modern-Slider .slick-dots {
    position: absolute;
    height: 5px;
    background: rgba(255,255,255,.20);
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 80%;
}

.hero-text {
    color: #FFF;
    columns: 1;
    orphans: 3;
    font-size:40px;
    font-weight:200 !important;
}

    .Modern-Slider .slick-dots li button {
        display: none;
    }

    .Modern-Slider .slick-dots li {
        float: left;
        width: 0px;
        height: 5px;
        background: #c2272d;
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

        .Modern-Slider .slick-dots li.slick-active {
            width: 100%;
            animation: ProgressDots 11s both;
        }

/* Slide out to the left*/
/*.Modern-Slider .item h2 {
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
    padding: 0;
    -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
    -moz-animation: toLeftAnim1 0.6s ease-in-out both;
    -o-animation: toLeftAnim1 0.6s ease-in-out both;
    -ms-animation: toLeftAnim1 0.6s ease-in-out both;
    animation: toLeftAnim1 0.6s ease-in-out both;
}

.Modern-Slider .item p {
    margin: 0;
    padding: 0;
    color: #c5252d;
    max-width: 100%;
    overflow: hidden;
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}

.Modern-Slider .item .info .btn {
    -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}*/

.Modern-Slider .item .hero-text {
    color: #FFF;
    margin: 0;
    padding: 0;
    position:relative;
    text-wrap:balance;
    line-height:normal;
    -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
    -moz-animation: toLeftAnim1 0.6s ease-in-out both;
    -o-animation: toLeftAnim1 0.6s ease-in-out both;
    -ms-animation: toLeftAnim1 0.6s ease-in-out both;
    animation: toLeftAnim1 0.6s ease-in-out both;
}

.Modern-Slider .item .btn-link {
    -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.4s both;
    -moz-animation: fromRightAnim1 0.6s ease-in-out 0.4s both;
    -o-animation: fromRightAnim1 0.6s ease-in-out 0.4s both;
    -ms-animation: fromRightAnim1 0.6s ease-in-out 0.4s both;
    animation: fromRightAnim1 0.6s ease-in-out 0.4s both;
}

.spacer {
    display:block;
}

/*.Modern-Slider .item p {
    margin: 0;
    padding: 0;
    color: #ed1520;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}*/

.Modern-Slider .item.slick-current p {
    -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.Modern-Slider .btn-lnk {
    position:relative;
    -webkit-animation: toLeftAnim3 0.8s ease-in-out 0.6s both;
    -moz-animation: toLeftAnim3 0.8s ease-in-out 0.6s both;
    -o-animation: toLeftAnim3 0.8s ease-in-out 0.6s both;
    -ms-animation: toLeftAnim3 0.8s ease-in-out 0.6s both;
    animation: toLeftAnim3 0.8s ease-in-out 0.6s both;
}

.Modern-Slider .slick-current .btn-lnk {
    -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

/*.Modern-Slider .item.slick-active .btn {
    animation: fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active {
    animation: Slick-FastSwipeIn 1s both;
}*/

.Modern-Slider {
    z-index: 5;
    height: 100%;
}

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn {
    0% {
        transform: rotate3d(0,1,0,150deg) scale(0) perspective(400px);
    }

    100% {
        transform: rotate3d(0,1,0,0deg) scale(1) perspective(400px);
    }
}

@-webkit-keyframes ProgressDots {
    from {
        width: 0px;
    }

    to {
        width: 100%;
    }
}

@keyframes ProgressDots {
    from {
        width: 0px;
    }

    to {
        width: 100%;
    }
}

/* ==== Slick Slider Css Ruls === */
.Modern-Slider .slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.Modern-Slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .Modern-Slider .slick-list:focus {
        outline: none
    }

    .Modern-Slider .slick-list.dragging {
        cursor: hand
    }

.Modern-Slider .slick-slider .slick-track, .Modern-Slider .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.Modern-Slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .Modern-Slider .slick-track:before, .Modern-Slider .slick-track:after {
        display: table;
        content: ''
    }

    .Modern-Slider .slick-track:after {
        clear: both
    }

.Modern-Slider .slick-loading .slick-track {
    visibility: hidden
}

.Modern-Slider .slick-slide {
    display: none;
    float: left /* If RTL Make This Right */;
    height: 100%;
    min-height: 1px;
    position:relative;
}

    .Modern-Slider .slick-slide.dragging img {
        pointer-events: none
    }

.Modern-Slider .slick-initialized .slick-slide {
    display: block
}

.Modern-Slider .slick-loading .slick-slide {
    visibility: hidden
}

.Modern-Slider .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

/* COOKIE STYLING OVERRIDE */

.cc-revoke, .cc-window {
    position: fixed !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    font-weight: 300 !important;
    font-size: 15px !important;
    max-width: 100% !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap !important;
    padding: 0 10px !important;
    justify-content: center !important;
    z-index: 10 !important;
    align-items: center !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    transform: unset;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9) !important;
}

.cc-btn {
    background: rgb(197, 37, 45) !important;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 10px !important;
    width: 75% !important;
    text-align: center;
    /**/ display: block !important;
    /* margin-bottom: 1em; */
    padding: 10px 0 !important;
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: unset !important;
    flex: unset !important;
    width: 20% !important;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 0%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 0%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 0%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 0%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 0%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 0%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 0%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 0%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 0%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}



@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 0%;
        opacity: 1;
    }
}

/* BOT STYLES */

@keyframes shake-animation {
    0% {
        transform: translate(0,0)
    }

    1.78571% {
        transform: translate(5px,0)
    }

    3.57143% {
        transform: translate(0,0)
    }

    5.35714% {
        transform: translate(5px,0)
    }

    7.14286% {
        transform: translate(0,0)
    }

    8.92857% {
        transform: translate(5px,0)
    }

    10.71429% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(0,0)
    }
}

.chatlogo {
    width: 100%;
    height: 70px;
    object-fit: contain;
}

.chatlogo.header {
    width:40px;
    height:40px;
    background: #FFF;
    border-radius: 50%;
    padding: 5px;
}

.chat-bot-logo-panel {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.chat-logo-side {
    background: #FFF;
    padding: 15px;
    text-align: center;
    border-radius: 300px;
    width: 70px;
    height: 70px;
    border: none;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    position: fixed;
    right: 100px;
    bottom: 25px;
    z-index: 5;
    cursor: pointer;
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}

    .chat-logo-side.hide {
        opacity: 0;
    }

.chatlogo.scrolled {
    height: 40px !important;
    transition: all 0.3s ease-in-out;
}

.chat-logo-side.scrolled {
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
    border: 1px dashed #bf2a32;
    transition: all 0.3s ease-in-out;
}

.chatBox .webchat__bubble__content a {
    color:#FFF;
}

.chatBoxContainer {
    position: fixed;
    /*    bottom: -230px;*/
    right: 150px;
    width: 430px;
    margin: 0;
    margin-bottom: 0;
    font-size: 13px;
    z-index: 5;
    overflow-y: visible;
    transition: all 0.4s ease-in-out;
    font-weight: 300;
}

#body {
    height:auto !important;
}

.chatBoxContainer.scrolled {
    bottom: -100%;
    right: 100px;
}

.chatBox {
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    font-size: 15px;
    z-index: 5;
    overflow-y: auto;
    max-height: 400px;
    transition: all 0.4s ease-in-out;
    box-shadow: 1px 1px 12px 1px #f2f2f2;
}

.chatBoxContainer.enable {
    bottom: 90px;
}

.contactText {

}

.arrow {
    width: 15px;
    height: 15px;
    margin-right: 0;
    transition: all 0.4s ease-in-out;
}

.chatBoxContainer .arrow {
    transform: rotate( -90deg);
}

.chatBoxContainer.enable .arrow {
    transform: rotate( 90deg);
}

.chatBoxContainer .chatBox {
    max-height: 150px;
}

.chatBoxContainer.enable .chatBox {
    max-height: 70vh;
}

.arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.chat-panel {
    border-radius: 20px 20px 0 0;
    background: rgba(1,1,1, .5);
    box-shadow: 2px 2px 20px 0px #f2f2f2;
}

.chatheader {
    border: none;
    top: 0;
    padding:15px;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end;
    flex-direction: row;
}

.webchat__basic-transcript {
    max-height:70vh;
}

summary.webchat__link-definitions__header {
    color: #FFF !important;
}

    .chatheader.hide {
        display: none;
    }

p .chat-title {
    font-size: 21px;
    margin: 0;
}

.title {
    font-size: 22px;
}

.chat-heading {
    padding-left: 10px;
}

.cspacer {
    border: 20px solid white;
    border-top-left-radius: 15px;
    top: 0;
    background: white;
    display: flex;
    justify-content: flex-end;
}

.chatfoot {
    border: none;
    top: 0;
    background: transparent;
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
}



.DemoChatBoxContainer {
    position: fixed;
    width: 430px;
    margin: 0;
    margin-bottom: 0;
    font-size: 13px;
    z-index: 5;
    overflow-y: visible;
    transition: all 0.4s ease-in-out;
    font-weight: 300;
}

    .DemoChatBoxContainer.scrolled {
/*        bottom: -80vh;
        right: 100px;*/
    }

.DemoChatBox {
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    font-size: 13px;
    z-index: 5;
    overflow-y: auto;
    max-height: 700px;
    transition: all 0.4s ease-in-out;
    box-shadow: 1px 1px 12px 1px #f2f2f2;
}

.DemoChatBoxContainer.enable {
    bottom: 0;
}

.DemoChatfoot {
    border: 20px solid white;
    top: 0;
    background: white;
    display: flex;
    justify-content: flex-end;
}

.block-full-width {
    width:90%;
    text-align:center;
    padding-top:2em;
    margin:auto;
}

.ai-show-video-container {
    border: 10px solid #FFF;
    font-size: 0;
}

section.block-full-width.cta.red-block.center-align {
    text-align: center;
}

div#mcr p {
    font-size:12px;
}

div#mcr ul li {
    font-size: 12px;
    font-weight: 300;
}

.team-padding {
    width:90%;
    padding:5%;
}

.modal {
    max-width: 640px !important;
}

    p .project-work-title.para-text, h3.team-title.para-text, h3.para-text, p.recent-work.cta-five.para-text, .cta-one, .cta-two, .cta-three, .cta-four {
    transform: none !important;
}

p.previous-title.para-text {
    transform: translate(0px, 0px) !important;
}

img.brain-logo {
    width: 40%;
    margin:0;
}

.ev {
    max-width: 640px;
    height:370px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

iframe#vif {
    width: 100%;
    height: 100%;
}

.instIOS {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6;
    background: #c5252d;
    padding: 0 25px;
    color: #FFF;
    display: none;
    align-items: center;
    justify-content: space-between;
}

.app-icon {
    width:30px; 
    height:30px;
}

/*.touch .block.projects-box .project-view.left-box {
    bottom: 0%;
}

.touch .block.projects-box .project-view {
    bottom: 0%;
}*/

@media (hover: hover) {
    
    a:focus {
        outline: none !important;
    }
    a {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    ul.core-services li:hover {
        transform: scale(1);
    }
}

/* Live Chat page CSS */

@media screen and (max-width:480px) {
    /* CHAT BOT STYLES */

    .chatBoxContainer {
        bottom: -80vh;
        right: unset;
        width: 75%;
    }

    .title {
        font-size: 15px;
    }

    .chatBox {
        bottom: -90px;
        right: unset;
        width: 100%;
        max-height: 70vh;
    }

        .chatBox .webchat__bubble__content p {
            font-size: 15px !important;
        }

    .chatBoxContainer .chatBox {
        max-height: 70vh;
    }

    .chatBoxContainer.enable .chatBox {
        max-height: 70vh;
    }

    input.webchat__send-box-text-box__input {
        font-size: 15px !important;
    }

    .chatlogo {
        height: 60px;
    }
}



/* QA STYLES */

header, section, main, footer {
    display: block;
    position: relative;
    width: 100%;
}

p:first-of-type {
    margin-top: 0;
}

p:last-of-type {
    margin-bottom: 0;
}

h2:first-child, h3:first-child {
    margin-top: 0;
}

.text-image-block {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.project-title {
    font-weight: 500;
}

.project-title {
    font-size: 1.5vw;
}

.text-content {
    width: 35%;
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 6em;
    padding-right: 0;
    text-wrap: pretty;
}

.text-content-right {
    width: 35%;
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 0;
    padding-right: 6em;
    text-wrap: pretty;
}

.angled-img-right {
    width: 60%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    position: relative;
    font-size: 0;
    display:flex;
    justify-content: center;
    align-items: center;
}

.third-row .angled-img-right {
    width: 58.5%;
}

.angled-img-left {
    width: 55.5%;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
    position: relative;
    font-size: 0;
    display:flex;
    justify-content: center;
    align-items: center;
}

.image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    /*    background:#000;
*/
}

    .image.black {
        background: #000;
    }

    .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

ul.partner-logos {
    list-style-type: none;
    margin: 0;
    padding: 2vw 0 0 0;
    display: flex;
    justify-content: space-between;
    gap: 2vw;
}

.super-partner-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

ul.partner-logos li {
    display: block;
    width: auto;
    height: 3vw;
}

ul.core-services {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    justify-content: space-between;
    z-index: 2;
    position: relative;
}

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 0.8vw;
        text-wrap: pretty;
        transition: all 0.2s ease-in-out;
    }

.services-title {
    margin-bottom: 1rem;
    display: block;
    justify-content: center;
}

.icon-title {
    display: block;
    margin: 0 0 0.5vw 0;
}

section.panel {
    background-size: cover;
}

.white-text {
    color: #FFF;
}

.red {
    color: #c5252d;
}

.red-bkgd {
    background: #c5252d;
}

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

.heading {
    font-size: 2.2vw;
    font-weight: 300;
    line-height: normal;
}

.services-icon {
    width: 40%;
    margin: 0 auto 1rem auto;
    position: relative;
}

    .services-icon:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.service-icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.panel-container {
    width: 90%;
    margin: 0 auto;
    padding: 3rem 0;
}

section.panel.services {
    background: #333;
    background-size: auto;
    background-size: cover;
    color: #FFF;
    padding: 2em 0;
    position: relative;
}

.service-icon {
    width: 4vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1vw;
    position: relative;
}

    .service-icon:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .service-icon img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.center-text {
    text-align: center !important;
}

.mg-b-2 {
    margin-bottom: 2vw;
}

ul.core-services li a {
    color: #FFF;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

img.trans {
    opacity: 0.3;
}

.trio-block {
    margin-top: 2rem;
}

span.icon-title {
    font-size: 0.85vw;
    text-wrap: pretty;
}


section.client-stories {
    padding: 3em 0 0 0;
    text-align: center;
}

    section.client-stories .container {
        justify-content: flex-start;
    }

.client-story-block {
    flex: 1;
    border: none;
    position: relative;
    overflow: hidden;
    transition: all .2s ease-in-out;
}

    .client-story-block:after {
        content: "";
        display: block;
        padding-bottom: 75%;
    }

blockquote {
    margin: 0 auto 15px auto;
    padding: 0;
    width: 70%;
    font-size: 1.5vw;
}

.client-logo-image {
    height: 100%;
    transition: all .7s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-block-logo {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: auto;
}

.client-story-block:hover .client-logo-image {
    top: -100%;
}

.btn.mg-top-2 {
    margin-top: 2rem !important;
}

.client-hover {
    height: 100%;
    width: 100%;
    position: absolute;
    transition: all .4s ease-in-out;
    top: 0;
}

.client-story-block:hover .client-hover {
    top: -100%;
}

.client-image {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .client-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.hover-content {
    position: absolute;
    top: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 10;
    transition: all .4s ease;
}

    .hover-content a {
        display: block;
        color: #333;
        text-decoration: none;
        margin: 20px 0 0 0;
    }

.owl-prev, .owl-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    z-index: 5;
    width: 3vmax;
    height: 3vmax;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.owl-next {
    right: 25px;
    background: url('../images/right-off.svg') center center no-repeat;
    background-size: auto;
    background-size: contain;
}

.owl-prev {
    left: 25px;
    background: url('../images/left-off.svg') center center no-repeat;
    background-size: auto;
    background-size: contain;
}


/* PROJECTS SECTION */

.projects-container {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.angled-block {
    width: 50%;
    position: relative;
    display: flex;
}

    .angled-block.project-panel-one {
        clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);
    }

    .angled-block.project-panel-two {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
        width: 53%;
        margin-left: -5%;
        justify-content: flex-end;
    }

.project-block-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.project-bkgd-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.client-block-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
    position: relative;
    z-index: 1;
    padding:0 5rem 5rem 5rem;
}

.client-logo-panel {
    margin-top: auto;
    margin-bottom: 1vw;
}

.right-project {
    align-items: flex-end;
}

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

.client-project-title {
    margin: 0 0 0 -0.25vw;
}

.project-link {
    color: #FFF;
    text-decoration: none;
    margin: 0 0 0 -0.15vw;
}

.client-info-panel {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.project-link {
    color: #FFF;
    text-decoration: none;
}

.project-blk-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client-logo-img {
    width:60%;
    height:auto;
}

/* PROJECTS PAGE */

.angled-block {
    width: 50%;
    position: relative;
    display: flex;
    overflow: hidden;
}

.projects-block {
    height: 25vmax;
}

.project-left-side {
    clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
    width: 55%;
}

.project-right-side {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    justify-content: flex-end;
    width: 55%;
    margin-left: -7%;
}

.project-reveal {
    background: rgba(255,255,255,0.8);
    bottom: -100%;
    position: absolute;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    left: 0;
    right: 0;
}

.projects-block:hover > .plink .project-reveal {
    bottom: 0;
}

.projects-block:hover > .reveal-mob {
    top: -100%;
    bottom: unset;
}

.project-info-panel {
    display: flex;
    justify-content: space-between;
    gap: 2vmax;
    margin-top: 2vmax;
    margin-bottom: 2vmax;
    margin-left: 3vmax;
    margin-right: 4vmax;
    align-items: center;
}

.right-side-panel {
    margin-left: 10vmax;
    margin-right: 2vmax;
}

.project-icon {
    width: auto;
    max-width: 25%;
    display: flex;
    align-items: center;
    margin:1rem auto;
}

.service-item p {
    margin: 0.25rem 0 0 0;
}

.content h4.power-suite-title {
    margin-bottom: 1rem;
}

.sales-item p {
    margin: 1rem 0;
}

.marketing-item p {
    margin: 1rem 0;
}

.project-details {
    width:90%;
    margin-right: auto;
    display: flex;
    align-items: flex-end;
    gap: 2vw;
    justify-content: space-between;
}

.plink {
    color: black;
}

img.project-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 6vmax;
}

.project-section {
    padding: 0.5vmax 0;
}

.projects-btn {
    margin-top: 0;
}

.mag-icon {
    width: 65px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    position: relative !important;
    left: 0 !important;
}

.reveal-panel {
    text-align: center;
    color: #FFF;
}

.project-view.view .reveal-mob {
    top: -100%;
}

/* AWARDS SECTION FOR HOME PAGE */

span.year-date {
    font-size: 1.5vw;
}

.no-right-mgn {
    margin-right: 0;
}


/* SUPERAI BAND - HOME PAGE */

.super-ai-details {
    display: flex;
    justify-content: space-between;
}

.super-ai-info {
    width: 70%;
}

ul.superai-ms-logos {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap:2vw;
}

.container.superai-container {
    width: 90%;
    padding: 3rem 0;
}

.super-ai-logo-img {
    width:100%;
    height:auto;
}

.ai-partner-logo {
    width:auto;
    height:4vw;
}

.super-ai-logos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2vw;
    align-items:center;
}

.superai-logo {
    height: 2.5vw;
}

.super-ai-text {
    font-size: 2.25vw;
    line-height:normal;
}

.business-show-24 {
    display: block;
}

.super-ai-text a {
    text-decoration: none;
}

.business-show-logo {
    width:25%;
}

.super-ai-info {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.superai-col-left {
    width:35%;
    display:flex;
}

.superai-col-right {
    width:60%;
}

.the-business-show-logo {
    width:100%;
    height:auto;
}

.super-ai-title-text {
    font-size: 2.95vw;
}

.launch-date {
    color: #8a1002;
    text-transform: uppercase;
    display: block;
    font-size: 3.5vw;
}
/* Big Mac's !!!! */
@media screen and (min-width: 2560px) {
    
body {
    font-size:0.8vw;
}

    .chat-help-box {
        width: 90%;
    }

    .cp-text {
        margin: 0;
        font-size: 1.35vw;
    }

    h2, h3, h4, h5 {
        font-size: 2vw;
    }

    .menu-nav-icon {
        width: 50px;
        height: 50px;
        margin: 0 15px 0 0;
    }
    
header .menu-icon {
    top: 100px;
    right: 100px;
}
    
header h1 {
    top: 100px;
    left:5%;
}

    ul.sub-pages {
        margin: 0 0 0 4vw;
    }
    
header h1 a {
    background-size: 100% auto;
    width: 380px;
    height: 70px;
}
    
nav .close {
    top: 100px;
    right: 100px;
}
    
.hero h2 {
    font-size: 50px;
    font-weight:200;
}

    .hero p {
        font-size: 54px;
    }

.hero-content.pages p {
    font-size: 18px;
}

.menu-logo {
    width:50%;
    top: 50px;
}

    .menu-logo a {
        background-size: 100% auto;
        width: 100%;
        height: 170px;
    }

    nav ul.main-nav li a {
        height: 50px;
        line-height: 50px;
        padding: 0 0 0 3vw;
    }
    
nav ul.main-nav li a {
    font-size: 1.6vw;
}
    
li.sub-title {
    font-size: 1.6vw;
}

.sub-menu ul li {
    font-size: 1.5vw;
}
    
.sub-menu ul li a {
    font-size: 1.4vw;
}
    
.icon img {
    width: 30%;
    height: auto;
}
    
ul.our-services {
    padding: 0 15%;
    width: 70%;
}

    .micro-logo {
        height: 90px;
    }

    .super-bot-img {
        height: 45%;
    }

    .footer-col input, .footer-col textarea {
        font-size: inherit;
    }

    .editor-field select {
        font-size: inherit;
    }

    section.panel.grad {
        font-size: 2vw;
    }
    
}

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

    .hero h2 {
        font-size: 48px;
        font-weight: 200;
    }

    body {
        font-size: 0.9vw;
    }

    .chat-help-box {
        width: 80%;
    }

    .cp-text {
        margin: 0;
        font-size: 1.35vw;
    }

    h2, h3, h4, h5 {
        font-size: 1.8vw;
    }

    .service-icon {
        width: 3vw;
        margin-bottom: 1vw;
    }

    section.panel.grad {
        font-size: 1.8vw;
    }

    /*.angled-img-right {
        width: 60%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    }

    .angled-img-left {
        width: 49%;
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    }*/

    .super-bot-img {
        height: 50%;
    }

    .menu-nav-icon {
        width: 50px;
        height: 50px;
        margin: 0 15px 0 0;
    }

    nav ul.main-nav li a {
        font-size: 1.5vw;
    }

    .hero p {
        font-size:2.1vw;
    }

    .sub-menu ul li {
        font-size: 1.5vw;
    }

    .micro-logo {
        height: 80px;
    }

        .sub-menu ul li a {
            font-size: 1.1vw;
        }

    img.device {
        position: relative;
        z-index: 1;
        width: 80% !important;
        height: 80% !important;
        object-fit: contain !important;
    }

        img.device.right {
            position: relative;
            z-index: 1;
            width:80% !important;
            height:80% !important;
            object-fit: contain !important;
            left: 0% !important;
            right: 10% !important;
        }

    .client-logo-image img.thebrain-icon {
        width: 55%;
        height: 55%;
    }

    .client-logo-image img.aai-icon {
        width: 50%;
        height: 50%;
    }

    .client-logo-image img.oa-icon {
        width: 50%;
        height: 50%;
    }

    .client-logo-image img.diagnostic-connections {
        width: 40%;
        height: 40%;
    }

    .client-logo-image img.charity-auction {
        width: 65%;
        height: 65%;
    }

    .micro-logo {
        height: 90px;
    }

    nav ul.main-nav li a {
        height: 50px;
        line-height: 50px;
        padding: 0 0 0 65px;
    }

    .footer-col input, .footer-col textarea {
        font-size:inherit;
    }

    .editor-field select {
        font-size: inherit;
    }

}

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

    nav ul.main-nav li a {
        height: 40px;
        line-height: 40px;
        padding: 0 0 0 3vw;
    }
}

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

    .hero h2 {
        font-size: 44px;
        font-weight: 200;
    }

    .hero p {
        font-size: 52px;
    }

}

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

    .info {
        width: 65%;
    }

}

/* HD Monitors*/
@media screen and (max-width: 1920px) {

    body {
        font-size:0.8vw;
    }

    .chat-help-box {
        width: 60%;
    }

    .hero h2 {
        font-size: 44px;
        font-weight: 200;
    }

    .menu-nav-icon {
        width: 35px;
        height: 35px;
    }

    .hero p {
        font-size: 52px;
    }

    .micro-logo {
        height: 60px;
    }

    nav ul.main-nav li a {
        height: 35px;
        line-height: 35px;
        padding: 0 0 0 50px;
    }

    ul.sub-pages {
        margin: 0 0 0 85px;
    }

    /*.angled-img-right {
        width: 59%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
    }

    .angled-img-left {
        width:50%;
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    }*/
}

/*@media screen and (max-width:1620px) {
    .super-bot-img {
        transform: translate(-24%, 10%) rotate(20deg) !important;
    }
}*/

/* HD 1920 Zoomed by 25% */
@media screen and (max-width: 1536px) {
    body {
        font-size:1vw;
    }

    span.award-year.hero-year {
        font-size: 1.5vw;
        margin: 0;
    }

    h2, h3, h4, h5 {
        font-size: 2.15vw;
    }

    section.panel.grad {
        font-size: 2.25vw;
    }

    .menu-logo {
        width: 65%;
    }

    .hero h2 {
        font-size: 40px;
    }

    nav ul.main-nav li a {
        height: 30px;
        line-height: 30px;
        padding: 0 0 0 45px;
    }

    .menu-nav-icon {
        width: 30px;
        height: 30px;
        margin: 0 15px 0 0;
    }

    ul.sub-pages {
        margin: 0 0 0 80px;
    }

    .super-bot-img {
        height: 50%;
    }

    .chat-help-box {
        width: 60%;
    }

    .cp-text {
        margin: 0;
        font-size: 2.5vw;
    }

    .cp-text {
        margin: 0;
        font-size: 1.6vw;
    }

    .hero img.awards-icon.innovation-hero {
        height: 7vw;
        width: auto;
    }

    .hero img.awards-icon.prestige-hero {
        height: 7vw;
        width: auto;
    }

    .hero img.awards-icon {
        width: auto;
        height: 6vw;
        object-fit: contain;
    }
    
}

/* Surface Pros */
@media screen and (max-width: 1504px) {      

        .block .content {
            transform: skew(-15deg);
            padding:5% 0;
        }

    ul.sub-pages {
        margin: 0 0 0 80px;
    }

    .sub-menu {
        padding: 0;
        width: 37%;
    }

    nav ul.main-nav li a {
        padding: 0 0 0 45px;
    }

        section.block-full-width.no-padding-btm {
                padding: 50px 5% 0 5%;
        }

        section.block-full-width {
            width: 80%;
            padding: 4em 10%;
        }

        .block {
            transform: skew(15deg);
        }

        .container.reverse .block {
            transform: skew(-15deg);
        }

        .container.reverse .block.image img {
            width: 110%;
            height: 100%;
            object-fit: cover;
            transform: skew(-15deg);
            left: 10%;
        }

        .container.reverse .block .content {
            transform: skew(-15deg);
            padding: 50px 0;
            width: 80%;
            margin: 0 10%;
        }

        .container.reverse .block:last-child {
            margin-right: calc((100% / 6) / 6);
            transform: skew(-15deg);
            margin-left: -20%;
        }

        .block.image img {
            left: -20%;
            width: 130%;
            height: 100%;
            transform: skew(-15deg);
        }

}


/*  Macbook*/
@media screen and (max-width: 1440px) {


    section.ai-panel .right-panel {
        width: 55%;
        padding: 50px 5% 30% 40%;
    }

    p.show-date {
        font-size: 2em;
    }

    .reveal-text {
        margin: 20px auto 0 auto;
        font-size: 3vw;
        transform: skew(-15deg);
    }

    ul.sub-pages {
        margin: 0 0 0 80px;
    }

        section.ai-panel .right-panel .right-text {
            font-size: 14px;
        }

    .hero h2 {
        font-size: 33px;
        font-weight: 200;
    }

    .hero p {
        font-size: 50px;
    }

    h2, h3, h4, h5 {
        font-size: 30px;
    }

    .btn {
        font-size: 14px;
    }

    section.quote-box p {
        font-size: 22px;
    }

    /*nav ul.main-nav li a {
        font-size: 20px;
    }

    .sub-menu ul li {
        font-size: 20px;
    }*/

    /*nav ul.microsoft-logos li.microsoft-partner {
        width: 80px;
    }
*/
    nav ul.microsoft-logos li.microsoft-xamarin {
        width: 160px;
    }

    nav ul.microsoft-logos li.microsoft-azure {
        width: 180px;
    }

    li.sub-title {
        margin: 10px 0;
    }

    .sub-menu ul li a {
        font-size: 18px;
    }

    ul.sub-pages li a {
        padding-left: 35px;
    }

    span.arrow {
        background: url(../images/ArrowIcon.svg) center center no-repeat;
        /* background-size: 20px 20px; */
        margin: 0 15px -2px 0;
    }

    section.ai-panel .left-text {
        width: 60%;
        padding: 5% 10% 5% 30%;
        font-size: 18px;
    }

    .cp-text {
        margin: 0;
        font-size: 1.8vw;
    }

    .service-icon {
        width: 3.5vw;
        margin-bottom: 1vw;
    }
}

/* Laptop */
@media screen and (max-width: 1367px) {

    .hero h2 {
        font-size: 31px;
        font-weight: 200;
    }

    .hero p {
        font-size: 3.8vw;
    }

    .sub-menu-panel {
        width: 78%;
    }

    .tick-list li:before {
        content: "";
        display: block;
        height: 0.25vw;
    }

}


/* 1280 screen width */
@media screen and (max-width:1280px) {

    ul.sub-pages {
        margin: 0 0 0 75px;
    }

    .award-logo-img {
        height: 1.5vw;
    }

    li.award-logo-item {
        margin: 0 10px;
    }

    .award-logo-img.prestige-awards {
        height: 9vw;
    }

    .award-logo-img.innovation-awards {
        height: 9vw;
    }

    footer {
        font-size: 0.75rem;
    }

    blockquote {
        font-size: 1.25rem;
    }

    li.xamarin.hide-mob {
        display: none;
        visibility: hidden;
    }

    ul.partner-logos {
        display: flex;
        justify-content: space-between;
    }

    img.tbsuklogo23-lg {
        width: 50%;
        margin-bottom: 10px;
        height: auto;
        object-fit: contain;
    }

    .menu-logo a {
        width: 100%;
        height: 70px;
    }

    .tall-block {
        transform: skew(5deg) !important;
    }

    .block.tall-block:last-child {
        margin-right: -15%;
    }

    .tall-block-content {
        transform: skew(-5deg) !important;
    }

    .block.tall-block img {
        transform: skew(-5deg) !important;
    }

    .block {
        transform: skew(5deg) !important;
    }

        .block .content {
            transform: skew(-5deg);
            padding: 5% 0;
        }

    .container.reverse .block .content {
        transform: skew(-5deg);
    }

    .container.reverse .block.image img {
        transform: skew(-5deg);
    }

    .block.image img {
        transform: skew(-5deg);
    }

    .project-image {
        transform: skew(-5deg);
    }

    .project-panel {
        transform: skew(-5deg);
    }

    .black-panel-left {
        clip-path: polygon(0% 0%, 75% 0, 100% 50%, 75% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 75% 0, 100% 50%, 75% 100%, 0% 100%);
    }

    .red-panel-right {
        width: 65%;
        clip-path: polygon(20% 50%, 0 0, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(20% 50%, 0 0, 100% 0, 100% 100%, 0% 100%);
    }

    .sub-menu-panel {
        width: 72%;
    }

    nav ul.main-nav li a {
        height: 30px;
        line-height: 30px;
        padding: 0 0 0 45px;
    }

    .menu-nav-icon {
        width: 30px;
        height: 30px;
        margin: 0 15px 0 0;
    }

    span.arrow {
        width:15px;
        height:20px;
        margin: 0 15px 0 0;
    }

    .menu-logo {
        top: 30px;
        left: 30px;
    }

    nav ul.main-nav {
        left: 30px;
    }

        nav ul.main-nav li:first-child {
            margin: 0 0 0.3vw 0;
        }

        nav ul.main-nav li {
            margin: 0.3vw 0;
        }

        nav ul.main-nav li:last-child {
            margin: 0.3vw 0 0 0;
        }

    .sub-nav:first-child {
        margin: 0 0 5px 0;
    }

    .sub-nav {
        margin:0.3vw 0;
    }

    .sub-nav:last-child {
        margin: 0.3vw 0 0 0;
    }

    .close-menu {
        top: 30px;
        right: 30px;
    }

    .micro-logo {
        height: 50px;
    }

    .service-blocks li span {
        width: 90%;
    }

    section.ai-panel .left-text h3 {
        font-size: 35px;
        line-height: 35px;
    }

    section.ai-panel .bottom-panel {
        height: 40%;
    }
        section.ai-panel .bottom-panel .bottom-text {
            width: 60%;
            padding: 30px 10% 25% 35%;
            font-size: 20px;
        }

    a.btn-lnk.scroll {
        font-size: 18px;
    }

    .tick {
        background-size: 2vw !important;
        padding-left: 3vw;
        margin: 0.5vw 0;
        min-height: 1.5vw;
    }

    .visualCaptcha-possibilities img {
        width:100%;
        height:100%;
        object-fit:contain;
    }

    footer .container {
        width: 90%;
        padding: 50px 5% 100px 5%;
        color: #FFF;
    }

    .block:first-child .content {
        width: 60%;
        margin: 0 20% 0 20%;
    }

    .col.ai-logo {
        width: 45%;
        padding: 0 5% 0 0;
    }

    img.ai-logo {
        width: 70%;
        height: auto;
        margin: 0 auto 20px auto;
        display: block;
    }

    .hero-content.pages p {
        width: 100%;
    }

    span.icon-title {
        font-size: 1vw;
    }

    ul.core-services li {
        width: 10%;
        text-align: center;
        font-size:0.85vw;
        transition: all 0.2s ease-in-out;
    }

    h2, h3, h4, h5 {
        font-size: 2vw;
    }

    .hero img.awards-icon {
        height: 6vw;
    }

        .hero img.awards-icon.innovation-hero {
            height: 7vw;
            width: auto;
        }

        .hero img.awards-icon.prestige-hero {
            height: 7vw;
            width: auto;
        }

    span.award-year.hero-year {
        font-size: 1.5vw;
        margin: 0;
    }

    .awards-bot {
        width: 70%;
        height: 80%;
        object-fit: contain;
    }

    section.column-text {
        padding: 2em 0;
    }

    p.show-date {
        font-size: 1.75rem;
    }

    section.est p {
        font-size:1rem;
    }
    
    nav ul.microsoft-logos li {
        height: 30px;
    }    
    
    section.panel.grad {
        font-size: 20px;
        width: 90% !important;
        padding: 2em 5% !important;
    }
    
    header .menu-icon {
        width: 40px;
        height: 40px;
    }
    
    nav .close {
        width: 30px;
        height: 30px;
    }

    .quote-mark.start {
        height: 140px;
        width: 10%;
    }

    .quote-mark.end {
        height: 140px;
        width: 10%;
    }

    section.quote-box {
        padding: 20px 5%;
    }

    section.panel.grad {
        font-size:1rem;
    }

    section.panel.cta {
        padding: 2em 0;
    }

    footer strong {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    .footer-col input, .footer-col textarea {
        font-size: 0.75rem;
    }

    .editor-field select {
        font-size:0.75rem;
    }

    .text-content {
        width: 35%;
        padding-top: 3em;
        padding-bottom: 3em;
        padding-left: 5em;
    }

    .text-content-right {
        width: 35%;
        padding-top: 3em;
        padding-bottom: 3em;
        padding-right: 5em;
    }

    body {
        font-size:1rem;
    }

    .btn {
        font-size: 1rem;
    }

    ul.core-services {
        width: 94%;
    }

    section.panel.partners {
        padding: 2em 0 1em 0;
    }

    section.client-stories {
        padding: 2em 0 0 0;
    }

    .container.trio-block {
        margin-top: 2em;
    }

    p.recent-work-title {
        font-size: 1.75rem;
    }

    .client-logo {
        max-width: 50%;
    }

    section.panel.our-services {
        padding: 2em 0;
    }

    section.block-full-width {
        width: 80%;
        padding: 2em 10%;
    }

        section.block-full-width ul.partner-logos {
            justify-content: center;
            gap: 20px;
        }

    ul.partner-logos li.microsoft-partner {
        width: 25%;
    }

    ul.partner-logos li.microsoft-ai {
        width: 30%;
    }

/* FROM QA RESPONSIVE FILE 17/07/24 */

    .text-content {
        width: 35%;
        padding-top: 3em;
        padding-bottom: 3em;
        padding-left: 5em;
    }

    .text-content-right {
        width: 35%;
        padding-top: 3em;
        padding-bottom: 3em;
        padding-right: 5em;
    }

    body {
        font-size:1.2vw;
    }

    .btn {
        font-size: 1rem;
    }

    .owl-prev, .owl-next {
        width: 4vmax;
        height: 4vmax;
    }
    
}

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

    body {
        font-size: 1.25vw;
    }

    #mes input {
        font-size:inherit;
    }

    .btn {
        font-size:inherit;
    }

    ul.sub-pages {
        margin: 0 0 0 6.75vw;
    }

    ul.power-features li p {
        font-size:inherit;
    }

    .sub-menu-panel {
        width: 73%;
        right: 20px;
    }

    span.arrow {
        background: url(../images/ArrowIcon.svg) center center no-repeat;
        /* background-size: 20px 20px; */
        margin: 0 15px 0 0;
        width: 15px;
        height: 20px;
    }

    .micro-logo {
        height: 45px;
    }

    ul.sub-pages li a {
        padding-left: 25px;
        margin:10px 0;
    }

    nav ul.main-nav {
        left: 50px;
    }

    .sub-menu {
        padding: 0 30px;
        height: 70vh;
        width: 30%;
    }

    nav .black-panel {
        width: 55%;
    }

    nav ul.main-nav li a {
        padding:0 0 0 45px;
    }

    blockquote {
        width: 80%;
        font-size:1.25vw;
    }

    .close-menu {
        top: 20px;
        right: 20px;
    }

    .sub-menu ul li {
        font-size: 2vw;
        margin: 10px 0;
    }

    .title {
        font-size: 2vw;
    }

}

/* Surface go L - 1200  */
/*@media screen and (min-device-width: 1200px) and (max-device-width: 1216px)  {

    body {
        font-size: 15px;
    }
}*/


/* Galaxy Z Fold 2*/
@media screen and (max-width:1104px) {

    .hero h2 {
        font-size: 25px;
        font-weight: 200;
    }

    .super-bot-img {
        transform: rotate(20deg);
        height: 35% !important;
    }

    .hero p {
        font-size: 39px;
    }

    ul.sub-pages {
        margin: 0 0 0 7.5vw;
    }

    nav ul.main-nav li a {
        font-size: 1.75vw;
    }
    li.sub-title {
        font-size: 1.75vw;
    }
    ul.sub-pages {
        margin: 0 0 0 75px !important;
    }
}


/*Galaxy Fold*/
@media screen and (max-width:1076px) {

    .hero h2 {
        font-size: 25px;
        font-weight: 200;
    }

    .hero p {
        font-size: 38px;
    }

    ul.sub-pages {
        margin: 0 0 0 8.25vw;
    }

}

/* iPad Air - Portrait */
@media screen and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {

    nav .black-panel {
        background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
        background-position-x:right !important;
        background-size: cover;
    }

    .super-bot-img {
        height: 35% !important;
    }

    nav ul.main-nav li a {
        padding: 0 0 0 6vw !important;
    }

    nav ul.main-nav {
        height: 30vh;
        transform:translate(0, -50%) !important;
    }

    .sub-menus {
        height: 30vh !important;
    }

    ul#tech {
        margin: 15px 0;
    }

    nav ul.microsoft-logos {
        width: 45%;
    }

        nav ul.microsoft-logos li.microsoft-xamarin {
            width: 31% !important;
        }

    .xamarin-menu {
        height: 40px !important;
        background-size: auto 40px !important;
        background-position-x: center !important;
    }

    .container.trio-block {
        height: 200px;
    }
    .chatBoxContainer.enable .chatBox {
        max-height: 60vh;
    }
    .chatBox {
        font-size: 15px;
    }

}

/* iPad Air - Landscape */
@media screen and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {

    .chatBoxContainer.enable .chatBox {
        max-height: 60vh;
    }

    .super-bot-img {
        height: 50%;
        transform: translate(-30%, 10%) rotate(20deg);
    }

    .sub-menu {
        padding: 0 30px;
        height: 45vh;
        width: 35%;
    }

    .chatBox {
        font-size: 15px;
    }
    section.panel.partners {
        padding: 50px 0 0 0;
        text-align: center;
    }
}

@media screen and (max-device-width:1004px) and (max-device-height:428px) and (orientation:landscape) {
    nav ul.main-nav li a {
        font-size: 1.5vw !important;
        padding: 0 0 0 30px !important;
        line-height: 15px;
        height: 15px;
    }
    li.sub-title {
        font-size: 1.5vw !important;
    }
    .menu-nav-icon {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    ul#tech {
        margin: 5px 0 !important;
    }
    .menu-logo {
        top: 20px;
        left: 5%;
    }
    .menu-logo {
        top: 20px;
        left: 20px;
        height: 50px;
    }

    .close-menu {
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
    }

    .slideup {
        bottom: 20px !important;
    }

    .sub-menu-panel {
        right: 20px;
    }
    ul.sub-pages {
        margin: 0 0 0 45px !important;
    }
    nav .black-panel {
        width: 50% !important;
        background: url(../images/menu-black-panel-tablet.svg);
        background-size: auto 100%;
        background-position-x: right !important;
    }
    nav ul.main-nav {
        left:5% !important;
    }
    nav ul.microsoft-logos li.microsoft-partner {
        width: 100%;
        height: 40px !important;
    }
    ul.microsoft-logos li.microsoft-ai {
        width: 31% !important;
    }
    .sub-menu ul li {
        font-size: 1.5vw !important;
    }
    nav .close {
        width: 20px;
        height: 20px;
        right: 20px;
        top: 20px;
    }
    ul.nav-ms-logos {
        bottom: 20px;
    }
    .slideup {
        bottom: 20px;
        right: 20px;
        opacity: 1;
        width: 45%;
    }
    span.arrow {
        background: url(../images/ArrowIcon.svg) center center no-repeat;
        background-size: contain;
        margin: 0 10px 0 5px;
        width: 15px;
        height: 15px;
    }
    .sub-menu {
        padding: 0 0 0 30px !important;
        width: 45% !important;
        right: 20px;
        left:unset !important;
    }
    nav ul.microsoft-logos li.microsoft-xamarin {
        background: url(../images/XamarinPartner.svg) center left no-repeat;
        background-size: 100% auto;
        width: 31% !important;
    }
    .xamarin-menu {
        height: 40px !important;
        background-size: auto 40px !important;
        background-position-x: center !important;
    }
    ul.sub-pages li a {
        padding-left: 25px !important;
        background-size: 15px 15px !important;
        font-size: 1.5vw !important;
        margin: 5px 0 !important;
    }
}

/*iPad Lscape*/
@media screen and (max-width:1024px) {

    .project-panel .details {
        width: 60%;
    }

    li.award-logo-item {
        margin: 0 1.25vw;
    }

    .award-logo-img.prestige-awards {
        height: 8vw;
    }

    .award-logo-img.innovation-awards {
        height: 8vw;
    }

    .ai-icon-carousel .owl-dots {
        flex-wrap:wrap;
        display:none;
        visibility:hidden;
    }

        .ai-icon-carousel .owl-dots .owl-dot {
            width: 20%;
            margin: 10px 0;
        }

    img.tbsuklogo23-lg {
        width: 60%;
        margin-bottom: 0;
    }

    li.xamarin.hide-mob {
        display: none;
        visibility: hidden;
    }

    ul.partner-logos {
        margin:0;
        justify-content: space-between;
    }

    ul.sub-pages li a {
        background-size: 15px 15px;
    }

    ul.core-services li {
        width: 33%;
        font-size: 1.25vw;
    }

    span.icon-title {
        font-size: 1.35vw;
    }

    span.icon-title br {
        display:none;
        visibility:hidden;
    }

    .service-icon {
        width: 4vw;
        margin-bottom: 1vw;
        margin-top: 2vw;
    }

    h2, h3, h4, h5 {
        font-size: 2.25vw;
    }

    .client-block-content {
        padding: 3rem;
    }

    .sub-menu-panel {
        width: 75%;
    }

    .menu-logo a {
        width: 100%;
        height: 55px;
    }

    .intro-panel {
        padding: 5% 0 0 0;
        width: 80%;
    }

    section.full-width.angled-cols.angled {
        padding: 15% 5% 5% 5% !important;
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    }

    .col-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
        gap: 0;
    }

    .live-chat-carousel {
        width: 90%;
    }

    .reveal-text {
        font-size: 3vw;
        transform: skew(-5deg);
    }

    ul.hero-logos {
        width:70%;
    }

    body.workshops .logo-item:nth-child(3n) {
        margin: 0;
    }

    body.workshops .logo-item:nth-child(4n) {
        margin: 20px 20px 0 0;
    }

    body.workshops .logo-item:nth-child(5n) {
        margin: 20px 0 0 0;
    }

   /* .award-logos-panel {
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }*/

    .award-logos-block {
        padding: 0;
    }

    li.award-logo-item:first-child {
        margin-left:0;
    }

    .super-bot-img {
        transform: rotate(20deg);
        height: 45%;
    }

    .block.projects-box .project-view {
        width: 80%;
        padding: 30px 10% 30px 5%;
    }

    .project-panel {
        margin-left: 0;
    }

    .hero-content.pages {
        width: 50%;
    }

    footer strong {
        font-size: 20px;
        margin: 40px 0 10px 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .project-panel {
        transform: skew( -5deg);
    }

    .block.image img.stretch {
        transform: skew(-5deg);
        right: -25%;
    }

    .project-image {
        transform: skew( -5deg);
    }

    .block.image img {
        left: -20%;
        width: 130%;
        height: 100%;
        transform: skew(-5deg);
    }

    section.block-full-width.est.red-block.angled {
        width: 90%;
    }

/*html, body {
    height:100%;
}*/

    nav .black-panel {
        width: 50%;
        background-position-x: 95%;
    }

    .sub-menu {
        z-index: 100;
        padding: 0 30px;
        height: 70vh;
        width:35%;
    }

    nav ul.main-nav li a {
        padding: 0 0 0 45px;
    }

    .sub-menu ul li {
    }

    footer .container {
        width: 90%;
        padding: 0px 5% 100px 5%;
        color: #FFF;
    }

    ul.partner-logos li.microsoft-partner {
        width: 80px;
        height: 50px;
    }

    section.panel.red {
        padding: 30px 5%;
        width: 90%;
        
    }

    .team-title {
        padding: 20px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.partner-logos li.xamarin {
        width: 120px;
        height: 50px;
    }

    ul.partner-logos li.microsoft-ai {
        width: 50%;
        height: 50px;
        margin-right: 0;
    }

    p.show-date {
        font-size: 1.75em;
    }

    ul.core-services li span {
        margin-bottom: 5px;
        }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width:40%;
    }

/*.hero.home {
    height:100%;
}*/

/*    video {
        width: 100%;
        height: auto !important;
        object-fit: contain !important;
        object-position:unset !important;
        background: none !important;
    }*/

    .video-landing-container {
        height: 100%;
    }

    ul.bot-logos.row-display {
        transform: skew( 0deg, 0deg);
        width: 100%;
        margin: 0 auto;
        left: 0;
        position: relative;
        align-items: center;
        justify-content:space-evenly;
    }

    ul.bot-logos.row-display li.grant-thornton {
        background: url(../images/grantthorntonllp.svg) center center no-repeat;
        background-size: contain;
        height: 80px;
        width: 160px;
        margin: 0 15px;
    }

    ul.bot-logos.row-display li.virgin-atlantic {
        height: 80px;
        width: 120px;
        margin: 0 15px;
    }

    section.stats.angled {
        width: 90%;
    }

    .counter {
        padding: 0;
        color: #000000;
        font-size: 42px;
    }

    .percent {
        display: block;
        margin: 0;
        font-size: 42px;
        color: #000000;
    }

    section.stats .container {
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        padding: 50px 0;
    }

    ul.asp-core-features {
        font-size: 15px;
        transform: skew( -5deg);
        width: 75%;
        margin: 0 15% 0 auto;
    }

        ul.asp-core-features li {
            width: 48%;
            text-align: center;
            margin: 10px 0;
            color: #FFF;
        }

    section.block-full-width.grey-block.angled {
        width: 90%;
    }

    p.previous-title.para-text-right {
        transform: translate(0px, 0px) !important;
    }

    ul.dynamics-icons.sm-margin {
        margin: 20px 0 0 0;
        justify-content: space-between;
    }

    .image-banner-text .panel-content {
        position: relative;
        top: 50%;
        left: 5%;
        text-align: left;
        width: 40%;
        z-index: 1;
    }

    .support-icons.black li {
        padding-left: 30px;
        margin: 10px 0;
        background: url(../images/tick-icon-black.svg) top left no-repeat;
        background-size: 20px 20px;
    }

    .support-icons li {
        width: 90%;
        text-align: left;
        padding-left: 30px;
        margin: 10px 0;
        background: url(../images/tick-icon.svg) top left no-repeat;
        background-size: 15px 15px;
    }

    section.block-full-width.red-block.angled {
        width: 90%;
        padding: 100px 5% 40px 5% !important;
    }

    ul.power-features li strong {
        display: block;
        margin: 0 0 10px 0;
        color: #c2272d;
    }

    ul.power-features.no-padding {
        width: 100%;
        margin: 20px 0;
    }

    .support-icons {
        list-style-type: none;
        margin: 10px 0 0 0 !important;
        width: 100%;
        justify-content: space-between;
    }

    ul.crm-icons.short-icon li img {
        height: 60px;
        width: 50%;
        margin: 0 0 10px 0;
    }

    .block.crm.image img {
        left: -10%;
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew( -5deg);
    }

    ul.crm-icons {
        margin: 20px 0;
    }

        ul.crm-icons li img {
            height: 90px;
            width: 50%;
            margin: 0 0 10px 0;
        }

        ul.crm-icons li strong {
            display: block;
            margin: 0 0 10px 0;
            color: #c2272d;
        }

    ul.logo-icons {
        width: auto;
    }

        ul.logo-icons li {
            width: 45px !important;
            height: 45px !important;
            display: block;
            text-indent: -9999px;
        }

            ul.logo-icons li.amazon-alexa-lg {
                width: 180px !important;
                margin-right: 25px;
            }

            ul.logo-icons li.google-assistant-lg {
                width: 180px !important;
                margin-right: 25px;
            }

            ul.logo-icons li.nop-commerce {
                background: url(../images/nopcommerce_logo.svg) center left no-repeat;
                background-size: contain;
                width: 145px !important;
            }

    .hero h2 {
        font-size: 31px;
        font-weight: 200;
    }

    .visualCaptcha-possibilities .img {
        padding: 5px !important;
        border: 2px solid #D6423F;
    }

    .hero p {
        font-size: 4vw;
    }

    .block .content {
        transform: skew( -5deg);
        padding: 5% 0;
    }

    .container.reverse .block .content {
        transform: skew( -5deg);
        padding: 5% 0;
        width: 80%;
        margin: 0 10%;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 1) / 10);
        transform: skew(-5deg);
        margin-left: -10%;
    }

    .block:first-child .content {
        width: 75%;
        margin: 0 10% 0 15%;
    }

    .block:last-child .content {
        width: 75%;
        margin: 2rem 10% 2rem 10%;
    }

    .block {
        transform: skew(5deg) !important;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(-5deg);
    }

    .block:first-child {
        margin-left: calc((100% / 10) / 1);
        margin-left: -5%;
    }

    .block:last-child {
        margin-right: calc((100% / 10) / 1);
        margin-right: -5%;
        transform: skew(5deg);
    }


    .owl-next {
        right: 10px;
    }

    .owl-prev {
        left: 10px;
    }

}

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

    .container.superai-container {
        width: 90%;
        padding: 2rem 0;
    }

    img.tbsuklogo24 {
        width: 30%;
        margin-bottom: 10px;
    }

    body.home-qa {
        font-size: 2vw;
    }

    .whitepaper-image {
        padding: 1rem 0;
    }

    .client-block-content {
        padding: 3rem;
    }

    .client-logo-img {

    }

    span.icon-title {
        font-size: 2vw;
    }

    .text-content {
        width: 35%;
        padding-top: 2em;
        padding-bottom: 2em;
        padding-left: 3em;
    }

    ul.core-services li {
        width: 31%;
        /*font-size: 1rem;*/
    }

    .text-content {
        width: 35%;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 2em;
    }

    ul.core-services {
        gap: 3vw;
    }

    .icon {
        width: 7vw;
        margin-bottom: 1vw;
    }

    ul.our-services .icon {
        height: 50px;
    }

    .cp-text {
        font-size: 3vw;
    }

    .chat-help-buttons .btn {
        font-size: 2vw;
    }

    .heading {
        font-size: 3vw;
    }

    ul.partner-logos {
        padding: 2vw 0 0 0;
        gap: 2vw;
    }

    ul.partner-logos li {
        height: 3.45vw;
    }

    ul.core-services li {
        font-size: 1.5vw;
        text-wrap: pretty;
    }

        ul.core-services li br {
            display: none;
            visibility: hidden;
        }

    .text-content-right {
        width: 35%;
        padding-top: 2em;
        padding-bottom: 2em;
        padding-right: 2em;
    }

    .hide-tab {
        display: none !important;
    }

    .mg-b-2 {
        margin-bottom: 4vw;
    }

    .project-title {
        font-size: 2vw;
    }

    .project-text {
        font-size:1.5vw;
    }

    .service-icon {
        width: 6vw;
        margin-bottom:2vw;
    }

}

/* 800 screen width */
@media screen and (max-width:800px) {
    .wp-container {
        width: 90%;
    }
    .chat-help-box .btn {
        font-size: 2vw;
    }
    .cp-text {
        font-size: 3vw;
    }
    body {
        font-size: 1rem;
    }
    .tick {
        margin: 1vw 0;
    }
    .container.reverse .block:first-child .content {
        width: 55%;
        margin: 0 20% 0 25%;
    }
    .hero img.awards-icon {
        height: 9vw;
    }
    .black-panel-left {
        width: 100%;
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 10;
        top: -100%;
        transition: top 0.5s ease;
        -webkit-transition: top 0.5s ease;
        -moz-transition: top 0.5s ease;
        -o-transition: top 0.5s ease;
        -ms-transition: top 0.5s ease;
        clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0) !important;
        -webkit-clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0) !important;
    }

    section.full-width.angled-cols.angled.dblue {
        padding: 70px 5% 50px 5% !important;
    }

    ul.hero-logos {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .logo-item {
        height: 40px;
        margin: 0;
    }

    .client-logo {
        max-height: 100px;
    }

    footer {
        font-size: 0.75rem;
    }

    img.tbsuklogo23-lg {
        width: 70%;
        margin-bottom: 0px;
    }

    .big-data-logo {
        width: 50%;
    }

    .col-row {
        width: 100%;
    }

    .block:first-child .content {
        width: 70%;
        margin: 2rem 10% 2rem 24%;
    }

    section.full-width.angled-cols.angled {
        padding: 10% 5% 5% 5% !important;
    }

    p.show-date {
        width:100%;
        font-size: 2.5em;
    }

    .text-content {
        width: 35%;
        padding-top: 2em;
        padding-bottom: 2em;
        padding-left: 3em;
    }

    .voice-copilot {
        object-position: -42vw;
    }

    .make-copilot-work {
        object-position: -25vw;
    }

    .augm-col {
        margin:1rem 0;
    }

    .text-content-right {
        width: 35%;
        padding-top: 3em;
        padding-bottom: 3em;
        padding-right: 3em;
    }

    .col {
        padding: 0;
        width: 48%;
    }

    .container.ai-brochure-container {
        flex-direction: column;
        gap: 25px;
    }

        .col.brochure-content {
            width: 100%;
        }

        .col.ai-logo.brochure-logo-page {
            width: 100%;
            padding: 0;
        }

    .col-block {
        width: 100%;
    }

    .live-chat-icon {
        width: 13%;
    }

    .live-chat-panel {
        width: 80%;
    }

    .live-chat-use-box:last-child {
        margin-bottom: 0;
    }

    .intro-panel {
        padding: 0;
        width: 80%;
    }

    .live-chat-carousel {
        width: 90%;
        padding: 50px 0;
    }

    button.owl-prev {
        left: -20px;
        width: 35px;
        height: 35px;
    }

    .slide-content {
        flex-direction: column;
    }

    .slide-col {
        margin-bottom: 15px;
    }

    .slide-content-col {
        width: 100%;
    }

    button.owl-next {
        right: -20px;
        width: 35px;
        height: 35px;
    }

    .panel-columns {
        width: 100%;
    }

    .panel-logo {
        width: 80%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .menu-logo a {
        height: 90px;
    }

    .brand-menu {
        width: 100%;
        height: 85%;
        display: flex;
        flex-direction: column;
    }

    .red-panel-right {
        width: 100%;
        height: 50%;
        padding: 0;
        z-index: 10;
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: -100%;
        right: unset;
        top: unset;
        transition: bottom 0.5s ease;
        -webkit-transition: bottom 0.5s ease;
        -moz-transition: bottom 0.5s ease;
        -o-transition: bottom 0.5s ease;
        -ms-transition: bottom 0.5s ease;
        justify-content: flex-start;
        clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
        -webkit-clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
    }

    .red-panel-menu {
        background: #C1272d;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        top: 20%;
        left: 0;
        right: 0;
        padding: 0 0 110px 0;
        width: 100%;
        overflow: hidden;
    }

    .sub-menus {
        margin-right: 0;
        height:100% !important;
    }

    li.sub-title {
        font-size: 3vw;
    }

    .menu-nav-icon {
        width: 30px;
        height: 30px;
        margin: 0 15px 0 0;
    }

    nav ul.main-nav {
        top: 0;
        transform: translate(0) !important;
        left: 0;
        right: 0;
        text-align: right;
        height: 100% !important;
        padding: 90px 30px 30px 0;
        margin: 0;
        position: relative;
        /* width: 100%; */
    }

    .slide-left {
        left: unset;
        top:0 !important;
    }

    .sub-menu {
        left: 55%;
        padding: 0 0 0 30px;
        width: 37%;
    }

    .super-bot-img {
        height: 45% !important;
        transform: rotate(13deg) !important;
        bottom: 28%;
        right: 57%;
    }

    ul.sub-pages {
        margin: 0 0 0 85px !important;
    }

    .sub-menu-panel {
        width: 90%;
        right: unset;
        left: 0;
        height: 100%;
    }

    .micro-logo {
        height: 65px;
    }

    ul.nav-ms-logos {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -80px;
        /* width: 100%; */
        list-style-type: none;
        margin: 0;
        padding: 0;
        opacity: 0;
        display: flex;
        justify-content: space-between;
    }

    span.arrow {
        margin: 0 15px 0 0;
        width: 25px;
        height: 20px;
    }

    .close-menu {
        top: 30px;
        right: 30px;
        width: 30px;
        height: 30px;
        z-index: 50;
    }

    ul.sub-pages li a {
        padding-left: 5vw;
        font-size: 2.5vw;
        margin: 10px 0;
        background-size: contain;
    }

    .menu-super-bot {
        z-index: 1;
    }

    .tbsuk-hide {
        display:none;
    }

    section.ai-panel .bottom-panel {
        height: 45%;
    }

    .para-text.ms-partner-list {
        width: 90px;
    }

    nav ul.main-nav li a {
        font-size: 3vw;
        padding: 0 0 0 55px;
    }

    .sub-menu ul li {
        font-size: 2.5vw;
    }

    .menu-logo {
        width: 40%;
    }

    nav .black-panel {
        background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
        background-size: cover;
        width: 55%;
    }


    nav ul.main-nav li a {
        padding: 0 50px 0 0;
        height: 30px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .slide-right {
        right: unset;
        bottom:0 !important;
    }

    nav ul.microsoft-logos li {
        height: 40px;
        visibility: visible !important;
        animation-name: fadeInDown !important;
    }

    nav ul.main-nav li a.home {
        background: url(../images/menu-home-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.awards {
        background: url(../images/white-award-icon-2.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.about {
        background: url(../images/menu-about-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.covid {
        background: url(../images/menu-covid-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.software {
        background: url(../images/menu-software-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.hour-power {
        background: url(../images/menu-ai-hour-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.projects {
        background: url(../images/menu-projects-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.start-up {
        background: url(../images/menu-startup-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.workshops {
        background: url(../images/workshops-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.funding {
        background: url(../images/menu-funding-icon.svg) center right no-repeat;
        background-size: contain;
    }

    nav ul.main-nav li a.contact {
        background: url(../images/menu-contact-icon.svg) center right no-repeat;
        background-size: contain;
    }

    .col.white-text.col-left {
        width: 45%;
        padding: 0 5% 0 0;
    }

    li.logo-item.microsoft-ai-lg {
        width: 160px !important;
    }

    ul.bot-logosAG li {
        width: 35%;
        height: 100px;
    }

    ul.bot-logosAG li.google-assistant {
        width: 65%;
    }

    li.aa-item.google-assistant {
        width: 65%;
        height: 100px;
    }

    ul.bot-logos {
        transform: translate(-50%, -50%) skew( -5deg);
        width: 80%;
    }

    section.block-full-width.est.red-block.angled {
        width: 90%;
    }

    section.panel.cta.grad.small {
        font-size: 1rem;
    }

    section.panel.cta.grad a {
        font-size: 1rem;
    }

    section.block-panel .row .block-content .col.half.no-padding-btm {
        width: 80%;
        padding: 2rem 10%;
    }

    .azure-logo {
        margin-left: 0;
    }

    .sub-list {
        margin-left: 45px !important;
        margin-top: 10px !important;
    }

    .panel-openai-col {
        width: 48%;
    }

    ul.dynamics-icons li {
        width: 48%;
        text-align: center;
        padding: 0;
        margin: 1rem 0;
    }

    .block.image.omni-right {
        margin-right: -7%;
    }

    ul.crm-icons {
        flex-wrap: wrap;
    }

    .logo-item.last-item {
        margin: 0;
    }

    .mg-tb {
        margin: 1rem 0 !important;
    }

    .row {
        width: 90%;
        margin: 0 auto;
    }

    .angled {
        /* clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); */
        clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
        padding: 60px 5% 30px 5% !important;
        margin-bottom: -2rem !important;
        top: -2rem;
        z-index: 2;
    }

    body.augmented-reality-app-service ul.hero-logos {
        flex-direction:unset;
        flex-wrap:wrap;
    }

    ul.core-services {
        gap: 1vw;
        justify-content: center;
    }

    .block:first-child {
        margin-left: calc((100% / 10) / 1);
        margin-left: -10%;
    }

    section.block-full-width.red-block.angled {
        width: 90%;
        padding: 4rem 5% 3rem 5% !important;
    }

    .icon {
        width: 7vw;
        margin: 1rem auto;
    }

    section.ai-panel .left-image .image img {
        transform: skewX( 10deg);
        width: 130%;
        height: 120%;
        object-fit: cover;
    }

    section.ai-panel .right-panel {
        width: 55%;
        padding: 50px 5% 50% 40%;
        color: #FFF;
        text-wrap:balance;
    }

    section.ai-panel .bottom-panel .bottom-text {
        transform: skewY( 5deg );
        width: 60%;
        padding: 50px 5% 25% 35%;
        position: relative;
        z-index: 10;
        font-size: 20px;
        text-wrap: balance;
    }

    ul.microsoft-logos.inline.med-icons {
        margin-top: 1rem;
    }

    ul.sq-logos {
        margin-bottom: 1rem;
    }

    .project-text {
        font-size: 1rem;
        width:100%;
    }

    .content h4.funding-title {
        margin-bottom: 0.5rem;
    }

    .block:last-child {
        margin-right: -9%;
    }

        .block:last-child .content {
            width: 65%;
            margin: 2rem 10% 2rem 10%;
        }

    section.panel h3 {
        margin: 0 0 0.5rem 0;
    }

    .project-info-panel {
        align-items: flex-start;
    }

    .project-details {
        flex-direction: column;
    }

    .hour-ai {
        margin: 0 0 0.5rem 0;
    }

    .right-side-panel {
        margin-left: 6vmax;
        margin-right: 2vmax;
    }

    section.ai-panel .left-image {
        transform: skewX( -5deg);
    }

    section.ai-panel .left-text {
        transform: skewX( 5deg);
        width: 60%;
        padding: 50px 20% 50px 30%;
        font-size: 24px;
    }

    section.ai-panel .left-text h3 {
        font-size: 33px;
        line-height: 44px;
    }

    ul.team li {
        width: 31%;
        margin: 10px 0;
        background: #f0f0f0;
    }

    .block.image img.stretch {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew( -5deg);
        position: absolute;
        left: -50%;
        right: -25%;
    }

    .project-panel .icon img {
        left: 0;
    }

    .block.projects-box .project-view {
        width: 90%;
        padding: 30px 5%;
        font-size: 16px;
    }

    h2, h3, h4, h5 {
        font-size:1.3rem;
    }

    .block.projects-box .project-view strong {
        font-size: 20px;
        font-weight:600;
    }

    .project-panel .icon {
        width: 55%;
        margin: 0 auto;
    }

    .details p:first-child {
        margin-top: 10px;
    }

    .plink:first-child {
        margin-top: 0;
    }

    .plink:last-child {
        margin-bottom:0;
    }

    .block.projects-box .project-view {
        width: 90%;
        padding: 30px 5%;
        font-size: 15px;
    }

    .btn {
        font-size: inherit;
        text-align: center;
    }

    .tick-list li:before {
        content: "";
        display: block;
        height: 0;
    }

    .award-logo-img {
        height: 1.25vw;
    }

    span.icon-title {
        font-size: 1.75vw;
    }

    ul.core-services li span {
        height:auto;
        margin-bottom:5px;
    }

    ul.core-services li {
        width: 31%;
        text-align: center;
        margin: 5px 0;

        transition: all 0.2s ease-in-out;
    }

    ul.asp-core-features {
        margin: 0 15% 0 10%;
        padding: 50px 0;
        width: 75%;
    }


    element.style {
    }

    ul.dynamics-icons {
        margin: 50px 0 0 0;
        justify-content: space-between;
    }

    ul.nop-features li {
        margin: 10px 0;
    }

    ul.azure-features li {
        width: 20%;
        margin: 0 0 30px 0;
        color: #FFF;
    }

    .count-title {
        font-size: 60px;
        margin-top: 10px;
    }

    .column-text .container {
        width: 90%;
    }

    .column-text .container {
        width: 90%;
    }

    .col .btn {
        width: unset;
    }

    section.stats .container {
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 0;
    }

    li.logo-item.microsoft-xamarin {
        width: 140px !important;
    }

    section.block-full-width.angled {
        width: 90%;
    }

    ul.microsoft-logos.inline.right li.power-apps {
        height: 70px;
    }

    ul.microsoft-logos.inline.right li.flow {
        height: 70px;
    }

    section.block-full-width.black-block.est.angled {
        width: 90%;
    }

    ul.asp-core-features {
        font-size: 15px;
        transform: skew( -5deg);
        width: 75%;
    }

    section.panel.services.angled {
        width: 90%;
    }

    .block.image img {
        left: -20%;
        width: 130%;
        height: 100%;
        transform: skew( -5deg);
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 10) / 10);
        transform: skew(-5deg);
        margin-left: -10%;
    }

    .container.reverse .block.image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
        left: 0;
    }

    section.panel.grad {
        font-size: 25px;
        padding: 1.5em 5%;
    }

    section.column-text {
        padding: 3em 0;
    }

    section.quote-box p {
        font-size: 21px;
        width: 80%;
        padding: 0px 10%;
        margin: 0 0 20px 0;
        font-weight: 300;
    }

    section.panel.cta {
        padding:2rem 5%;
        text-align: center;
        width: 90%;
    }

    section.quote-box {
        width: 76%;
        padding: 20px 12%;
    }

        section.quote-box small {
            font-size: 18px;
        }

    

    footer strong {
        font-size: 17px;
        margin: 40px 0 10px 0;
    }

    footer .container {
        width: 90%;
        padding: 0px 5% 100px 5%;
        color: #FFF;
    }

    .visualCaptcha-possibilities .img {
        padding: 10px;
        border: 3px solid #D6423F;
        width: 20%;
        height: auto;
    }

    .superluminal-software-icons {
        position: absolute;
        display: block;
        left: 5%;
        bottom: 5%;
        width: 90%;
        height: 260px;
        object-position: left !important;
    }

    .visualCaptcha-possibilities img {
        
        z-index: 5;
        transition: all 200ms;
        -webkit-transition: all 200ms;
    }

    .visualCaptcha-possibilities {
        margin-right: 0 !important;
        background: white;
        margin-bottom: 20px;
    }
}

/* 768 screen width */
@media screen and (max-width:768px) {

    .sub-menu-panel {
        right: 30px;
    }

    .chat-help-box {
        width: 55%;
    }

    .close-menu {
        top: 30px;
        right: 30px;
    }

    .sub-menus {
        overflow-y: auto;
    }

    .map {
        margin-top: 50px;
        height: 330px;
    }

    footer .container {
        width: 94%;
        padding: 0px 3% 100px 3%;
        color: #FFF;
    }

    .footer-col {
        width: 27%;
    }

        .map iframe {
            height: 100%;
        }

    .superluminal-software-icons {
        position: absolute;
        display:block;
        left: 5%;
        bottom: 0px;
        width: 90%;
    }

    ul.microsoft-logos.about-li-1 {
        display: none;
    }

    ul.microsoft-logos.about-li-2 {
        display: none;
    }

    ul.logo-icons.about-li-3 {
        display:none;
    }


    .hero h2 {
        font-size: 38px;
        font-weight: 200;
    }

    .hero p {
        font-size: 46px;
    }

    .visualCaptcha-possibilities .img {
        padding: 3px !important;
        border: 2px solid #D6423F;
    }


section.block-full-width.session {
    width: 90%;
    padding: 50px 5%;
    text-align: center;
}

p.recent-work {
    margin: 0 0 20px 0;
    font-size: 25px;
}

.hero-content.pages {
    width: 70%;
}

blockquote {
    width: 70%;
    font-size: 14px;
}

.container.trio-block {
    margin-top: 30px;
    margin-bottom: 0 !important;
}

nav .black-panel {
    background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
    background-size: cover;
    width: 63%;
    height: 100%;
}

    ul.microsoft-logos li.microsoft-ai {
        background: url(../images/MS_AIWhite.svg) center left no-repeat;
        background-size: contain;
        margin: 0 20px 0 0;
        width: 200px;
    }

.container.reverse .block:last-child {
    margin-right: calc((100% / 1) / 10);
    transform: skew(-5deg);
    margin-left: -10%;
}

.block {
    transform: skew(5deg);
}

.block-image img {
    width: 110%;
    height: 100%;
    object-fit: cover;
    transform: skew(-5deg);
}

.block:first-child {
    margin-left: calc((100% / 10) / 1);
    margin-left: -5%;
}

.block:last-child {
    margin-right: calc((100% / 10) / 1);
    margin-right: -5%;
    transform: skew(5deg);
}

.btn {
    font-size: 12px;
}

.block:last-child .content {
    width: 75%;
    margin: 0 15% 0 10%;
}

.trio-block .slick-prev {
    left: 10px;
}

.trio-block .slick-next {
    right: 10px;
}

.block.image img {
    left: -10%;
    width: 130%;
    height: 100%;
    object-fit: cover;
    transform: skew(-5deg);
}

.block.image img.stretch {
    transform: skew(-5deg);
    left: -50%;
    right: -20%;
}

ul.bot-logos {
    left: 45%;
    transform: translate(-50%, -50%) skew(-10deg);
    text-align: center;
    width: 60%;
    height: 100%;
}

ul.bot-logos li {
    height: 100px !important;
    margin:0 !important;
}

    section.panel.red {
        padding: 25px 10%;
        width: 80%;
    }

.angled {
    /* clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); */
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
    padding: 60px 5% 30px 5% !important;
    margin-bottom: -60px;
    /* width: 90%; */
    top: -60px;
    z-index: 2;
}

.container.reverse .block:first-child .content {
    width: 70%;
    margin: 0 20% 0 10%;
}

.block .content {
    transform: skew(-5deg);
    padding: 30px 0;
}

.container.reverse .block:last-child {
    transform: skew(-5deg);
    margin-left: -10%;
}

.container.reverse .block {
    transform: skew(-10deg);
}

.block:first-child .content {
    width: 75%;
    margin: 0 10% 0 15%;
}

.container.reverse .block .content {
    transform: skew(-5deg);
    padding: 30px 0;
    width: 80%;
    margin: 0 10%;
}

ul.partner-logos li.microsoft-partner {
    background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
    background-size: contain;
    width: 80px;
    height: 50px;
}

ul.partner-logos li {
    height: 50px;
}

.partners-logos .slick-prev {
    left: -25px;
}

.partners-logos .slick-next {
    right: -25px;
}

}

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

    body {
        font-size: 4vw;
        font-weight: 400;
        box-sizing: border-box;
    }

    .projects-container {
        flex-wrap: wrap;
    }

    .projects-block {
        height: 50vmax;
        margin: 1vmax 0;
    }

    .first-projects {
        margin-top: 1vmax;
    }

    .last-projects {
        margin-bottom: 1vmax;
    }

    .project-left-side {
        clip-path: none;
        width: 100%;
    }

    .project-right-side {
        clip-path: none;
        justify-content: flex-end;
        width: 100%;
        margin-left: 0;
    }

    .project-info-panel {
        margin-top: 3vmax;
        margin-bottom: 3vmax;
        margin-left: 3vmax;
        margin-right: 3vmax;
        flex-direction: column;
        justify-content: space-between;
        height: -webkit-fill-available;
    }

    .project-details {
        width: 100%;
        flex-direction:column;
        align-items:flex-start;
    }

    .right-side-panel {
        margin-left: 3vmax;
        margin-right: 3vmax;
        height:auto;
    }

    img.project-logo {
        max-height: 11vmax;
    }

    .project-section {
        padding: 0;
    }

    .project-reveal {
        min-height: 70%;
    }

    .reveal-mob {
        display: flex !important;
        visibility: visible !important;
    }

    .project-title {
        font-size: 7vw;
        line-height: normal;
    }

    .project-text {
        font-size: 5vw;
    }

    .project-icon {
        width: 100%;
        max-width: 65%;
        margin: auto 0;
    }

    .client-block-content {
        padding: 2rem;
    }

    .owl-prev, .owl-next {
        width: 6vmax;
        height: 6vmax;
    }

    .title-project-two.heading {
        text-align: right;
    }

    .heading.client-project-title {
        margin: 0 0 0 -0.5vw;
    }

    .project-link {
        margin: 0 0 0 -0.35vw;
    }

    .projects-container {
        flex-direction: column;
    }

    .project-panel-one {
        clip-path: none;
    }

    .project-panel-two {
        clip-path: none;
        margin: 0;
    }

    .client-logo-img {
        
    }

    .angled-block {
        width: 100%;
    }

        .angled-block.project-panel-one {
            clip-path: none;
        }

        .angled-block.project-panel-two {
            width: 100%;
            margin-left: 0;
            clip-path: none;
        }

    section.client-stories {
        padding: 2em 0 0 0;
    }

    span.icon-title {
        font-size: 4vw;
    }

    ul.partner-logos {
        gap: 10vw;
        padding: 5vw 0 0 0;
    }

        ul.partner-logos li {
            height: 10vw;
        }

    .abs {
        position: relative;
    }

    .heading {
        font-size: 6.1vw;
        font-weight: 500;
        text-wrap: balance;
        text-align: left;
        margin: 1rem 0;
    }

    .text-content {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin: 0 auto;
    }

    ul.core-services li br {
        display: inline-block;
        visibility: visible;
    }

    .text-image-block {
        margin: 0;
        flex-wrap: wrap;
    }

    .text-content-right {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin: 0 auto;
    }

    .hide-mob {
        display: none !important;
    }

    .angled-img-left {
        width: 100%;
        clip-path: unset;
        background: #CCC;
        position: relative;
    }

    .angled-img-right {
        width: 100%;
        clip-path: unset;
        background: #CCC;
        position: relative;
    }

    ul.core-services li {
        width: 47%;
        text-align: center;
        font-size: 3.25vw;
    }

    .mg-b-2 {
        margin-bottom: 5vw !important;
    }

    .icon {
        width: 13vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3vw;
    }

    ul.core-services li a span {
        margin-bottom: 1vw;
        display: block;
    }

    ul.core-services {
        gap: 5vw;
        justify-content: center;
    }

    blockquote {
        font-size: 4vw;
    }

    .owl-next {
        right: 10px;
    }

    .owl-prev {
        left: 10px;
    }
}

/* Mobile font sizes */
@media screen and (max-width: 737px) {

    body.iOS .sticky-header {
        height:100px;
    }
    body {
        font-size:1rem;
    }
    img.tbsuklogo23-lg {
        width: 70%;
        margin-bottom: 0;
    }
    .hide-mob {
        display: none !important;
        visibility: hidden !important;
    }

    .copilot-chart {
        position:relative;
        top: 0;
        height: auto !important;
    }

    .text-content {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .text-image-block {
        margin:0;
        flex-wrap:wrap;
    }

    .text-content-right {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box;
    }

    .angled-img-right {
        width: 100%;
        height:40vh;
        clip-path: unset;
        background: #CCC;
        position: relative;
    }

    .third-row .angled-img-right {
        width: 100%;
    }

    .angled-img-right:after {
        display:block;
        content:"";
        padding-bottom:75%;
    }

    .angled-img-left {
        width: 100%;
        clip-path: unset;
        background: #CCC;
        position: relative;
    }

    .angled-img-left:after {
        display: block;
        content: "";
        padding-bottom: 75%;
    }

    .cp-text {
        font-size: 4.5vw;
    }

    a.btn.no-thanks-link {
        margin-top: 10px !important;
    }

    .awards-panel {
        height: auto;
    }

    .column {
        width: 100%;
    }

    .super-bot-col {
        margin-top: 25px;
        margin-right: 0;
    }

    .award-title {
        margin-top: 25px;
        margin-bottom:1em;
        text-align: center;
        font-size: 6vw;
    }

    .awards-bot {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .award-logos-block {
        margin: 25px auto 0 auto;
        padding: 0;
    }

    .awards-panel-content {
        padding: 5% 0 0 0;
        flex-wrap:wrap;
    }

    .award-logos-panel {
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    body.iOS header .menu-icon {
        top:60px;
    }

    body.iOS header .menu-icon.scrolled {
        top:55px;
    }

    body.iOS header h1 {
        top:60px;
    }

    body.iOS header h1.scrolled {
        top: 55px;
    }

    body.iOS nav.menu .menu-logo {
        top: 50px;
    }

    body.iOS nav.menu .close {
        top: 50px;
    }

    body.iOS nav ul.main-nav {
        top:80px;
    }

    body.iOS nav .black-panel {
        height:56%;
    }

    body.iOS nav .sub-menu {
        top: 57%;
    }

    .panel-col.bot-col {
        width: 50%;
        margin: 25px auto 0 auto;
    }

    .panel-col {
        width: 100%;
    }

    div#chat-help {
        padding: 0 !important;
    }

    .chat-help-box {
        width: 70%;
    }

    .panel-columns {
        flex-direction: column;
        padding: 5% 5% 0 5%;
        width: 90%;
    }

    .prestige-awards-column {
        order: 1;
    }

    .innovation-awards-column {
        order: 2;
    }

    .bot-col {
        order: 3;
    }

    .block.projects-box {
        margin: 5px 0;
    }

    .info a.btn-lnk {
        font-size: 18px;
    }

    section.full-width.angled-cols.angled.dblue {
        top: -80px;
        margin-bottom: -80px;
        padding: 10% 5% !important;
    }

    img.llm {
        margin-bottom:30px;
    }

    .logo-title {
        justify-content: center;
        flex-direction:column;
    }

    .mgn-top {
        margin-top: 10px;
    }

    .project-panel .icon img.lrg-logo {
        width: 80% !important;
        height: 100% !important;
        object-fit: contain !important;
        margin:0 auto !important;
        display:block !important;
    }

    .inst {
        display: none;
    }

    section.block-full-width.red-block.angled {
        width: 90%;
        font-size:15px;
        padding: 40px 5% 40px 5% !important;
    }

    ul.bot-logos.row-display li.care-quality.lg {
        width: 45%;
    }

    ul.bot-logos.row-display li.autoglass.lg {
        width: 45%;
    }

    .service-blocks li span {
        font-size: 15px;
        width: 80%;
    }

    /*img.client-logo.taxi-bot {
        width: 35%;
    }*/

    img.client-logo.super-bot {
        width: 35%;
    }

    img.client-logo.diagnostic {
        width: 40%;
        margin: 0 0 10px 0;
    }

    .modal {
        width: 100% !important;
        padding: 15px !important;
    }

    .modal ul {
        margin: 0;
        line-height: inherit;
    }

    .modal ul li {
        line-height: 25px;
    }

    .ev {
        max-width: 640px;
        height: auto;
        font-size: 0 !important;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .services-tab, .technology-tab, .solutions-tab {
        font-weight: 300;
        position:relative;
    }



    p.partner-text {
        width: 90%;
        padding: 0 5%;
    }

    .team-title {
        padding: 2rem 5%;
        width: 90%;
    }

    .no-margin-top {
        margin-top: 0;
    }

    .no-margin-bottom {
        margin-bottom: 0;
    }

    .sub-menu::-webkit-scrollbar {
        width: 5px;
    }

    ul.microsoft-logos.about-li-1 {
        display: none !important;
    }

    ul.microsoft-logos.about-li-2 {
        display: none !important;
    }

    ul.logo-icons.about-li-3 {
        display: none !important;
    }

    ul.logo-icons.flex {
        display: flex;
    }

    section.client-stories h3 {
        width:100%;
        padding:0;
    }

    ul.social {
        justify-content: center;
    }

    p.center {
        text-align: center !important;
    }

    section.client-stories p.client-text {
        width: 90%;
        padding: 0 5%;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 500;
    }

    ul.crm-icons li strong {
        margin: 0 auto 20px auto;
        width: 75%;
    }

    ul.core-services li span {
        height: auto;
        margin-bottom: 5px;
    }

    ul.core-services li p {
        margin: 5px 0 15px 0;
    }

    section.panel.cta h5 {
        font-size: 28px;
    }

    ul.bot-logosAG li.amazon-alexa {
        background: url(../images/amazon-alexa-icon.svg) center left no-repeat;
        background-size: contain;
        height: 100px;
        width: 30%;
    }

    ul.bot-logosAG li.google-assistant {
        background: url(../images/google-assistant-logo.svg) center center no-repeat;
        background-size: contain;
        height: 100px;
        width: 50%;
    }

    ul.core-services.ten li {
        width: 33%;
    }

    ul.microsoft-logos li.microsoft-dynamics-365 {
        width: 50% !important;
    }

    ul.xamarin-features li {
        width: 100%;
        font-weight: 300;
        margin: 0;
    }

    img.client-logo.hm {
        width: 50%;
    }

    ul.dynamics-icons li strong {
        margin: 0 0 5px 0;
    }

    ul.microsoft-logos li.nop-commerce {
        width: 40% !important;
    }

    ul.azure-features.no-margin li strong {
        display: block;
        margin: 10px 0 0 0;
        color: #FFF;
    }

    img.client-logo.hond-r {
        width: 50%;
        margin: -20px 0 -30px -20px;
    }

    ul.microsoft-logos li.microsoft-365.single {
        background: url(../images/MS_365.svg) center left no-repeat;
        width: 50% !important;
    }

    .block.image.add-ins-right {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        right: 0;
    }

    ul.xamarin-features li strong {
        display: block;
        margin: 20px 0 0 0;
        color: #c2272d;
        font-size: 17px;
    }

    ul.logo-icons li.android-ic {
        width: 55px !important;
        position:relative;
        left:-8px;
    }

        ul.logo-icons li.android-ic.lrg {
            width: 75px !important;
            height: 75px !important;
        }

    ul.logo-icons li.apple-ic {
        width: 55px !important;
        position: relative;
        left: -8px;
    }

        ul.logo-icons li.apple-ic.lrg {
            width: 75px !important;
            height: 75px !important;
        }

    ul.logo-icons li.windows-ic {
        width: 55px !important;
        position: relative;
        left: -8px;
    }

        ul.logo-icons li.windows-ic.lrg {
            width: 75px !important;
            height: 75px !important;
        }

    li.logo-item.apple-ic {
        width: 55px !important;
    }

    li.logo-item.windows-ic {
        width: 55px !important;
    }

    .stat-counter-column {
        width: 90%;
        padding: 0px 5%;
        color: #FFF;
    }

    .count-title {
        color: #FFF;
    }

    .count-text {
        font-size: 17px;
        color: #FFF;
    }

    section.block-full-width.no-padding-btm {
        padding: 20px 5%;
        width: 90%;
    }

    section.block-full-width.est.red-block.angled {
        margin-bottom: -40px;
    }

    section.block-full-width.red-block.angled {
        margin-bottom: -40px;
    }

    ul.dynamics-icons li p {
        margin: 5px 0;
    }

    ul.azure-features li {
        width: 48%;
        margin: 30px 0;
    }

    ul.azure-features li {
        margin: 20px 0;
    }

    section.image-banner-text.angled {
        width: 90%;
        padding: 40px 5% 20px 5% !important;
        margin-bottom: -40px;
    }

    .support-icons {
        margin: 0px !important;
    }

        .support-icons li {
            font-size: 17px;
        }

    ul.microsoft-logos.inline {
        justify-content: center !important;
        display:flex;
        width: 100%;
    }

    section.block-full-width.black-block.est.angled {
        margin-bottom: -40px;
    }

    img.client-logo.myicon {
        width: 35%;
    }

    .support-icons li {
        padding-left: 40px;
        font-weight: 400;
    }

    ul.support-icons.text-links.no-margin li {
        font-weight: 400;
        font-size: 17px;
        padding-left: 40px;
    }

    .image-banner-text .panel-content p {
        font-size: 17px;
    }

    ul.core-services.seven li {
        width: 50%;
    }

    section.panel.services.angled {
        margin-bottom: -40px;
    }

    ul.core-services.seven {
        width: 100%;
        padding: 0;
    }

    ul.logo-icons.blazor li {
        width: 55px !important;
        height: 55px !important;
    }

    .col.white-text.ms-ai-two-left {
        padding-top: 20px;
    }

    ul.dynamics-icons {
        margin: 20px 0 0 0;
        justify-content: space-between;
    }

        ul.dynamics-icons.five li {
            width: 100%;
            padding: 0;
        }

    ul.ai-features {
        justify-content: space-between;
    }

        ul.ai-features li {
            width: 45% !important;
            padding: 0 !important;
            margin: 0;
        }

    img.brain-logo {
        width: 55%;
    }

    ul.microsoft-logos li.microsoft-ai {
        width: 32% !important;
    }

    ul.bot-logosAG {
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
    }

        ul.bot-logosAG li {
            width: 33%;
            height: 60px;
        }

    .contact-us input, .contact-us textarea {
        width: 90%;
        padding: 10px 5%;
        margin: 20px auto;
    }

    .block-content.map-side {
        height: 500px;
    }

    .visualCaptcha {
        margin-bottom: 0;
        text-align: center;
    }

    section.panel.our-services {
        padding: 20px 5%;
        width: 90%;
    }

    section.panel .block.project-one h3 {
        text-align: left !important;
    }

    section.panel .block.project-two h3 {
        text-align: right !important;
    }

    .client-logo {
        width: 30%;
        height: auto;
        margin: 0 0 10px 0;
    }

    .owl-stage-outer {
        width: 100%;
        overflow: hidden;
    }

    .btn {
        margin: 0 auto !important;
        font-size:1rem;
    }

    .service-blocks {
        height: 400px;
    }

    .slick-prev {
        left: -15px !important;
    }

    section.client-stories .slick-prev {
        left: 5px !important;
    }

    .slick-next {
        right: -15px !important;
    }

    section.client-stories .slick-next {
        right: 5px !important;
    }

    .mob-hide {
        display: none;
        visibility: hidden;
    }

    .footer-col button.collapsible-one, .footer-col button.collapsible-two, .footer-col button.collapsible-three {
        display: block;
        font-size: 17px;
        margin: 5px 0;
        width: 100%;
    }

    .content-one, .content-two, .content-three {
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }

        .content-one.expand, .content-two.expand, .content-three.expand {
            max-height: 1000px;
            padding:25px 5%;
        }



    .container.reverse .block {
        flex: unset;
        border: none;
        transform: skew(0deg);
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

        .container.reverse .block:first-child {
            margin-left: 0;
        }

        .container.reverse .block .content {
            transform: skew(0deg);
            padding: 50px 0;
            text-align: left;
            z-index: 5;
            position: relative;
            width: 80%;
            margin: 0 auto;
        }

        .container.reverse .block:first-child .content {
            width: 80%;
            margin: 5% auto;
        }

    section.est p {
        font-size:1rem;
    }

    p {
        font-size: 1rem;
        margin-block-start: 0;
        margin-block-end: 20px;
    }

    section.hero.home a.btn {
        margin-top: 10px;
    }

    /* COOKIE BOX OVERRIDE */
    .cc-window.cc-floating {
        max-width: 90% !important;
        width: 100% !important;
        font-size:16px !important;
        padding: 10px 0 0 0 !important;
        bottom: 0 !important;
    }

    .cc-floating.cc-theme-edgeless .cc-message {
        margin: 0 !important;
        width: 90% !important;
        display: block !important;
        /* margin-bottom: 1em; */
        padding: 10px 5% !important;
    }

    /* COOKIE BOX BUG - VISIBILITY NOT FIRING AS HIDDEN, CHAT BOT WON'T WORK - THIS FIX BELOW RESOLVES THAT */
    /*.cc-window.cc-floating.cc-type-info.cc-theme-edgeless.cc-bottom.cc-right.cc-color-override--1623242675.cc-invisible {
        display: none;
        visibility: hidden;
    }*/

    /* CHAT BOT STYLES */

    .chatBoxContainer {
        bottom: -80vh;
        right: unset;
        width: 75%;
    }

    .title {
        font-size: 15px;
    }

    .chatBox {
        bottom: -90px;
        right: unset;
        width: 100%;
        max-height: 70vh;
    }

        .chatBox .webchat__bubble__content p {
            font-size: 15px !important;
        }

    .chatBoxContainer .chatBox {
        max-height: 70vh;
    }

    .chatBoxContainer.enable .chatBox {
        max-height: 70vh;
    }

    input.webchat__send-box-text-box__input {
        font-size: 15px !important;
    }

    .chatlogo {
        height: 60px;
    }

    p.chat-title {
        font-size: 13px !important;
        margin: 0;
    }

    .info {
        width: 90%;
    }

    .sub-menu ul li a {
        opacity: 1;
    }

    span.arrow {
        margin: 0 15px 0 0px;
        width: 15px;
        height: 20px;
    }

    header h1 {
        top: 20px;
        left: 20px;
    }

        header h1 a {
            background-size: 100% auto;
            width: 175px;
            height: 50px;
        }

        /*header h1 a { matches height of the menu icon on mobile!
            background-size: 100% auto;
            width: 235px;
            height: 50px;
        }*/

    .sticky_header h1 a {
        background-size: 150px auto;
    }

    header .menu-icon {
        top: 20px;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    .sticky_header .menu-icon {
        top: 25px;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 50px;
    }
        .sticky-header.scrolled {
            height: 40px;
        }

    .sticky_header h1 {
        top: 20px;
        left: 20px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    .menu-logo {
        top: 20px;
        left: 20px;
    }

    .services-tab, .technology-tab, .solutions-tab {
        line-height: 40px;
    }

    nav .close {
        width: 20px;
        height: 20px;
        z-index: 3;
        top: 20px;
        right: 20px;
    }

    nav ul.main-nav li {
        margin: 5px 0;
    }

        nav ul.main-nav li a {
            font-size: 3.5vw;
        }

    .counters {
        flex-wrap: wrap;
    }

    .count-block {
        width: 100%;
    }

    span.label {
        width: 100%;
        text-align: center;
    }

    section.stats .container {
        width: 90%;
        padding: 0 5%;
    }

    section.stats.angled {
        margin-bottom: 0;
    }

    ul.core-services li {
        font-size:1rem;
    }

    section.panel.services {
        padding:2rem 0;
    }


    ul.microsoft-logos {
        width: 90%;
        display: block;
    }

        ul.microsoft-logos li.microsoft-ai {
            width: 50% !important;
        }

        ul.microsoft-logos li.microsoft-azure {
            width: 50% !important;
        }

    li.microsoft-ai.micro-logo.fadeInDown {
        width: 30% !important;
    }

    ul.funding-logos {
        justify-content: center;
    }

        ul.funding-logos li {
            width: 170px;
        }

    li.microsoft-azure.hero-logo-item {
        margin-right: 5%;
    }

    ul.microsoft-logos li {
        margin: 5px 0 !important;
        width: 27% !important;
    }

    ul.microsoft-logos a li {
        width: 100% !important;
    }

    ul.microsoft-logos a {
        width: 30%;
        margin: 0 10px 0 0;
    }

    .mag-icon {
        width: 75px !important;
        height: 75px !important;
        object-fit: contain !important;
        position: relative !important;
        left: 0 !important;
    }

    .projects-box img {
        left: -10%;
        width: 110%;
        height: 100%;
        transform: skew(0deg) !important;
    }

    .projects-box:hover img {
        left: -10%;
        width: 110%;
        height: 100%;
        transform: skew(0deg) scale(1.1) !important;
    }

        .menu-item.fadeInLeft {
            opacity: 1;
            animation-delay: 3s;
        }

        .menu-item.fadeInLeft {
            transition-delay: 2s;
            transition-property: all;
            animation-name: fadeInLeft !important;
            visibility: visible !important;
        }

    nav .black-panel {
        background: url(../images/menu-black-panel-down.svg) center bottom no-repeat;
        background-size: cover;
        width: 100%;
        top: -100%;
        right: auto;
        bottom: 0;
        height: 55%;
        z-index:1;
        left: 0;
        transition: top 0.5s ease;
        -webkit-transition: top 0.5s ease;
        -moz-transition: top 0.5s ease;
        -o-transition: top 0.5s ease;
    }

    ul#tech {
        margin:0;
    }

        nav .black-panel.slide {
            top: 0;
            left: unset;
            transition-delay: 0.25s;
        }

    nav {
        bottom: unset;
        right: 0;
        left: 0;
        position: fixed;
        height: 100%;
        transition: top 0.5s ease;
        -webkit-transition: top 0.5s ease;
        -moz-transition: top 0.5s ease;
        -o-transition: top 0.5s ease;
        transition-delay: 0s;
        background:none;
    }

    .red-mob-block {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0;
        background: #c1272d;
        transition: all 0.3s ease-in-out;
        transition-delay: 0.25s;
    }

    .menu.open .red-mob-block {
        height:55%;
    }

    .sub-menu {
        position: absolute;
        left: 5%;
        top: 57% !important;
        transform: translate(0);
        padding: 0 10px 0 0;
        margin: 0;
        height: 30%;
        overflow-y: scroll;
        width: 86%;
    }

    ul.sub-pages {
        left: 0;
        position: relative;
    }

        ul.sub-pages li a {
            padding-left: 37px;
            background-size: 25px 25px;
            font-size:4vw;
        }

    li.sub-title {
        font-size: 3.5vw;
        margin: 5px 0 !important;
    }

    .sub-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .sub-menu ul li {
            font-size: 4vw;
            margin: 3px 0;
        }

    .menu-nav-icon {
        width: 40px;
        height: 40px;
        margin-right: 15px;
        margin-top: 0;
    }

    nav ul.microsoft-logos {
        position: absolute;
        left: 5%;
        bottom: 30px;
        right: unset;
        justify-content: space-between;
        list-style-type: none;
        margin: 0;
        opacity: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        transition: all 0.2s ease-in-out;
    }

    

    ul.microsoft-logos a {
        width: 30%;
        margin: 0;
    }

    .slideup {
        bottom: 10px;
        opacity:1;
        /*transition-delay: 1s !important;*/
    }

    nav ul.microsoft-logos li.microsoft-partner {
        width: 100%;
    }

    nav ul.microsoft-logos li.microsoft-xamarin {
        width: 30% !important;
        margin-right: 5%;
        background-size: 100% 40px !important;
        height: 40px !important;
    }

    ul.microsoft-logos li {
        margin: 0;
    }

    nav ul.microsoft-logos li.microsoft-ai {
        width: 30% !important;
        margin: 0 10px 0 0;
    }

    /* Hero Styles */

   .hero-content.pages p {
        width: 100%;
    }

    .hero p {
        font-size: 35px;
    }

    .hero h2 {
        font-size: 30px;
    }

    .hero-content .btn {
        margin: 20px 0 0 0;
        color: #FFF;
    }

    ul.our-services li p {
        margin: 5px 0;
    }

    /* Hour of power styles */

    section.ai-panel .left-image {
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        transform: skewX(0deg);
        margin: 0 auto 0 0;
    }

    section.ai-panel .left-text {
        transform: skewX(0deg);
        width: 90%;
        padding: 50px 5% 250px 5%;
        position: relative;
        z-index: 10;
        color: #FFF;
        font-size: 24px;
    }

    section.ai-panel .left-image img.clock {
        position: absolute;
        margin: auto;
        top: 0;
        left: unset;
        right: 0;
        bottom: 0;
        height: 60%;
        width: 80%;
        object-fit: contain;
        z-index: 1;
        transform: skewX(0deg);
        opacity: 0.5;
    }

    section.ai-panel .left-text h3 {
        font-size: 29px;
    }

    section.ai-panel .right-panel {
        width: 90%;
        padding: 50px 5% 25% 5%;
        color: #FFF;
    }

    section.ai-panel .bottom-panel .bottom-text {
        transform: skewY(0deg);
        width: 90%;
        padding: 30px 5%;
        position: relative;
        z-index: 10;
        font-size: 20px;
    }

    section.ai-panel .right-panel {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    section.ai-panel .left-image .image img {
        transform: skewX(0deg);
        width: 120%;
        height: 120%;
        object-fit: cover;
    }

    img.bot {
        position: relative;
        left: -10%;
        bottom: -20%;
        transform: skewX(0deg);
        z-index: 10;
        width: 80%;
        height: 50%;
        object-fit: contain;
    }

    section.ai-panel .bottom-panel {
        width: 100%;
        background: #CCC;
        position: relative;
        bottom: -10%;
        right: 0;
        top: auto;
        left: 0;
        margin: auto 0 0 0;
        z-index: 3;
        height: 45%;
        transform: skewY(0deg) !important;
    }

    /* Discovery sessions */

    ul.delivery-session li.discovery-item {
        width: 100%;
    }

    /* Layout Styles */

    .block {
        flex: unset;
        transform: skew(0deg) !important;
    }

        .block.image img {
            transform: skew(0deg);
        }

    .col.llm-graphic {
        width: 100%;
        padding: 0;
    }

    .no-pdg-top {
        padding-top: 0 !important;
    }

    .col-row {
        flex-wrap: wrap;
        width: 100%;
        gap: 0;
    }

    .col-block {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .mgn-top {
        margin-top: 30px;
    }

    section.image-text-panel .image-panel img.absolute-img {
        height: 270px;
        position: relative;
    }

    section.column-text.gpt-chat-panel.centre {
        padding: 30px 0;
    }

    img.llm {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    section.full-width.angled-cols.angled {
        padding: 10% 5% 5% 5% !important;
    }

            .block.image img.generative-ai {
                left: 0%;
                width: 100%;
            }

    .project-image {
        left: 0;
    }

    body.projects .project-image {
        left: 0;
    }

    .container.reverse .block:last-child {
        margin-right: 0;
        transform: skew(0deg);
        margin-left: 0;
    }

    .block.project-one .content {
        width: 90%;
        margin: 0 5%;
    }

    .block.project-two .content {
        width: 90%;
        margin: 0 5%;
    }

    h3.red.partner-title {
        width: 100%;
    }

    .block:first-child .content {
        width: 90%;
        margin: 0 5%;
    }

    .block .content {
        transform: skew(0deg) !important;
        padding:2em 0 !important;
        text-align: left;
        width: 100%;
        margin: 0;
    }

    .angled {
        clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
        padding: 40px 5% 10px 5% !important;
        margin-bottom: -40px;
        top: -35px;
        z-index: 2;
        width: 90% !important;
    }

    ul.logo-icons {
        bottom: 10px;
        width: 90%;
        left: 5%;
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.microsoft-logos.about-li-1 {
        bottom: 25%;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    ul.microsoft-logos.about-li-2 {
        bottom: 15%;
        width: 90%;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

        ul.microsoft-logos.about-li-2 li {
            width: 48%;
        }

    .chat-logo-side.scrolled {
        right: 18%;
    }

    ul.microsoft-logos.inline.med-icons {
        display: flex;
        justify-content: space-between !important;
    }

    ul.microsoft-logos li.logo-item.mb {
        width: 27%;
    }

    section.panel.mb {
        margin-bottom: -10px;
    }

    ul.logo-icons {
        display: block;
    }

        ul.logo-icons li.amazon-alexa-lg {
            width: 50% !important;
        }

        ul.logo-icons li.google-assistant-lg {
            width: 50% !important;
            margin-right: 0;
        }

        ul.logo-icons li.microsoft-ai-lg {
            width: 50% !important;
        }

        ul.logo-icons li {
            width: 100% !important;
            height: 45px !important;
        }

    .container.reverse .block:first-child {
        margin-left: 0;
        right: 0;
        left: 0;
    }

    .container.reverse .block.covid:last-child {
        margin-left: 0;
        margin-right: 0;
    }

    .block:last-child {
        margin-right: 0;
        width: 100%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 80px;
    }

    .block.image {
        height: 350px !important;
    }

    .container.reverse .block.image {
        height: 250px !important;
    }

    .container.reverse .block:first-child .content {
        padding: 20px 0 !important;
    }

    .container.trio-block {
        margin-top: 30px;
    }

    .margin {
        margin: 0;
    }

    section.panel h3 {
        margin: 0 0 20px 0;
    }

    section.panel.cta h3 {
        margin: 0;
        font-size: 21px;
    }

    ul.microsoft-logos.med-icons li {
        width: 17% !important;
    }

    ul.sq-logos li {
        height: 40px;
        width: 13%;
        margin: 0 10px 0 0;
        display: block;
    }

    .block:first-child {
        margin-left: 0;
        width:100%;
    }

    .client-story-block:first-child {
        margin-left: 0;
    }

    .block:last-child {
        margin-right: 0;
    }

        .block:last-child .content {
            width: 90%;
            margin: 0 5%;
            text-align: right;
        }

            .block:last-child .content h3 {
                text-align: right;
            }

    .container.reverse .block.image img {
        width: 100%;
        transform: skew(0deg);
    }

    .client-story-block {
        flex: unset;
        transform: skew(0deg);
        width: 100%;
    }

    .client-logo-image img.charity-auction {
        width: 70%;
        height: 70%;
    }

    .client-content {
        transform: skew(0deg);
        padding: 50px 0;
    }

    .client-story-block.left-block .client-content {
        padding: 50px 5%;
    }

    .client-story-block.right-block .client-content {
        padding: 50px 5%;
    }

    .client-image {
        transform: skew(0deg);
        z-index: 2;
        left: 0%;
        width: 100%;
    }

    ul.payment-logos {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

        ul.payment-logos li {
            width: 33%;
            height: 70px;
        }

    .image-banner-text {
        padding: 50px 0 !important;
    }

    section.panel.grad {
        font-size: 28px;
        padding: 25px 5% !important;
    }

    .hero-content.pages {
        left: 20px;
        top:45%;
        transform: translate(0%, -50%);
        width: 90% !important;
    }

    body.about .hero-content.pages {
        left: 20px;
        transform: translate(0%, -100%);
    }

    section.block-panel .row .block-content .col.half {
        width: 80% !important;
        margin:0 auto;
    }

    section.block-panel .row .block-content .col.full {
        width: 80%;
        padding-top: 0;
        margin: 0 auto;
    }

    .col.full {
        width: 90%;
        padding-top: 0;
    }

    .block.crm.image img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    ul.crm-icons {
        margin: 20px 0 0 0;
        flex-wrap: wrap;
    }

        ul.crm-icons li {
            width: 45%;
            text-align: center;
            padding: 0;
        }

    ul.dynamics-icons li {
        width: 45%;
        text-align: center;
        padding: 0 2%;
        margin: 10px 0;
        font-size: 15px;
        font-weight: 400;
    }

    ul.power-features.no-padding {
        padding: 0;
        width: 100%;
        margin: 20px 0;
    }

    ul.bot-logos.row-display li {
        width: 33%;
        height: 100px;
    }

        ul.bot-logos.row-display li.ms-teams {
            
            height: 60px !important;
            margin: 20px 0;
        }

    .content a.btn {
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    section.block-panel .row .block-content .col {
        display: block;
        padding: 20px 5%;
        position: relative;
        z-index: 1;
        color: #FFF;
    }

    ul.our-services {
        width: 100%;
        padding: 0;
    }

    section.our-services ul.our-services li {
        width: 47%;
        padding: 0;
        margin: 10px 0;
    }

    .client-project-title {
        font-size: 5vw;
    }

    section.quote-box p {
        font-size: 18px;
        width: 100%;
        padding: 0;
        margin: 0;
        font-weight: 300;
    }

    h2, h3, h4, h5 {
        font-size:3.5vw;
        text-align: left;
    }

    .quote-mark.start {
        left: 2%;
    }

    .quote-mark.end {
        right: 2%;
    }

    .text-panel.no-padd-btm {
        padding-bottom: 0 !important;
    }

    .text-panel.no-padd-top {
        padding-top: 0 !important;
    }

    h2:first-child, h3:first-child {
        margin-top: 0;
    }

    section.image-text-panel .text-panel {
        width:100%;
        padding:10%;
        display: flex;
        align-items: center;
    }

    section.image-text-panel .image-panel {
        width: 100%;
        background: #333;
    }

    .tick-title {
        display: block;
        margin: 0 0 5px 0;
    }

    .abs-img-mob:after {
        content: "";
        display: block;
        padding-bottom: 75%;
    }

    section.block-full-width {
        width: 90%;
        padding: 50px 5%;
    }

    section.cta p {
        font-size: 18px;
        margin: 20px 0;
    }

    ul.team li .team-details span {
        font-size: 15px;
        font-weight:500;
    }

    ul.team li .team-details p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
    }

    ul.team li {
        width: 47%;
        margin: 10px 0;
    }

        ul.team li .team-details {
            background: #f0f0f0;
            padding: 10px;
        }

    section.column-text {
        padding: 30px 0;
    }

    .image-banner-text .panel-content {
        left: 5%;
        width: 90%;
    }

    .block.image.superluminal-logos {
        height: auto !important;
    }

    .visualCaptcha-possibilities {
        background: none !important;
    }

    .visualCaptcha-possibilities .img {
        background: white !important;
    }

    .img.visualCaptcha-selected {
        background: #099a9f !important;
        border-radius: 0 !important;
        border: 3px solid #099a9f !important;
    }

    .visualCaptcha {
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .visualCaptcha-possibilities {
        width: 70%;
    }

    .block.project-one {
        width: 100%;
    }

    .block.project-two {
        width: 100%;
    }

    ul.bot-logos {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: unset;
        text-align: center;
        width: 100%;
        height: auto;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }

    .block.image {
        font-size: 0;
        height: 300px;
        width: 100%;
    }

        .block.image.super-right {
            height: 350px !important;
        }

    ul.delivery-session li .icon img {
        object-position: center;
    }

    .block-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    .block.image img.stretch {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: skew(0);
        position: absolute;
        left: 0;
        right: 0;
    }
    section.panel.partners {
        padding: 2em 0 1em 0;
    }
    ul.core-services {
        justify-content:space-between;
    }

        ul.core-services li {
            width: 33%;
            text-align: center;
            text-wrap: pretty;
            margin:2% 0;
        }

    .service-item:last-child {
        margin: auto;
    }

    section.panel.cta {
        padding:2em 5%;
        width: 90%;
    }

    section.client-stories {
        padding: 2em 0 0 0;
    }

        section.panel.cta h6 {
            font-size: 25px;
            margin: 0;
        }

    .block.projects-box.image:first-child {
        margin-right: 0;
    }

        .project-panel {
            margin-left: 0;
        }

    .block.projects-box .project-view {
        position: absolute;
/*        bottom:0%;
*/        /* right: 0; */
        width: 90%;
        background: rgba(255,255,255, 0.8);
        z-index: 1;
        margin: auto 0 0 0;
        padding: 30px 5%;
        font-size: 16px;
        transition: bottom 0.5s ease;
    }

        .block.projects-box .project-view.left-box {
            width: 90%;
            padding: 5%;
        }

        .block.projects-box .project-view.view {
            transform: skew(0deg);
        }

    .project-panel {
        transform: skew(0deg);
        flex-direction: column;
    }

        .project-panel .icon {
            width: 30%;
            height: auto;
            margin: 0 auto;
        }

        .project-panel .details {
            width: 100%;
        }

            .project-panel p {
                margin: 5px 0;
            }

    section.image-banner-text.reversed .panel-content {
        width: 90%;
        margin-right: 5%;
    }

    section.block-panel .row .block-content {
        width: 100%;
    }

        section.block-panel .row .block-content.grey-block {
            background: #adadad;
            height: auto;
            min-height: 300px;
        }

        section.block-panel .row .block-content .padding {
            padding: 5% 0;
            width: 80%;
            margin: 0 auto;
        }

    .block.image.asp-core-features-block {
        height: auto !important;
    }

    ul.asp-core-features {
        position: relative;
        z-index: 1;
        list-style-type: none;
        margin: 0;
        padding: 5%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 15px;
        transform: skew(0deg);
        width: 90%;
    }

    .block.image.asp-core-features-block img {
        position: absolute;
        left: -30%;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 130%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    /* Footer */

    footer .container {
        width: 100%;
        padding: 0 0 110px 0;
    }

    .content-two, .content-one {
        width: 90%;
        padding: 0 5%;
    }

    ul.footer-services {
        width: 90%;
        padding: 0 5%;
    }

    .footer-mob-display {
        width:90%;
        padding: 25px 5%;
    }

    .footer-col button.collapsible-one, .footer-col button.collapsible-two, .footer-col button.collapsible-three {
        font-size: 17px;
        font-weight: 400;
        margin: 0;
        color: #e21d27;
        border-bottom: 1px solid #FFF;
        padding: 20px 0;
        border-radius: 0;
    }

    footer p {
        text-align:center;
    }

    .footer-mob {
        text-align: center;
    }

    a.tel-icon {
        background: url(../images/phone-icon-footer.svg) 35% center no-repeat;
        background-size: 30px 30px;
        padding-left: 50px;
    }

    .contact-details {
        text-align: center;
        margin-bottom:1em;
    }

    ul.social li a.tw {
        background: url(../images/twitter-icon.svg) center center no-repeat;
        background-size: 35px 35px;
        text-indent: -9999px;
        width: 40px;
        height: 40px;
        /* width: 100%; */
        margin: 0 10px 0 0;
        border-bottom: none !important;
    }

    ul.footer-services li {
        text-align: center;
    }
    
.footer-col {
    width: 100%;
}

    body.contact .footer-col {
        width: 100%;
        text-align: center;
    }
    
.footer-col.centre {
    width: 100%;
}

    .about-quote-carousel.left-align small {
        width: 70%;
        padding: 0;
    }
    
    

}

/* Galaxy Fold 2020 - L*/
@media screen and (max-width:717px) {

    .info {
        width: 80%;
    }

    .hero h2 {
        font-size: 25px;
        font-weight: 200;
    }

    .hero p {
        font-size: 31px;
    }
}


/*Ipad Pro*/
/* Portrait */
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {

    .block.image img.stretch {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew( -5deg);
        position: absolute;
        left: -30%;
        right: -20%;
    }

    section.ai-panel .left-image .image img {
        transform: skewX( 10deg);
        width: 130%;
        height: 100%;
        object-fit: cover;
    }

    section.ai-panel .right-panel {
        width: 55%;
        padding: 50px 5% 35% 40%;
        color: #FFF;
    }

.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 200px;
    height: 70px;
}

nav .black-panel {
    background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
    background-size: cover;
    width: 60%;
    top: unset;
    right: auto;
    bottom: 0;
    height:100%;
    left: 0;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition-delay: 0.5s;
}
    
.menu-logo {
    top: 30px;
    left: 30px;
}
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 210px;
    height: 70px;
}
    
nav ul.main-nav li a {
    font-size: 1.75vw;
}
    
.sub-menu {
    left: 55%;
    width: 34%;
    z-index: 10;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -60px;
    width: 30px;
    height: 30px;
}
    
.sub-menu ul {
    list-style-type: none;
    margin: 10px 0;
    padding: 0 0 0 20px;
}
    
.sub-menu ul li {
    font-size: 25px;
    margin: 0;
}
    
ul.sub-pages {
    margin: 0 0 0 -18px;
    padding: 0;
}
    
ul.sub-pages li {
    margin: 10px 0;
}
    
nav .close {
    width:30px;
    height:30px;
    top:30px;
    right:30px;
}
    
nav ul.microsoft-logos {
    left: 45%;
    bottom: 50px;
    width:55%;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -5px;
    width: 20px;
    height: 20px;
}

    ul.sub-pages li a {
        background-position-y: top;
        background-size: 15px 15px;
    }
    
nav ul.microsoft-logos li {
    margin: 0 10px 0 0;
    height:25px !important;
}

    nav ul.microsoft-logos li.microsoft-partner {
        width: 140px;
        height: 80px !important;
        margin-right: 40px;
    }
    
nav ul.microsoft-logos li.microsoft-xamarin {
    width: 25%;
    margin-right:5%;
}
    
nav ul.microsoft-logos li.microsoft-ai {
    width: 25%;
}
    
ul.core-services li {
    text-align: center;
}
    
ul.power-features {
    margin: 0;
    padding: 0;
    font-size: 12px;
    transform: skew(0deg);
    width: 100%;
}
    
.block.image img.stretch {
    left: -30% !important;
}
    
section.panel.ai .block {
    flex:unset;
    transform: skew(0deg)
}
    
section.panel.ai .block:first-child {
    margin-left: 0;
}

section.panel.ai .block:first-child .content {
    width: 80%;
    padding:0 10% !important;
    margin: 0 !important;
}
    
section.panel.ai .block .content {
    transform: skew(0deg)
}
    
ul.ai-features {
    margin: 0;
    padding: 50px 0;
    font-size: 12px;
    transform: skew(0deg);
    width: 100%;
}
    
ul.ai-features li {
    width: 20%;
    text-align: center;
    margin: 30px 0;
    color: #000;
}
    
section.panel.ai .block:last-child .content {
    width: 80%;
    margin: 0 10%;
    font-size:12px;
}
    
section.panel.ai .block:last-child {
    margin-right: 0;
}
   
    
ul.azure-features li {
    width: 21%;
    text-align: center;
    margin: 30px 0;
    color: #FFF;
}
    
section.panel.ai .block:first-child .content {
    width: 80%;
    margin: 0 10%;
}

}

/* iPad Pro - Landscape */
@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {
    
nav .close {
    top:30px;
    right:30px;
    width:30px;
    height:30px;
}
    
ul.sub-pages {
    margin: 0 0 0 -20px;
}
    
.menu-logo {
    top: 30px;
    left: 30px;
}
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 240px;
    height: 70px;
}
    
    
nav ul.microsoft-logos {
    bottom: 50px;
}
    
nav ul.main-nav {
    left: 30px;
}
    
nav ul.main-nav li a {
    font-size: 20px;
}
 
.sub-menu {
    position: absolute;
    left: 58%;
    padding: 0 30px;
    width: 33%;
    z-index: 10;
}
    
.sub-menu ul li {
    font-size: 20px;
    margin: 10px 0;
}

ul.core-services li {
    width: 19% !important;
    text-align: center;
}
    
ul.power-features {
    margin: 0;
    padding: 0;
    font-size: 12px;
    transform: skew(0deg);
    width: 100%;
}
    
ul.azure-features li {
    width: 21%;
    text-align: center;
    margin: 30px 0;
    color: #FFF;
}
    
.block.image img.stretch {
    left: -30% !important;
}
    
section.hero.cloud-e-commerce .hero-content.pages {
    position: absolute;
    top: 60%;
    left: 10%;
    transform: translate(0%, -50%);
    text-align: left;
    width: 80%;
}
    
}


/* mobile all*/
@media only screen and (min-width : 100px) and (max-width : 600px) {

    img.tbsuklogo {
        width: 100%;
    }

    

    .menu-nav-icon {
        width: 25px;
        height: 25px;
        margin-right: 15px;
        margin-top: 0;
    }

    .services-tab, .technology-tab, .solutions-tab {
        line-height: 30px;
    }

    .logo-item {
        height: 25px;
        margin: 0 20px;
    }

    .ms-partner-hero-logo {
        height: 40px;
    }

    ul.sub-pages {
        margin: 0 0 0 85px !important;
    }

        ul.sub-pages li a {
            background-size: 20px 20px;
            font-size: 3vw;
            line-height: 25px;
            height: 25px;
        }

    .chatBoxContainer {
        width: 99%;
        bottom: -80vh;
    }

    .chatBoxContainer.scrolled {
        right: unset;
    }

    .chat-logo-side {
        right: 10px;
        transition:all 0.3s ease-in-out
    }

        ul.logo-icons li {
            width: 41%;
            height: 50px;
        }

            ul.logo-icons li.logo-item.mb {
                width:20% !important;
            }

            ul.microsoft-logos li.logo-item.mb {
                width: 30% ;
            }

            ul.logo-icons {
                bottom: 10px;
            }

        section.image-banner-text.reversed .panel-content {
            text-align: left;
        }

        section.block-panel .row .block-content {
            text-align: left;
        }

        section.block-full-width {
            text-align: left;
        }

        .material-scrolltop {
            right:5px;
        }

        section.est p {
            text-align: left;
        }

        .hero h2 {
            font-size: 32px;
            font-weight: 200;
        }

    .hero p {
        font-size: 37px;
    }

        .block-content.about-the-pitch p, .block-content.quality-assurance p {
            text-align: left !important;
        }

        section.panel .block h3 {
            text-align:left !important;
        }

      

            h3 .red {
            text-align: center !important;
            font-weight: 600;
        }

        /*.column-text .container p {
            text-align: left;
        }

        .content p {
            text-align: left;
        }*/

        

        .info {
            width: 80%;
        }

}


/* Droid Tablet Portrait*/
/*    @media screen and (device-width: 800px) and (device-height: 1280px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1.5) {
        
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 200px;
    height: 70px;
}

        .super-bot-img {
            height: 70%;
            transform: translate(-4%, 10%) rotate(10deg);
        }

        ul.nav-ms-logos {
            bottom: 30px;
            flex-wrap: wrap;
        }

        .menu-logo-link {
            width: 100%;
            height: 100%;
            display: block;
        }

        .menu-ms-partner-logo {
            width: 100%;
            background: url(../images/MicrosoftPartner-white.svg) center right no-repeat;
            background-size: contain;
            display: block;
            text-indent: -9999px;
        }

        .menu-ms-xamarin-logo {
            width: 31%;
            background: url(../images/XamarinPartner.svg) center right no-repeat;
            background-size: contain;
            display: block;
            text-indent: -9999px;
        }

        .micro-logo {
            margin: 10px 0px !important;
        }

            .micro-logo:last-child {
                margin: 0 !important;
            }

        .menu-ms-ai-logo {
            width: 31%;
            background: url(../images/MS_AIWhite.svg) center right no-repeat;
            background-size: contain;
            display: block;
            text-indent: -9999px;
        }

        .micro-logo {
            height: 55px;
            width: 100%;
        }

nav ul.main-nav {
    height: 40vh;
}

nav .black-panel {
    background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
    background-size: cover;
    width: 60%;
    top: unset;
    right: auto;
    bottom: 0;
    height:100%;
    left: 0;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition-delay: 0.5s;
}
    
.menu-logo {
    top: 30px;
    left: 30px;
}
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 210px;
    height: 70px;
}
    
nav ul.main-nav li a {
    font-size: 20px;
}
    
.sub-menu {
    left: 55%;
    width: 34%;
    z-index: 10;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -60px;
    width: 30px;
    height: 30px;
}
    
.sub-menu ul {
    list-style-type: none;
    margin: 10px 0;
    padding: 0 0 0 20px;
}
    
.sub-menu ul li {
    font-size: 20px;
    margin: 0;
}
    
ul.sub-pages {
    margin: 0 0 0 -18px;
    padding: 0;
}
    
ul.sub-pages li {
    margin: 10px 0;
}
    
nav .close {
    width:30px;
    height:30px;
}
    
nav ul.microsoft-logos {
    left: 45%;
    bottom: 50px;
    width:55%;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -5px;
    width: 20px;
    height: 20px;
}

        ul.sub-pages li a {
            background-position-y:top;
            background-size:15px 15px;
        }
    
nav ul.microsoft-logos li {
    margin: 0 10px 0 0;
    height:25px !important;
}
    
nav ul.microsoft-logos li.microsoft-partner {
    width: 20%;
}
    
nav ul.microsoft-logos li.microsoft-xamarin {
    width: 25%;
    margin-right:5%;
}
    
nav ul.microsoft-logos li.microsoft-ai {
    width: 25%;
}

ul.core-services li {
    width: 18%;
    text-align: center;
    margin: 20px 0;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
}
    
}*/

/* iPad Pro  Landscape */
@media only screen and (device-height : 834px) and (device-width : 1080px) and (orientation : landscape) {
    
nav .close {
    top:30px;
    right:30px;
}
    
ul.sub-pages {
    margin: 0 0 0 -20px;
}
    
.menu-logo {
    top: 30px;
    left: 30px;
}
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 200px;
    height: 70px;
}
    
    
nav ul.microsoft-logos {
    left: 45%;
    bottom: 50px;
}
    
nav ul.main-nav {
    left: 30px;
}
    
nav ul.main-nav li a {
    font-size: 20px;
}
 
.sub-menu {
    position: absolute;
    left: 58%;
    padding: 0 30px;
    width: 33%;
    z-index: 10;
}
    
.sub-menu ul li {
    font-size: 20px;
    margin: 10px 0;
}

     
}

/* ipad Pro Alt Portrait */
@media only screen and (device-width : 834px) and (device-height : 1194px) and (orientation : portrait) {
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 200px;
    height: 70px;
}

nav .black-panel {
    background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
    background-size: cover;
    width: 60%;
    top: unset;
    right: auto;
    bottom: 0;
    height:100%;
    left: 0;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition-delay: 0.5s;
}
    
.menu-logo {
    top: 30px;
    left: 30px;
}
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 210px;
    height: 70px;
}
    
nav ul.main-nav li a {
    font-size: 20px;
}
    
.sub-menu {
    left: 55%;
    width: 34%;
    z-index: 10;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -60px;
    width: 30px;
    height: 30px;
}
    
.sub-menu ul {
    list-style-type: none;
    margin: 10px 0;
    padding: 0 0 0 20px;
}
    
.sub-menu ul li {
    font-size: 20px;
    margin: 0;
}
    
ul.sub-pages {
    margin: 0 0 0 -18px;
    padding: 0;
}
    
ul.sub-pages li {
    margin: 10px 0;
}
    
nav .close {
    width:30px;
    height:30px;
}
    
nav ul.microsoft-logos {
    left: 45%;
    bottom: 50px;
    width:55%;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -5px;
    width: 20px;
    height: 20px;
}

    ul.sub-pages li a {
        background-position-y: top;
        background-size: 15px 15px;
    }
    
nav ul.microsoft-logos li {
    margin: 0 10px 0 0;
    height:25px !important;
}
    
nav ul.microsoft-logos li.microsoft-partner {
    width: 20%;
}
    
nav ul.microsoft-logos li.microsoft-xamarin {
    width: 25%;
    margin-right:5%;
}
    
nav ul.microsoft-logos li.microsoft-ai {
    width: 25%;
}

    
}

/* iPad Landscape */
@media only screen and (device-height : 768px) and (device-width : 1024px) and (orientation : landscape) {
    
nav .close {
    top:30px;
    right:30px;
}


    
ul.sub-pages {
    margin: 0 0 0 -20px;
}

    .menu-logo {
        top: 30px;
        left: 30px;
        width: 65%;
    }
    
    
nav ul.microsoft-logos {
 
}

    li.sub-title {
        font-size: 2vw;
    }

    .close-menu {
        top: 30px;
        right: 30px;  
    }

    .sub-menu-panel {
        right: 30px;
    }

    ul.nav-ms-logos {
        bottom: 30px;
    }

    ul.sub-pages li a {
        font-size: 1.5vw;
    }
    
nav ul.main-nav {
    left: 30px;
}
    
nav ul.main-nav li a {
    font-size: 2vw;
}
     
}

/* ipad Portrait */
@media only screen and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) {

    ul.logo-icons {
        bottom: 20px;
        width: 90%;
        left: 5%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .super-bot-img {
        bottom: 28%;
        right: 58%;
        transform:rotate(20deg) !important;
    }

    .slideup {
        bottom: 20px;
    }

    .xamarin-menu {
        height: 60px !important;
        background-size: auto 40px !important;
        background-position-x: center !important;
    }

    ul.microsoft-logos.about-li-1 {
        bottom: 25%;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    ul.microsoft-logos.about-li-2 {
        bottom: 10%;
        width: 90%;
        margin: 0;
        padding: 0;
    }

        ul.microsoft-logos.about-li-2 li {
            width: 50% !important;
            margin: 0;
        }

    ul.logo-icons li {
        width: 45px !important;
        height: 45px !important;
    }

        ul.logo-icons li.amazon-alexa-lg {
            background: url(../images/amazon-alexa-long-logo.svg) center left no-repeat;
            background-size: contain;
            width: 30% !important;
            margin-right: 2%;
        }

        ul.logo-icons li.google-assistant-lg {
            background: url(../images/google-assistant-long-logo.svg) center left no-repeat;
            background-size: contain;
            width: 30% !important;
            margin-right: 2%;
        }

    .menu-logo {
        top: 30px;
        left: 30px;
        width: 40%;
    }

    nav ul.main-nav li a {
        padding: 0 50px 0 0;
        height: 30px;
    }

nav .black-panel {
    background: url(../images/menu-black-panel-tablet.svg) center right no-repeat;
    background-size: cover;
    width: 54%;
    top: unset;
    right: auto;
    bottom: 0;
    height:100%;
    left: 0;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition-delay: 0.5s;
}
    
.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 100%;
    height: 80px;
}
   
    
.sub-menu {
    left: 55%;
    width: 40%;
    z-index: 10;
    padding: 0 0 0 30px;
}
    
span.arrow {
    background: url(../images/ArrowIcon.svg) center center no-repeat;
    background-size: 20px 20px;
    margin: 0 10px 0 -60px;
    width: 30px;
    height: 30px;
}
    
.sub-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
}

    ul#tech {
        margin: 15px 0;
    }
    
.sub-menu ul li {
    font-size: 2vw;
    margin: 0;
}

    ul.sub-pages {
        margin: 0 0 0 85px !important;
    }
    
ul.sub-pages li {
    margin: 10px 0;
}
    
nav .close {
    width:30px;
    height:30px;
}
    
nav ul.microsoft-logos {
    bottom: 30px;
    right:30px;
    width:60%;
}

    span.arrow {
        background: url(../images/ArrowIcon.svg) center center no-repeat;
        background-size: 20px 20px;
        margin: 0 10px -3px 0;
        width: 20px;
        height: 20px;
    }

    ul#tech {
        margin: 15px 0;
    }


    
nav ul.microsoft-logos li {
    margin: 0 10px 0 0;
    height:50px !important;
}
    
nav ul.microsoft-logos li.microsoft-partner {
    width: 100px;
    height: 60px !important;
    margin-right: 30px;
}
    
nav ul.microsoft-logos li.microsoft-xamarin {
    width: 31%;
    margin-right:0;
}
    
nav ul.microsoft-logos li.microsoft-ai {
    width: 25%;
}

    
}

/* Galaxy Fold 2020 */
@media only screen and (device-width : 512px) and (device-height : 717px) and (orientation : portrait) {

    .info {
        width: 80%;
    }

}

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

    body {
        font-size: 1.2vw;
    }

    img.tbsuklogo24 {
        width: 60%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .container.superai-container {
        width: 90%;
        padding: 2rem 0;
        flex-direction:column;
        gap:5vw;
    }

    section.block-full-width.tbsuk-col {
        width: 80%;
        padding: 10% 10% 0 10%;
    }

    .show-intro {
        text-align:left;
    }

    .super-ai-title-text {
        font-size: 6vw;
        text-align: center;
    }

    .launch-date {
        font-size: 8vw;
    }

    .super-ai-details {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .super-ai-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3vw;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .superai-logo {
        height: 7vw;
    }

    .super-ai-logos {
        gap: 6vw;
    }

    ul.superai-ms-logos {
        gap: 5vw;
    }

    .business-show-logo {
        width: 100%;
        text-align:center;
    }

    .super-ai-text {
        font-size: 6vw;
        line-height: normal;
    }

    .the-business-show-logo {
        width: 70%;
        height: auto;
        margin: 2rem auto 0 auto;
    }

    .superai-col-left {
        width: 100%;
        display: flex;
    }

    .superai-col-right {
        width: 100%;
    }

    .ai-partner-logo {
        width: auto;
        height: 15vw;
        max-height: 15vw;
    }

    .heading {
        font-size: 6.1vw;
        font-weight: 500;
        text-wrap: balance;
        text-align: left;
        margin: 1rem 0;
    }

    .hero img.awards-icon {
        height: 5rem;
    }

    ul.core-services li {
        font-size: 3.25vw;
    }

    .tick {
        background-size: 7vw !important;
        padding-left: 10vw;
        margin: 0.5vw 0;
        min-height: 1.5vw;
    }

    .owl-prev, .owl-next {
        width: 5vmax;
        height: 5vmax;
    }

    .abs {
        position: relative;
    }

    .text-center-mob {
        text-align: center;
    }

    .client-logo-img {
        width:70%;
        height:auto;
    }

    footer {
        font-size:15px;
    }
    span.award-year.logo-year {
        margin: 1rem 0;
        font-size: 4.5vw;
    }
    .whitepaper-item {
        width: 100%;
        margin: 10px 0;
    }
    .quote-panel h3 {
        text-align: left !important;
    }
    .ai-icon-carousel .owl-dots {
        display: none;
    }
    .live-chat-info, .slide-info {
        width: 80% !important;
        margin: 0 auto;
    }
    .ai-icon-slide {
        flex-direction: column;
    }
    .ai-content {
        width: 100%;
    }
    .ai-content-col {
        width: 100%;
        text-align:center;
    }
    .ai-title {
        margin-top: 0;
        margin: 20px 0 !important;
    }
    .mgn-top-mb {
        margin-top:10% !important;
    }
    .chat-logo-side {
        right: 14px;
        bottom: 19px;
        width:60px;
        height:60px;
    }
    li.award-logo-item {
        width:45%;
        margin: 0;
    }
    span.award-year {
        margin:0 0 1rem 0;
        font-size: 7vw;
    }
    .super-bot-col {
        width: 45%;
    }
    ul.partner-logos li.microsoft-ai {
        width: 100px;
        height: 30px;
    }
    ul.partner-logos li.xamarin {
        width: 90px;
        height: 30px;
    }
    .abs {
        position: relative;
    }
    header h1 {
        top: 50%;
        left: 14px;
        transform: translate(0, -50%);
    }
    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    nav ul.main-nav {
        /* top: 40px; */
        left: 5%;
        right: 5%;
    }

    header h1 a.scrolled {
        width: 155px;
        height: 20px;
        background-size: contain;
        transition: all 0.5s ease;
    }

    header h1 a {
        background: url(../images/superluminal-logo-no-strapline.svg) no-repeat;
        background-size: contain;
        text-indent: -9999px;
        width: 175px;
        height: 23px;
    }

    header .menu-icon {
        background: url(../images/BurgerMenu-icon.svg) no-repeat;
        background-size: 20px 20px;
        background-position-x: center;
        background-position-y: center;
        width: 48px;
        height: 48px;
        top: 0;
        right: 0;
    }

    .menu-logo {
        top: 20px;
        left: 20px;
    }

    header .menu-icon.scrolled {
        width: 40px;
        height: 40px;
        right: 0;
        top: 0;
        transition: all 0.5s ease;
    }

    header h1.scrolled {
        top: 10px;
        left:50%;
        transform:translate(-50%, 0);
        transition: all 0.5s ease;
    }

    header.scrolled .menu-logo {
        top: 14px;
        left: 4%;
    }

    .sticky_header h1 {
        top: 10px;
    }

    .sticky_header .menu-icon {
        top: 10px;
        right: 5px;
        width: 25px;
        height: 20px;
    }

    .sticky_header h1 a {
        background-size: 100% auto;
    }

    nav ul.main-nav li {
        margin: 0;
    }
    .flex-column-reverse {
        flex-direction: column-reverse;
    }
    .center-align-mb {
        text-align:center;
    }
    .ai-show-video-container {
        margin-top:1rem;
    }
    .col.ai-logo {
        margin-bottom: 2rem;
    }
    .cover {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .voice-copilot {
        object-position:0;
    }
    .no-pdg-btm-mob {
        padding-bottom: 0;
    }
    .angled-img-left:after {
        display: none;
    }
    .angled-img-right:after {
        display:none;
    }
    .arrow {
        width: 20px;
        height: 20px;
    }
    .chatBoxContainer {
        width:100%;
    }
    .chatheader {
        padding: 20px 20px 10px 20px;
    }
    .chatBoxContainer.enable {
        bottom: 10px;
    }
    .icon-title strong {
        margin: 0.5rem 0 0 0 !important;
    }
    .service-icon {
        width: 12vw;
        margin-bottom: 1vw;
    }
    .tick-list li:before {
        height:1vw;
        content: "";
        display: block;
    }
    .tick {
        margin:1rem 0;
    }
    .copilot-item {
        margin: 25px 0;
    }
    .copilot-logo {
        margin: 25px auto;
    }
    .copilot-left {
        display:none;
        visibility:hidden;
    }
    .logo-text {
        flex-direction: column;
    }
    .big-data-logo {
        width: 60%;
    }
    p.show-date {
        width: 100%;
        font-size: 1.5em;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    img.tbsuklogo23-lg {
        width: 70%;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 10px;
        display: block;
    }
    .block-full-width {
        padding-top: 0em;
    }
    .no-padding-btm {
        padding-bottom:0 !important;
    }
    .no-mgn-left {
        margin-left:0 !important;
    }
    .full-width {
        width: 100% !important;
    }
    .projects-btn {
        margin-top: 5% !important;
        margin-right: 0 !important;
    }
    .panel-openai-col {
        width: 100%;
    }

    .cp-text {
        font-size: 5.5vw;
    }
    section.cta p {
        font-size: 5vw;
        margin: 10% 0;
        text-wrap: balance;
    }
    .funding-title {
        margin: 10% 0 !important;
    }
    .team-padding {
        width: 80%;
        padding: 10%;
    }
    ul.funding-logos li.clearbanc {
        height: 40px;
    }
    .no-padd-btm-mob {
        padding-bottom:0 !important;
    }
    ul.funding-logos li.government {
        height: 35px;
    }
    ul.funding-logos li.local-support {
        height: 70px;
    }
    section.column-text {
        padding: 10% 0;
    }
    .ai-logo-mg {
        margin:10% 0 0 0 !important;
    }
    .ai-brain-icon {
        margin-top:10% !important;
    }
    .red-panel-icons {
        padding: 10% 0;
    }
    .mob-mb-0 {
        margin-bottom: 0;
    }
    .footer-col input, .footer-col textarea, .editor-field select {
        font-size: 3.25vw;
    }
    .visualCaptcha-possibilities {
        margin-bottom:0 !important;
    }
    section.panel.our-services {
        padding: 5%;
        width: 90%;
    }
    section.block-panel .row .block-content .col {
        padding:0;
    }
    section.panel.cta h3 {
        width: 100%;
        text-align: center;
    }
    .content.ai-assistant {
        padding-top: 10%;
    }
    section.panel.cta {
        padding: 10%;
        width: 80%;
    }
    section.block-panel .row .block-content .col.half img {
        width: 100%;
        height: auto;
        margin: 0;
        display: block;
    }
    section.block-panel .row .block-content.red-block {
        background: #c2272d;
        padding: 10% 0;
    }
    .omni-text {
        margin-top:0;
    }
    img.xamarin-logo {
        width: 60% !important;
        height: 90px !important;
        margin: 20px auto 0 auto;
    }

    .mb-block {
        display:block;
        text-align:center;
    }
/*    h2, h3, h4, h5 {
        margin:10% 0;
    }*/

    .left-align-mb {
        text-align:left !important;
    }

    .intro-panel {
        padding:0;
        width:100%;
    }

    .owl-nav {
        display: none;
        visibility: hidden;
    }

    .ai-icon-carousel .owl-nav {
        display:block;
        visibility: visible;
    }

    .slide-icon {
        width: 50%;
        margin: 0 auto 10% auto;
    }

    .slide-content-col {
        width: 100%;
    }

    .slide-col {
        width: 25%;
        margin: 0 auto 10% auto;
    }

    .slide-content {
        width: 100%;
    }

    span.number {
        border-radius: 100px;
        border: 5px solid #FFF;
        font-size: 6vw;
    }

    .live-chat-carousel .owl-dots {
        display:none;
        visibility:hidden;
    }

    .live-chat-carousel .owl-carousel .owl-nav {
        display: block;
        visibility: visible;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        margin: 0;
    }

    .live-chat-icon {
        width:30%;
        margin: 0 auto;
    }

    .live-chat-panel {
        width: 100%;
        margin-top:10%;
    }

    .live-chat-title {
        margin-top: 0;
        text-align: center;
    }

    .tick-list {
        margin: 10% 0;
    }

    .reveal-text {
        font-size: 7vw;
        transform: skew(0deg);
    }

    ul.hero-logos.row.ms-logos .ms-partner-hero-logo {
        margin:0 10px 0 0;
    }

    ul.hero-logos.row.ms-logos .ms-ai {
        margin:0 0 10px 10px;
    }

    .core {
        margin-right:20px !important;
    }

    section.block-panel .row .block-content strong {
/*        text-align: center;
*/        display: block;
    }

    .block:first-child .content.start-up-process-panel {
        padding-bottom: 0 !important;
    }

    ul.hero-logos.row.blazor-logos {
        width: 80%;
        flex-wrap: wrap;
    }

        ul.hero-logos.row.blazor-logos .logo-item-icons {
            width: 20%;
            height: 80px;
            margin: 0 !important;
        }

    .col-block.white-text.col-right {
        margin-top:10%;
    }

    .col.step-right {
        margin-top:10%;
    }

    .col.fusing-pwa-image {
        margin-top: 25px;
    }

    .col.pwa-distribution {
        margin-top:10%;
    }

    ul.ai-features li {
        width: 100% !important;
    }

    .block.red-block.ms-ai-right {
        padding-bottom: 10%;
    }

    .block:last-child .content {
        width: 80%;
        margin: 0 auto;
        padding: 10% 0 !important;
        text-align:left;
    }

    .superluminal-heading {
        margin: 0;
    }

    section.block-full-width.no-padding-btm {
        padding: 10%;
        width: 80%;
    }

    .col.xamarin-col-right {
        margin-top: 10%;
    }

    body {
        font-size:4vw;
    }

    .power-suite-title {
        margin: 10% 0 !important;
    }

    .purple-block {
        padding: 10% 0;
    }

    .award-logos {
        left: 5%;
        bottom: 2rem;
        gap: 6vw;
    }

    .awards-panel-block br {
        display: none;
    }

    img.aw-icons {
        width: 165px;
        height: 165px;
    }

    body.workshops ul.hero-logos .logo-item {
        width: 100%;
    }

    body.workshops ul.hero-logos.inline-mb .logo-item:first-child {
        margin: 10px 0;
    }

    body.workshops ul.hero-logos.inline-mb .logo-item {
        margin: 10px 0;
    }

    .block.projects-box .project-view.view {
        bottom: 0%;
        padding: 5%;
        width: 90%;
    }

    section.panel.red {
        padding: 10%;
        width: 80%;
    }

    .woman-computer {
        opacity:0.7
    }

    .contact-side .visualCaptcha-possibilities {
        width: 100% !important;
    }

    .cta-btn {
        margin-top: 10% !important;
    }

    section.full-width.angled-cols.angled {
        padding: 15% 5% 5% 5% !important;
        clip-path: polygon(0 1.5%, 100% 0, 100% 100%, 0 100%) !important;
        -webkit-clip-path: polygon(0 1.5%, 100% 0, 100% 100%, 0 100%) !important;
    }

    .visualCaptcha-possibilities img {
        width: 40px !important;
        height: 40px !important;
    }

    h2, h3, h4, h5 {
        font-size: 6.1vw;
        text-wrap:balance;
        text-align:left;
        margin:20px 0 15px 0;
    }

    section.quote-box small {
        width: 70%;
    }

    /*section.panel h3 {
        text-align: left;
    }*/
    ul.hero-logos {
        width: 90%;
        bottom:1.5rem;
    }

    .ms-partner-hero-logo {
        margin-right:15px !important;
    }

    li.logo-item.xamarin-partner.ml-mb {
        margin: 10px 15px 10px 0 !important;
    }

    section.quote-box br {
        display:none;
        visibility:hidden;
    }

    .column-text .container {
        width: 80%;
    }

    .block:first-child .content {
        width: 80%;
        margin: 0 auto;
        padding: 10% 0 !important;
    }

    .owl-carousel.carousel-block {
        width: 100%;
    }

    .award-logos-block {
        margin: 25px auto 0 auto;
        padding: 0;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    li.award-logo-item:first-child {
        margin: 0 0 25px 0;
        width: 100%;
        justify-content: center;
    }

    .award-logo-img {
        height: 30px;
    }

    .award-logo-img.prestige-awards {
        height: 32vw;
    }

    .award-logo-img.innovation-awards {
        height: 32vw;
    }

    .no-mgn-left-mob {
        margin-left:0 !important;
    }

    .chat-help-box {
        width: 90%;
    }

    img.topdon-logo {
        width: 50%;
    }

    img.aw-icons {
        width:50%;
        height:auto;
    }

    .logo-title-icon {
        margin-right: 0;
        text-align:center;
    }

    ul.core-services {
        justify-content:space-between;
    }

    .services-heading {
        margin-bottom: 25px !important;
    }

    

    .menu-super-bot {
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 11;
        bottom:unset; 
        right: 50%;
    }

    .super-bot-img {
        height: 30% !important;
        transform: rotate(40deg);
        bottom:unset;
        right:65%;
    }

    ul.microsoft-logos li {
        width: 45% !important;
    }

    .brand-menu {
        width: 100%;
        height:85%;
        display: flex;
        flex-direction: column;
    }

    .logo-item.last-item {
        margin: 20px 0 0 0;
    }

    ul.hero-logos {
        flex-direction: column;
        align-items: flex-start;
    }

    ul.hero-logos.row {
        flex-direction:row;
    }

    li.break {
        display: block;
        width: 100%;
        height:10px;
    }

    .tick-list.red-ticks .tick-list li {
        background: url(../images/tick-icon-red.svg) top left no-repeat;
        background-size: 30px 30px;
    }

    ul.sub-list.tick-list.mob-mb-0 {
        margin-bottom: 0;
    }

    .pl {
        padding-left:0 !important;
    }

    .sub-list {
        margin-left: 0px !important;
    }

    .mg-tb {
        margin: 15px 0 !important;
    }

    .cta-btn-text {
        margin:10% 0 0 0 !important;
    }

    ul.tick-list.red-ticks.mob-mb-0 {
        margin-bottom: 0;
    }

    span.counter-text {
        margin: 8px 0 0 0;
        width: 80%;
        float: right;
    }

        span.counter-text.pl {
            margin: 20px 0 0 0;
            width: 100%;
            float: none;
            line-height: 1.5;
        }

    li.no-list-item::before {
        min-height: 60px;
    }

    .block.image img.partner-ar {
        left: 0%;
    }

    .ar-hero-icons.arcore {
        margin-left: 0 !important;
    }

    li.logo-item.xamarin-partner {
        margin: 0 0 0 20px;
    }

    .ar-hero-icons {
        margin: 0 10px !important;
    }

    .logo-item {
        height: 35px;
        margin: 10px 0;
    }

    ul.hero-logos.inline-mb .logo-item {
        margin: 10px 10px 0 10px;
    }

    ul.hero-logos.inline-mb {
        flex-direction: row;
    }

        ul.hero-logos.inline-mb .logo-item:first-child {
            margin: 10px 10px 0 0;
        }

    .logo-item.ms-dynamics {
        height:50px;
    }

    .menu-logo {
        position: relative;
    }

    nav ul.main-nav {
        top: 0;
        transform: translate(0);
        left: 5%;
        right: 0;
        text-align: right;
        height: 100% !important;
        padding: 5% 0 0% 0;
        margin: 0;
        position: relative;
        width: 90%;
    }

    .menu-logo {
        width: 55%;
        position: relative;
    }

        .menu-logo a {
            width: 100%;
            height: 60px;
        }

    .close-menu {
        top: 20px;
        right: 20px;
        width: 25px;
        height: 25px;
        z-index:50;
    }

    .sub-menu-panel {
        width: 90%;
        right: unset;
        left: 0;
        height:100%;
    }

    li.sub-title {
        font-size: 4vw;
        margin: 0 !important;
    }

    .services-tab, .technology-tab, .solutions-tab {
        top: 0;
    }

    .sub-menus {
        height: 100%;
        margin-top: 0;
        margin-right: 10px;
        overflow-y: auto;
/*        justify-content:center;*/
    }

    ul.sub-pages {
        margin: 0 !important;
    }

    ul.nav-ms-logos {
        bottom: 20px;
        left: 5%;
        right: 5%;
        flex-wrap: unset;
        position: fixed;
        width: 90%;
        opacity:1;
    }

    .slideup {
        bottom: 20px !important;
        opacity: 1 !important;
        transition-delay: 1s !important;
    }

    .micro-logo {
        height: 35px;
        margin:0 !important;
    }

    .menu-ms-xamarin-logo {
        background: url(../images/XamarinPartner.svg) center center no-repeat;
        background-size: contain;
    }

    .menu-ms-partner-logo {
        background: url(../images/MicrosoftPartner-white.svg) center left no-repeat;
        background-size: contain;
    }

    ul.sub-pages li a {
        font-size: 3.75vw;
        /* margin: 10px 0; */
        min-height: 20px;
        height: auto;
    }

    .no-mgn-top-mb {
        margin-top:0 !important;
    }

    .black-panel-left {
        width: 100%;
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 10;
        top: -100%;
        overflow: hidden;
        transition:top 0.5s ease;
        -webkit-transition:top 0.5s ease;
        -moz-transition:top 0.5s ease;
        -o-transition:top 0.5s ease;
        -ms-transition:top 0.5s ease;
        clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0) !important;
        -webkit-clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0) !important;
    }

    .slide-left {
        left: unset;
        top:0 !important;
    }

    .slide-right {
        right: unset !important;
        bottom:0 !important;
    }

    nav ul.main-nav li {
        margin:5px 0;
    }

        nav ul.main-nav li:first-child {
            margin: 5px 0;
        }

    .red-panel-right {
        width: 100%;
        height: 50%;
        padding: 0;
        z-index: 9;
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: -100%;
        right: unset;
        top: unset;
        transition:bottom 0.5s ease;
        -webkit-transition:bottom 0.5s ease;
        -moz-transition:bottom 0.5s ease;
        -o-transition:bottom 0.5s ease;
        -ms-transition:bottom 0.5s ease;
        justify-content: flex-start;
        clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
        -webkit-clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
    }

    .black-arrow {
        width: 100%;
        height: 15%;
        top: 0;
        bottom: 0;
        z-index: 10;
        
    }

    .red-arrow {
        background: #C1272d;
        height: 20%;
        width: 100%;
        top: -20%;
        left: 0;
    }

    nav ul.main-nav li a {
        padding: 0 35px 0 0;
        height: 20px;
    }

    nav ul.main-nav li:first-child {
        margin: 0 0 0 0;
    }

    nav ul.main-nav li:last-child {
        margin: 0 0 0 0;
    }

    .red-panel-menu {
        background: #C1272d;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        top: 20%;
        left: 0;
        right: 0;
        padding: 0 0 70px 0;
        width: 100%;
        overflow: hidden;
    }

    ul.logo-icons.pwa-inline li {
        width: 25% !important;
    }
    ul.logo-icons.pwa-inline li.android-ic {
        width: 25% !important;
    }
    ul.logo-icons.pwa-inline li.apple-ic {
        width: 25% !important;
    }
    ul.logo-icons.pwa-inline li.windows-ic {
        width: 25% !important;
    }
    ul.logo-icons.pwa {
        width: 60px;
        flex-wrap: wrap;
    }
    ul.logo-icons.pwa .logo-item {
        width: 100% !important;
    }
    ul.asp-core-features li img {
        height: 60px !important;
    }
    ul.logo-icons.blazor {
        flex-wrap: wrap;
        width: 70px;
    }
        ul.logo-icons.blazor li.logo-item {
            width: 100% !important;
        }
    ul.microsoft-logos.inline.right li.power-apps {
        height: 60px;
    }
    ul.microsoft-logos.inline.right li.flow {
        height: 60px;
    }
    ul.microsoft-logos.inline.right li.virtual-agents {
        height: 60px;
    }
    ul.azure-features li .azure-icon {
        height: 60px;
    }
    img.sm-icon {
        height: 60px !important;
    }
    ul.dynamics-icons.margin-tp li .icon {
        height: 60px;
    }
    ul.xamarin-features li .xamarin-icon {
        height: 60px;
    }
    ul.dynamics-icons li .icon {
        height: 60px;
    }
    ul.power-features li img {
        height: 60px !important;
    }
    ul.crm-icons li img {
        height: 60px;
    }
    ul.logo-icons li.amazon-alexa-lg {
        width: 100% !important;
    }
    ul.logo-icons li.google-assistant-lg {
        width: 100% !important;
        margin-right: 0;
    }
    ul.logo-icons li.microsoft-ai-lg {
        width: 100% !important;
    }
    .super-bot-logo {
        width: 30% !important;
        margin: 20px 0 0 0 !important;
    }
    section.quote-box p {
        width: 80%;
        margin:0 auto 10px auto;
    }
    section.quote-box p {
        font-size: 17px !important;
    }
    section.quote-box small {
        font-size: 17px !important;
    }
    .framework-title {
        margin: 10% 0 !important;
    }
    h3.white.business-show-title {
        width: 80%;
        margin: 0 auto;
    }
    .tbsuklogo-side {
        width: 100%;
        height: 100%;
        margin: 30px 0 0 0;
    }
    .br-mob {
        display:inline-block;
    }
    ul.microsoft-logos li.microsoft-partner {
        height: 50px;
    }
    li.net-maui.para-text-right {
        width: 75px !important;
    }
    ul.logo-icons li.android-ic.saas-item {
        width: 30% !important;
    }
    ul.logo-icons.inline li.net-maui.saas-item {
        width: 30% !important;
        height:65px !important;
    }
    ul.logo-icons.inline li.xamarin-ic {
        width: 30% !important;
    }
    ul.logo-icons li.windows-ic.saas-item {
        width: 30% !important;
    }
    ul.logo-icons li.apple-ic.saas-item {
        width: 30% !important;
        left:0 !important;
    }
    li.windows-ic.saas-item {
        width: 30% !important;
    }
    ul.logo-icons li.linux.saas-item {
        width: 30% !important;
    }
    .xamarin-demo {
        margin-top:20px !important;
    }
    ul.logo-icons {
        display: flex;
        flex-wrap: wrap;
        width: 45%;
    }
    .tbsuk-box .image {
        position: relative;
        font-size: 0;
    }
    img.logo-side {
        position: relative;
        top: 0;
        right: 0;
        width: 70%;
        height: 100%;
        display: block;
        object-fit: contain;
        object-position: center;
        margin: 0 auto 25px auto;
    }
    ul.project-list {
        margin: 0 5%;
        padding: 0;
        width: 90%;
    }
        ul.project-list li {
            line-height:25px;
        }
    .col {
        padding: 0;
        width: 100%;
        text-wrap:pretty;
    }
        .col.ms-ai-two-right {
            margin-top: 10%;
        }
    ul.sq-logos li.ms-partner-list {
        width: 35% !important;
        margin: 20px 0 0 0;
    }
    .chat-help-box .btn {
        font-size: 4vw;
    }
    img.wp-image {
        width: 100%;
    }
    .whitepaper-text {
        text-shadow:none;
        color: #000;
        padding: 0.5rem 0;
    }
    .whitepaper-title {
        text-wrap: pretty;
    }
    .whitepaper-overlay {
        height: auto !important;
        max-height: unset;
        margin: auto 0 1rem 0;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        z-index: 5;
        border: 5px solid #CCC;
    }
    ul.sq-logos li.ms-office-365 {
        margin: 20px 0 0 0;
    }
    ul.partner-logos {
        justify-content: space-between;
    }
    .block.image img.cta-img {
        left: 0;
        width: 100%;
        transform: skew( 0deg);
    }
    section.panel.services.angled.blazor-text {
        margin-bottom: -20px;
        width: 90% !important;
        padding: 10% 5% !important;
    }
    .col.fusing-blazor-right {
        margin-top: 25px;
    }
    ul.hero-logos.windows-logos li.logo-item.ms-partner-hero-logo {
        margin: 0 10px 0 0;
    }
    ul.hero-logos.windows-logos li.logo-item:last-child {
        margin:0 0 0 10px;
    }
    a.btn.dark.vid {
        margin: 0 auto;
        display: block;
    }
    section.image-banner-text.reversed.angled.teams-app-text {
        margin: -20px 0 -20px 0;
    }
    section.block-full-width.est.red-block.angled.nop-comm-text {
        margin-top: 10px;
        padding-top: 15% !important;
    }
    img.client-logo.diagnostic {
        width: 40%;
        margin: 0;
    }
    img.client-logo.super-bot {
        width: 30%;
        margin-bottom: -10px;
    }
    section.panel.partners {
        padding: 5% 0;
    }
    section.client-stories {
        padding: 5% 0 0 0;
    }
    .image-banner-text .panel-content p {
        font-weight: 400;
    }
    .container.reverse .block:last-child {
        margin-right: unset !important;
    }
    section.image-banner-text.reversed .panel-content {
        width: 80%;
        padding: 0;
        margin: 0 auto;
    }
    ul.our-services li {
        font-size: 17px;
    }
    ul.our-services .icon {
        margin: 0 0 10px 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    footer .container {
        padding:25px 0 110px 0;
    }
    .charity-auction {
        margin: 0;
    }
    img.charity-auction {
        margin: 0;
        width:70%;
    }
    img.holistech {
        width: 30% !important;
        height: 100% !important;
        object-fit: contain;
    }
    .client-logo {
        width: 40%;
        height: auto;
        margin: 0;
    }
    .info {
        width: 90%;
    }
    .hero h2 {
        font-size: 7.5vw;
        text-wrap:balance;
    }
    .hero p {
        font-size: 8vw;
    }
    .btn {
        font-size: 4vw;
        display:block;
        text-align:center;
    }
    .super-partner-logo {
        object-position: left;
    }
    .right-align a.btn-link.white {
        text-align: right;
    }
    .white-mob {
        color:#FFF !important;
    }

    ul.social {
        justify-content: center;
    }
    
    p {
        font-weight:400;
        font-size:4vw;
        margin-block-end:15px;
    }
    ul.core-services li {
        font-size: 3.25vw;
    }
        ul.core-services li p {
            font-size: 3.75vw;
        }
    img.bot-logo {
        width: 40%;
        height: auto;
        margin: 10% auto 0 auto;
        display: block;
    }
    section.panel.cta p:first-child {
        margin: 0;
    }
    .black-block {
        padding: 10% 0;
    }
    section.panel.cta p {
        margin: 10% 0;
    }
    section.panel.cta p:last-child {
        margin: 0;
    }
    footer p {
        font-size:3.25vw;
    }
    .bold {
        font-weight: 700;
    }
    strong {
        font-weight: 700;
    }
    button.collapsible-one, button.collapsible-two, button.collapsible-three {
        color: #FFF !important;
    }
    .video-controls {
        bottom: 25px;
    }
    .client-logo-image img.oa-icon {
        height: 80%;
    }
    .client-logo-image img.text-machine {
        height: 70%;
    }
    img.myiconstory {
        height: 70%;
    }
    .client-logo-image img.rainbow-icon {
        width: 65%;
        height: 55%;
    }
    .client-logo-image img.aktiv8-icon {
        width: 65%;
        height: 55%;
    }
    .client-logo-image img.flourish {
        width: 70%;
        height: 60%;
    }
    .client-logo-image img.swimfix {
        width: 60%;
        height: 50%;
    }
    .client-logo-image img.diagnostic-connections {
        width: 50%;
        height: 55%;
    }
    a.btn.dark {
        padding: 10px 5%;
        text-align: center;
    }
    section.block-full-width.red-block.angled {
        width: 80% !important;
        padding: 10% !important;
    }
    .col.fusing-nop-right {
        margin-top: 10%;
    }
    .image-banner-text .panel-content {
        left: 0%;
        width: 80%;
        padding: 0 10%;
    }
    .col.stage-two {
        padding-top: 10%;
    }
    ul.hero-logos.inline-mb li.logo-item {
        width: auto;
    }
    section.block-full-width.black-block {
        padding-bottom: 10%;
    }
    .ms-ai-logo-col {
        margin-top:10%;
    }
    .ml-mb {
        margin-left: 15px !important;
    }
    section.block-panel .row .block-content .padding {
        padding: 10% 0;
        width: 80%;
        margin: 0 auto;
    }
    section.block-panel .row .block-content .padding.no-pdg-top-mb {
        padding-top: 0;
    }
    h3.clients-say {
        font-size: 5vw;
        text-align: center;
    }
    .col.choose-superluminal-image {
        margin-top: 10%;
    }
    .col.improvements-right {
        margin-top: 10%;
    }
    img.flourish {
        width: 40%;
    }
    .col.col-right.mob-col-angled {
        padding-bottom: 10%;
    }
    ul.cloud-dev-icons.full {
        margin-bottom: 5%;
    }
    section.block-full-width {
        width:80%;
        padding: 10%;
    }
    .col.fusing-xamarin-right {
        margin-top: 10%;
    }
    section.block-full-width.session {
        width: 80%;
        padding: 10%;
        text-align:left;
    }
    section.ai-panel .bottom-panel .bottom-text {
        width: 80%;
        padding: 10%;
    }
    ul.low-code-logos li.autoglass {
        background: url(../images/autoglass-wht.svg) center center no-repeat;
        background-size: contain;
        height: 35px;
    }
    .ai-roadmap-title {
        margin:0 0 10% 0;
    }
    ul.support-icons {
        margin: 10% 0 0 0 !important;
    }
    section.ai-panel .right-panel {
        width: 80%;
        padding: 10%;
        color: #FFF;
    }
    .hour-ai {
        margin: 0;
    }
    .awards-title {
        margin: 10% 0;
        text-align:center;
    }
    .logo-title-text {
        margin: 1rem 0;
    }
    .panel-logo {
        margin-top: 0;
        margin-bottom: 0;
        height:19vw;
    }
    .red-panel-heading {
        font-size: 6vw;
        font-weight: 700;
        margin-top: 1rem !important;
    }
    img.award-bot {
        margin-top: 0;
    }
    .awards-title span {
        display: block;
        font-size: 10vw;
        margin-bottom: 0.5rem;
    }
    .panel-columns {
        flex-direction: column;
        padding: 10% 10% 0 10%;
        width: 80%;
    }
    .image-banner-text.build-portal {
        padding: 10% 0 20% 0 !important;
    }
    .image-banner-text {
        padding: 10% 0 !important;
    }
    .col.col-right {
        margin-top: 10%;
    }
    .videorow {
        margin-top: 10%;
    }
    .col.using-ai-right {
        margin-top: 10%;
    }
    ul.hero-logos.sq-icons {
        flex-direction: row;
    }
    .col.fusing-ai-right {
        margin-top: 10%;
    }
    .col.ms-ai {
        margin-top:10%;
    }
    .col.voice-powered-right {
        margin-top: 10%;
    }
    .col.smart-windows-right {
        margin-top: 10%;
    }
    .col.col-ai-right {
        margin-top: 10%;
    }
    .col.ai-development {
        margin-top: 10%;
    }
    .col.smart-web-right {
        margin-top: 10%;
    }
    .block.black-block.portal-right {
        padding-top: 10%;
    }
    .block:last-child .content.no-mgn-btm-mob {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    .no-mgn-btm-mob {
        margin-bottom:0 !important;
    }
    .no-mgn-top-mob {
        margin-top: 0 !important;
    }
    .tick-list.no-mgn-top-mob li:first-child {
        margin-top:5px;
    }
    section.column-text.gpt-chat-panel.centre {
        padding: 10% 0;
    }
    section.live-chat {
        padding: 10%;
        width: 80%;
    }
    .live-chat-use-box {
        margin: 10% 0;
    }
    .live-chat-use-box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 10% 0;
    }
    .logo-item-icons.blazor-icon {
        height: 35px !important;
        width: 45px !important;
        margin: 10px 5px 0 0 !important;
    }
    .logo-item-icons {
        width: 30%;
        height: 80px;
        margin: 0 !important;
    }
    h3.slide-title {
        text-align: center;
        margin: 20px 0 !important;
    }
    .live-chat-carousel {
        width: 90%;
        padding: 10% 0 0 0;
    }
    ul.azure-features li {
        margin: 15px 0;
        width:100%;
        font-size:17px;
    }
    section.cta p:first-child {
        margin:0 0 20px 0;
    }
    .col.super-smart-right {
        margin-top: 10%;
    }
    ul.azure-features li strong {
        display: block;
        margin: 10px 0;
        font-size:17px;
    }
    section.ai-panel .left-text {
        transform: skewX( 0deg);
        width: 90%;
        padding: 50px 5% 10px 5%;
        position: relative;
        z-index: 10;
        color: #FFF;
        font-size: 24px;
    }
    ul.azure-features {
        margin:5% 0;
        padding:0;
        font-size: 17px;
    }
    ul.hero-logos.row.net-maui-logos {
        width: 70%;
    }
    ul.page-icons li.xamarin-partner {
        background: url(../images/logos-xamarin-partner.svg) center center no-repeat;
        background-size: 150% auto;
    }
    ul.page-icons li.xamarin-partner {
        height: 55px;
        width: 300px;
        display: block;
    }
    
    ul.xamarin-features li {
        margin: 0 0 20px 0;
    }
    ul.microsoft-logos li.xamarin-partner {
        width: 40% !important;
        height: 80px;
    }
    ul.bot-logosAG li.google-assistant {
        height: 100px;
        width: 70%;
    }
    ul.bot-logosAG li.amazon-alexa {
        background: url(../images/amazon-alexa-icon.svg) left left no-repeat;
        background-size: 130px 130px;
        height: 100px;
        width: 30%;
    }
    li.bot-framework-col img {
        margin: 0 auto;
        height: 50px;
    }
    section.ai-panel .left-image {
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        transform: skewX( 0deg);
        margin: 0 auto 0 0;
    }
    ul.dynamics-icons li strong.yellow {
        color: #f9b833;
        font-size: 17px;
    }
    ul.bot-logos li.windows-cortana {
        background: url(../images/microsoft-cortana-logo.svg) center center no-repeat;
        background-size: 140px auto;
    }
    ul.bot-logos li.ms-teams {
        background: url(../images/microsoft-teams-logo.svg) center center no-repeat;
        background-size: 70px auto;
        height: 120px;
        margin: 20px 0;
    }
    ul.bot-logos li.sms-messaging {
        background: url(../images/sms-messaging-icon.svg) center center no-repeat;
        background-size: 110px auto;
    }
    ul.bot-logos li.twillo {
        background: url(../images/twillo-icon.svg) center center no-repeat;
        background-size: 150px auto;
    }
    ul.bot-logos li.whatsapp {
        background: url(../images/whats-app-icon.svg) center center no-repeat;
        background-size: 90px auto;
    }
    ul.power-features.no-padding li {
        width:100%;
        margin:20px 0;
    }
    ul.power-features li p {
        font-size: 15px;
    }
    section.block-full-width.red-block.angled {
        margin-bottom: -40px;
        margin-top: 15px;
    }
    .panel-content.full {
        width: 80% !important;
    }
    .col.bot-right {
        margin-top: 10%;
    }
    .col.col-images {
        margin-top: 10%;
    }
    li.logo-item.logo-item-icons.sm {
        width: 60px;
        height: 60px;
    }
    .marketing-item, .sales-item, .service-item, .project-item {
        width: 100%;
        margin:10px 0;
    }
        .marketing-item strong, .sales-item strong, .service-item strong, .project-item strong {
            text-align: center;
            width: 100%;
            display: block;
            min-height: auto;
            margin: 1rem 0;
        }
        .marketing-item:first-child, .sales-item:first-child, .service-item:first-child, .project-item:first-child {
            margin:10px 0 10px 0;
        }

        .marketing-item:last-child, .sales-item:last-child, .service-item:last-child, .project-item:last-child {
            margin: 10px auto 0 auto;
        }

    .cta-panel p:first-child {
        margin-top: 0;
    }
    ul.dynamics-icons li {
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 10px 0;
    }
    section.panel.grad {
        font-size: 28px;
        padding: 10% !important;
        width: 80% !important;
    }
    .support-icons li {
        font-size: 17px;
        background-size: 20px 20px;
    }
    .no-pdg-top-mb {
        padding-top:0 !important;
    }
    .block:last-child .content.no-pdg-btm-mb {
        padding-bottom: 0 !important;
    }
    .block:last-child .content.no-pdg-top-mb {
        padding-top: 0 !important;
    }
    section.block-full-width.est.red-block.angled {
        margin-bottom: -55px;
    }
    section.block-full-width.est.red-block.angled.bottom.top {
        margin-bottom: -90px;
    }
    section.block-full-width.red-block.angled.no-margin {
        margin-bottom: 0;
    }
    section.block-full-width.red-block {
        text-align: left;
    }
    section.panel h3 {
        margin: 0 auto 5% auto;
        width: 100%;
    }
    .text-panel.safe-and-secure {
        padding-bottom: 0 !important;
    }
    section.panel h3.azure-title {
        margin: 0 auto 25px auto;
        width: 80%;
    }
    section.panel.cta h3 {
        width:100%;
    }
    ul.core-services li {
        width: 47%;
        text-align: center;
    }
    ul.bot-logos.margin {
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }
    img.client-logo.rainbow-logo {
        width: 50%;
        height: unset;
    }
    section.panel.services {
        padding: 10% 0;
    }
    img.client-logo.hm {
        width: 50%;
        margin: 0;
    }
    section.image-banner-text.angled.reversed {
        width: 100% !important;
        margin: -20px 0;
    }
    img.client-logo.hond-r {
        width: 50%;
        margin: 0;
    }
    .col.ai-logo {
        width: 100%;
        padding: 0px;
    }
    ul.ai-features {
        margin: 20px 0 0 0;
    }
    ul.ai-features li strong {
        margin: 10px 0;
        font-size: 17px;
    }
    .col.ai-power-right {
        margin-top: 10%;
    }
    .col.fuse-teams-right {
        margin-top: 10%;
    }
    .angled {
        padding: 15% 10% 10% 10% !important;
        margin-bottom: -20px;
        top: -20px;
        width:80% !important;
    }
    .apple-arkit {
        margin-top:10%;
    }
    .col.fusing-business-image {
        margin-top: 10%;
    }
    section.panel h3.automation-title {
        width: 80%;
        display: block;
        margin: 0 auto 25px auto;
    }
    section.full-width.angled-cols.angled {
        padding: 15% 10% 10% 10% !important;
        width:80% !important;
    }
    section.full-width.angled-cols.angled.dblue {
        top: -80px;
        margin-bottom: -80px;
        padding: 10% !important;
    }
    img.client-logo.cta {
        width: 45%;
        margin: 0;
    }
    section.block-full-width.est.red-block.angled.top.bottom.digital-trans {
        margin-bottom: -50px;
        width: 100%;
    }
    section.block-full-width.red-block.angled {
        top: -50px;
        margin-bottom: -55px;
    }
    section.block-full-width.grey-block.angled {
        margin-top: -30px;
    }
    section.panel.services.angled {
        margin-bottom: -10px;
        margin-top: -20px;
    }
    .image-banner-text .panel-content p {
        font-size: 17px;
    }
    div#mwv {
        height: 300px;
    }
    .ev {
        height: 100%;
    }
    ul.core-services li {
        font-size: 17px;
        margin: 10px 0 5px 0;
    }
    ul.dynamics-icons li strong {
        font-size: 17px;
        text-align:center;
    }
    ul.core-services.seven li {
        width: 50%;
        margin: 15px 0;
    }
    ul.asp-core-features li span {
        display: block;
        margin: 20px 0;
        font-size: 17px;
    }
    section.panel .block.project-one h3 {
        text-align: left !important;
        width: 100%;
    }
    section.panel .block.project-two h3 {
        text-align: right !important;
        width: 100%;
    }
    a.tel-icon {
        padding-left: 50px;
        font-size: 20px;
        background: url(../images/phone-icon-footer.svg) 27% center no-repeat;
        background-size: 35px 35px;
    }
    ul.xamarin-features.white-text li {
        color: #FFF;
        margin: 15px 0;
    }
    .block.hide-project {
        display: none;
        visibility: hidden;
    }
    ul.asp-core-features li {
        width:100%;
        margin: 20px 0;
    }
    .col.ai-bot-right {
        margin-top: 10%;
    }
    .col.bot-panel {
        margin-top: 10%;
    }
    img.ai-logo.no-margin {
        margin: 0;
    }
    .col.white-text {
        width: 100%;
        padding: 0;
    }
    .mob-center {
        text-align:center !important;
    }
    img.ai-logo {
        margin: 0 auto;
        width:100%;
    }
    img.ai-logo.spacing {
        margin: 20px auto;
    }
    ul.logo-icons.blazor li {
        width: 25% !important;
        left: -8px !important;
    }
    ul.crm-icons li strong {
        margin: 0 auto 20px auto;
        width: 100%;
        font-size:15px;
    }
    .col.white-text.col-left {
        width: 100%;
        padding: 0;
    }
    ul.low-code-logos {
        bottom: 0;
        justify-content: center;
    }
    ul.crm-icons {
        margin: 10% 0;
        flex-wrap: wrap;
    }
        ul.low-code-logos li.pepsico {
            background: url(../images/pepsi.svg) center center no-repeat;
            background-size: contain;
            height: 50px;
        }
    img.device {
        position: relative;
        z-index: 1;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        left: 0% !important;
        /* margin: 20px 0 !important; */
    }
    ul.microsoft-logos li.umbraco {
        width: 158px !important;
    }

    ul.microsoft-logos li.microsoft-365 {
        width: 150px !important;
    }
    .col .btn {
        width: unset;
        text-align: center;
    }

    ul.logo-icons li.html-5-ic {
        width: 25% !important;
        height: 75px !important;
        position: relative;
        left: -8px;
    }

    .col.flex-center.super-smart-right {
        width: 100%;
        padding: 0;
    }

    ul.sq-logos {
        width: 100%;
        margin:20px 0 0 0;
    }

    section.image-banner-text.angled {
        width: 100% !important;
        padding: 15% 0 10% 0 !important;
        margin-bottom: -20px;
        margin-top: -20px;
    }
    .col.saas-right {
        padding-top: 10%;
    }

    .col.azure-right {
        padding-top: 10%;
    }

    ul.sq-logos li {
        width: 19% !important;
    }

    ul.logo-icons li.windows-ic {
        width: 50% !important;
        height: 65px !important;
        position: relative;
    }

    ul.logo-icons li.windows-ic.hero-logo {
        position:relative;
        left:-8%;
    }

    ul.logo-icons li.linux {
        background: url(../images/linux-logo.svg) center center no-repeat;
        background-size: contain;
        width: 75px !important;
        height: 75px !important;
        left: -6px;
        position: relative;
    }

    ul.logo-icons li.android-ic {
        width: 50% !important;
        height: 65px !important;
        position: relative;
        left: -8px;
    }

    ul.logo-icons.inline {
        width: 100%;
    }

    p.center-align {
        text-align:center !important;
    }

    li.logo-item.net-maui {
        width: 50% !important;
        height: 65px !important;
        position: relative;
        left: -8px;
    }

    ul.logo-icons li.linux {
        background: url(../images/linux-logo.svg) center center no-repeat;
        background-size: contain;
        width: 75px !important;
        height: 75px !important;
    }

    ul.logo-icons li.apple-ic {
        width: 50% !important;
        height: 65px !important;
        position: relative;
        left: -8px;
    }

    ul.microsoft-logos li.microsoft-sql {
        width: 300px !important;
        height: 40px;
    }

    ul.logo-icons li.xamarin-ic {
        width: 50% !important;
        height: 65px !important;
        position: relative;
        left: -8px;
    }
    ul.page-icons {
        width: 100%;
        margin:0 0 20px 0;
        justify-content:center;
    }
    ul.page-icons li {
        width: 80% !important;
        height: 50px;
    }
    ul.page-icons a {
        width:50%;
    }
    ul.page-icons a li {
        width: 100% !important;
    }
    ul.microsoft-logos li.microsoft-power-platform {
        width: 240px !important;
    }
    .superluminal-software-icons {
        left: 20px;
        bottom: 0px;
        width: 90%;
        height: 45%;
    }
    .cc-window.cc-floating {
        max-width: 100% !important;
        width: 100% !important;
        padding: 10px 0 0 0 !important;
        z-index:10 !important;
        top:0;
        justify-content:center;
    }
    .cc-revoke, .cc-window {
        flex-direction:column !important;
    }
    .cc-window.cc-floating .cc-compliance {
        width:100% !important;
        flex:unset !important;
    }
    .cc-color-override--1623242675.cc-window {
        background:#111 !important;
    }
    .cc-floating.cc-theme-edgeless .cc-message {
        margin: 0 auto !important;
        width: 90% !important;
        background: #c33a27;
        text-align:center !important;
        max-width: 80% !important;
        display: block !important;
        /* margin-bottom: 1em; */
        padding: 10px 5% !important;
    }
    .cc-btn {
        max-width: 85%;
        margin:0 auto;
    }
}

@media only screen and (max-width: 360px) {
    a.tel-icon {
        background: url(../images/phone-icon-footer.svg) 15% center no-repeat;
    }
    .logo-item {
        height: 32px;
    }
}


/* iPhone X*/
/*@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio : 3) {
}
*/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    .inst {
        width: 100%;
        z-index: 1000;
        top: unset;
        left: 0;
        color:#000;
        transform: translate(0,0);
        bottom: 0;
/*        background: #c2272d;
*/        position: fixed;
    }

    .instIOS strong {
        display: flex;
    }

    .instIOS p {
        font-size:15px;
    }

    .instIOS .btn {
        margin: 0 !important;
        font-size: 15px;
        padding: 10px;
    }

    .instIOS .app-icon {
        width: 20px;
        height: 20px;
        margin: auto;
    }
}

/* Generic mobile portrait*/
@media only screen and (min-device-width : 320px) and (max-device-height : 825px) and (orientation : portrait) {

    .hero-content.pages p {
        font-size: 15px !important;
    }

    /*.menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 40px;
    }*/

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatBox {
        right: 5px !important;
        bottom: -101px !important;
    }

    .chatlogo.scrolled {
        height: 40px !important;
        transition: all 0.3s ease-in-out;
    }

    .chat-logo-side.scrolled {
        width: 40px;
        height: 40px;
        transition: all 0.3s ease-in-out;
        border: 1px dashed #bf2a32;
    }

    .chatBox.scrolled {
        right: 65px !important;
        transition: all 0.3s ease-in-out;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }


    a.xamarin-partner-hero {
        width: 40%;
    }

    h2, h3, h4, h5 {
        font-size: 6.5vw;
    }

    .logo-title-text {
        margin:1rem 0;
    }

    section.block-full-width.red-block h3 {
        text-align:left;
    }

    section.full-width.live-chat {
        padding: 10% 0;
    }

    .blazor-icon {
        height: 55px;
        margin: 0 10px 0 0 !important;
    }

    section.full-width.angled-cols.angled {
        clip-path: polygon(0 1.5%, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 1.5%, 100% 0, 100% 100%, 0 100%);
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
    }

    

    .slick-prev {
        left: -15px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: -15px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    .block {
        transform: skew(5deg);
    }

        .block .content {
            transform: skew(-5deg);
            padding: 30px 0;
        }



    .container.trio-block {
        margin-top: 30px;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.cta h3 {
        margin: 0;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 12px !important;
    }

        .visualCaptcha-explanation strong {
            font-size: 12px !important;
        }

        .visualCaptcha-possibilities img {
            width: 40px !important;
            height: 40px !important;
        }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

/*    .hero h2 {
        font-size: 9vw;
    }*/

    section.block-full-width {
        width: 80%;
        padding:10%;
        text-align: left;
    }

    .col.stage-one {
        padding-bottom: 5%;
    }

    .panel-content.full {
        text-align: left !important;
    }

    section.block-full-width.red-block.angled {
        text-align:left;
    }

    section.image-text-panel .text-panel.webhooks-right {
        padding-bottom: 0;
    }

    section.image-text-panel .text-panel.virtual-right {
        padding-bottom: 0;
    }

    section.image-text-panel .text-panel.messaging-right {
        padding-bottom: 0;
    }

    .col.azure-right {
        margin-top: 5%;
    }

    .col.saas-right {
        margin-top: 5%;
    }

    .col.col-one-right {
        margin-top: 10%;
    }

    ul.our-services li {
        width: 17%;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 20px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 75%;
            padding: 0px 15%;
            margin: 0 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 45%;
        height: auto;
        margin: 0 0 20px 0;
    }



    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 0) / 0);
        transform: skew(-10deg);
        margin-left: 0;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }
}

/* Generic mobile landscape*/
@media only screen and (max-device-width : 925px) and (max-device-height : 540px) and (orientation : landscape) {
    .hero-content.pages p {
        font-size: 15px !important;
    }
    .sticky_header h1 a {
        background-size: 130px auto;
    }
    .instIOS .app-icon {
        width: 20px;
        height: 20px;
        margin: auto;
    }

    li.logo-item.microsoft-ai {
        width: 130px;
    }

    .hero-content.pages {
        width: 60% !important;
    }

    .menu-logo {
        width: 35%;
    }

    .black-panel-left {
        width: 50%;
        height: 100%;
        top: 0;
        right: auto;
        bottom: 0;
        z-index: 1;
        left: -100%;
        transition: left 0.5s ease;
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        -ms-transition: left 0.5s ease;
        background: #221e20;
        clip-path: polygon(0% 0%, 80% 0, 100% 50%, 80% 100%, 0% 100%) !important;
        -webkit-clip-path: polygon(0% 0%, 80% 0, 100% 50%, 80% 100%, 0% 100%) !important;
    }

    .red-panel-right {
        background: #C1272d;
        width: 60%;
        height: 100%;
        right: -100%;
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: flex-end;
        transition: right 0.5s ease;
        -webkit-transition: right 0.5s ease;
        -moz-transition: right 0.5s ease;
        -o-transition: right 0.5s ease;
        -ms-transition: right 0.5s ease;
        background: #C1272d;
        clip-path: polygon(15% 50%, 0 0, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(15% 50%, 0 0, 100% 0, 100% 100%, 0% 100%);
    }

    .slide-left {
        left: 0 !important;
        top: unset !important;
    }

    .slide-right {
        right: 0 !important;
        bottom:unset !important;
    }

    .brand-menu {
        width: 80%;
        height: 100%;
        background: #221e20;
    }

    nav ul.main-nav {
        position: absolute;
        left: 5%;
        top: 50%;
        transform: translate(0, -50%) !important;
        z-index: 5;
        height:auto !important;
        list-style-type: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0;
        transition: all 0.3s ease-in-out;
    }

        nav ul.main-nav li {
            margin: 3px 0;
        }

            nav ul.main-nav li:first-child {
                margin: 0 0 3px 0;
            }

            nav ul.main-nav li:last-child {
                margin: 3px 0 0 0;
            }

    .sub-menu-panel {
        width: 85%;
        right: 20px;
    }

    .red-panel-menu {
        width: 90%;
        display: flex;
        justify-content: flex-end;
        right: 20px;
        left:unset;
    }

    .super-bot-img {
        height: 50% !important;
        transform: translate(-10%, 15%) rotate(25deg) !important;
    }

    .close-menu {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        z-index: 50;
    }

    .menu-nav-icon {
        width: 20px;
        height: 20px;
        margin: 0 10px 0 0;
    }

    ul.sub-pages {
        margin: 0 0 0 55px !important;
    }

    span.arrow {
        margin: 0 10px 0 0;
        width: 15px;
        height: 15px;
    }

    ul.sub-pages li a {
        line-height: 15px;
        height: 15px;
        padding-left: 35px;
        background-size: 20px 20px;
        font-size: 2vw;
    }

    .sub-menus {
        margin-right: 7px;
        height:unset;
    }

    .services-tab, .technology-tab, .solutions-tab {
        top: 0;
    }

        nav ul.main-nav li a {
            padding: 0 0 0 35px;
            height: 20px;
            font-size:2vw;
            justify-content: flex-start;
        }

    li.sub-title {
        font-size: 2vw;
        margin: 0;
    }

        nav ul.main-nav li a.home {
            background: url(../images/menu-home-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.about {
            background: url(../images/menu-about-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.covid {
            background: url(../images/menu-covid-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.software {
            background: url(../images/menu-software-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.hour-power {
            background: url(../images/menu-ai-hour-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.projects {
            background: url(../images/menu-projects-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.start-up {
            background: url(../images/menu-startup-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.funding {
            background: url(../images/menu-funding-icon.svg) center left no-repeat;
            background-size: contain;
        }

        nav ul.main-nav li a.contact {
            background: url(../images/menu-contact-icon.svg) center left no-repeat;
            background-size: contain;
        }
}

/*iphone 12 Pro */
@media only screen and (device-height : 390px) and (device-width : 844px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    blockquote {
        font-size: 14px;
    }

    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 20px;
        right: 20px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }

    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 20px;
        left: 5%;
    }

    .menu-logo {
        top: 20px;
        left: 20px;
    }

    .close-menu {
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
    }

    .slideup {
        bottom:20px !important;
    }

    .sub-menu-panel {
        right: 20px;
    }

    nav ul.main-nav {
        left: 5%;
    }

    nav ul.main-nav li {
        margin: 5px 0;
    }

    .sub-menus {
        margin-right: 7px;
    }

        nav ul.main-nav li:first-child {
            margin: 0 0 5px 0;
        }

        nav ul.main-nav li:last-child {
            margin: 5px 0 0 0;
        }

        nav ul.main-nav li a {
            font-size: 1.5vw;
            background-size: contain !important;
            padding: 0 0 0 3.5vw;
            height: 15px;
            line-height: 15px;
        }

    .sub-menu ul li {
        font-size: 1.5vw;
    }

    ul.sub-pages {
        margin: 0 0 0 5.5vw;
    }

    span.arrow {
        margin: 0 7px 0 3px;
        width: 15px;
        height: 15px;
    }

    .menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 230px auto;
        text-indent: -9999px;
        width: 230px;
        height: 40px;
    }

    .super-bot-img {
        transform: translate(-5%, 15%) rotate(20deg) !important;
        height: 60%;
    }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 10px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
    }

    nav .black-panel {
        width: 50%;
        background: url(../images/menu-black-panel-tablet.svg);
        background-size: auto 100%;
        background-position-x: right;
    }

    ul#tech {
        margin: 5px 0;
    }

    .sub-menu {
        left: 50%;
        top: 50% !important;
        height: 60vh;
        width: 45%;
    }

    nav ul.microsoft-logos {
        right: 20px;
        bottom: 20px;
        width: 44%;
    }

        nav ul.microsoft-logos li.microsoft-xamarin {
            background: url(../images/XamarinPartner.svg) center left no-repeat;
            background-size: 100% auto;
            width: 31%;
        }

    .xamarin-menu {
        height: 40px !important;
        background-size: auto 40px !important;
        background-position-x: center !important;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
        right: 5%;
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: 5px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: 5px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }



    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
        margin-bottom: 0 !important;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 35%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px !important;
        border: 2px solid #D6423F !important;
        width: 20%;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 140px;
    }

    li.ms-logo-item.microsoft-ai.hero-logo-item {
        width: 130px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }
}

/*iphone x */
@media only screen and (device-height : 375px) and (device-width : 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    blockquote {
        font-size: 14px;
    }

    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }

    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 20px;
        left: 20px;
    }

    .close-menu {
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
    }

    .slideup {
        bottom: 20px !important;
    }

    .sub-menu-panel {
        right: 20px;
    }

    .sub-menus {
        height: 60vh;
    }

    ul.sub-pages {
        margin: 0 0 0 6vw;
    }

    nav ul.main-nav li {
        margin: 5px 0;
    }

        nav ul.main-nav li:first-child {
            margin: 0 0 5px 0;
        }

        nav ul.main-nav li:last-child {
            margin: 5px 0 0 0;
        }

        nav ul.main-nav li a {
            font-size: 15px;
            background-size: contain !important;
            padding: 0 0 0 30px;
        }

    .menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 40px;
    }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 60px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
        right:5%;
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: 5px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: 5px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    

    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
        margin-bottom:0 !important;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 35%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .visualCaptcha-possibilities .img {
        padding: 0;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }

}

/* Plus only*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    .service-item p {
        font-size: 14px;
    }

    ul.team li {
        width: 18%;
        margin: 10px 0;
    }

    .quote-mark.start {
        width: 7%;
    }

    .quote-mark.end {
        width: 7%;
    }

    ul.our-services li span {
        height: 30px;
        display: flex;
        justify-content: center;
        /* align-content: center; */
        align-items: center;
    }

    ul.our-services {
        width: 94%;
        padding: 0 3%;
    }

    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }



    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 10px;
        left: 10px;
    }

    nav ul.main-nav li {
        margin: 3px 0;
    }

        nav ul.main-nav li a {
            font-size: 15px;
            background-size: contain !important;
            padding: 0 0 0 30px;
        }

    .menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 40px;
    }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 60px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 110px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 100px;
        height: 40px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: -25px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: -25px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    .block {
        transform: skew(10deg);
    }

        .block .content {
            transform: skew(-10deg);
            padding: 30px 0;
        }

    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
        width: 100%;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 45%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }

}

/* One Plus etc*/
@media only screen and (device-height : 412px) and (max-device-width : 916px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2.5) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    ul.sub-pages {
        margin: 0 0 0 50px !important;
    }

    .sub-menus {
        margin-right: 7px;
    }

    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }

    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 20px;
        left: 20px;
    }

    nav ul.main-nav li {
        margin: 5px 0;
    }

        nav ul.main-nav li:first-child {
            margin: 0 0 5px 0;
        }

        nav ul.main-nav li:last-child {
            margin: 5px 0 0 0;
        }

        nav ul.main-nav li a {
            font-size: 15px;
            background-size: contain !important;
            padding: 0 0 0 30px;
        }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 10px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 50% !important;
        height: 55%;
        width: 45%;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: -25px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: -25px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    .block {
        transform: skew(10deg);
    }

        .block .content {
            transform: skew(-10deg);
            padding: 30px 0;
        }

    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 45%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

        ul.microsoft-logos li.microsoft-azure {
            width: 140px;
        }

    li.ms-logo-item.microsoft-ai.hero-logo-item {
        width: 130px;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }

}

/*Iphone 6 etc*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }



    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }

    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 10px;
        left: 10px;
    }

    nav ul.main-nav li {
        margin: 3px 0;
    }

        nav ul.main-nav li a {
            font-size: 15px;
            background-size: contain !important;
            padding: 0 0 0 30px;
        }

    .menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 40px;
    }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 60px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: -25px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: -25px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    .block {
        transform: skew(10deg);
    }

        .block .content {
            transform: skew(-10deg);
            padding: 30px 0;
        }

    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 45%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }

}

/*Pixel XL only*/
@media only screen and (device-height : 411px) and (device-width : 823px) and (orientation : landscape) {

.sticky_header h1 {
    top: 10px;
    left: 10px;
    margin: 0;
    position: absolute;
    z-index: 3;
}

.sticky_header .menu-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}
    
nav .close {
    width: 20px !important;
    height: 20px !important;
    top: 10px;
    right: 10px;
}

header .menu-icon {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
}

header h1 a {
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 150px auto;
    text-indent: -9999px;
    width: 150px;
    height: 50px;
}

header h1 {
    top: 10px;
    left: 10px;
}

.sticky-header {
    transition: all 0.3s ease;
    height: 45px;
}

.menu-logo {
    top: 10px;
    left: 10px;
}

nav ul.main-nav li {
    margin: 10px 0;
}

nav ul.main-nav li a {
    font-size: 15px;
    background-size: contain !important;
    padding: 0 0 0 30px;
}

.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 150px auto;
    text-indent: -9999px;
    width: 150px;
    height: 40px;
}

.material-scrolltop.reveal {
    width: 36px;
    height: 36px;
}

.chatlogo {
    height: 40px !important;
}

.chat-heading {
    padding-left: 0 !important;
}

p.chat-title {
    font-size: 15px !important;
    margin: 0 !important;
}

.home-hero-icons.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.info {
    width: 80%;
}

.hero p {
    font-size: 40px;
}

section.hero.home a.btn {
    margin: 20px 0 0 0;
}

.slideup {
    bottom: 60px;
    opacity: 1;
}

header ul.microsoft-logos li.microsoft-ai {
    margin: 0;
    width: 130px;
}

nav .black-panel {
    width: 45%;
}

.sub-menu {
    left: 50%;
    top: 40% !important;
    height: 55%;
    width: 45%;
}

a.xamarin-partner-hero {
    width: 40%;
}

ul.partner-logos li.microsoft-partner {
    background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
    background-size: contain;
    width: 100%;
    height: 30px;
    margin-right: 10px;
    display: block;
}

ul.partner-logos li.xamarin {
    background: url(../images/logos-small-xamarin.svg) center left no-repeat;
    background-size: contain;
    width: 30%;
    height: 30px;
    margin-right:10px;
}

ul.partner-logos li.microsoft-ai {
    background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
    background-size: contain;
    width: 30%;
    height: 30px;
}

h2, h3, h4, h5 {
    font-size: 20px;
}

ul.partner-logos {
    align-items: center;
}

.block:last-child {
    margin-right: calc((100% / 4) / -2);
}

ul.core-services li {
    width: 9%;
    text-align: center;
    font-size: 9px;
    transition: all 0.2s ease-in-out;
}

section.panel.partners {
    padding: 10px 0;
    text-align: center;
}

.slick-prev {
    left: -25px !important;
    background: url(../images/left-off.svg) center center no-repeat;
    background-size: contain;
}

.slick-next {
    right: -25px !important;
    background: url(../images/right-off.svg) center center no-repeat;
    background-size: contain;
}

.block {
    transform: skew(10deg);
}

.block .content {
    transform: skew(-10deg);
    padding: 30px 0;
}

.btn {
    font-size: 13px;
}

.container.trio-block {
    margin-top: 30px;
    height: 250px;
}

.block-image img {
    width: 110%;
    height: 100%;
    object-fit: cover;
    transform: skew(0deg);
}

p.project-work-title {
    margin-top: 0;
}

section.panel.cta.grad a {
    font-size: 15px;
    margin: 0;
}

section.panel.grad {
    font-size: 20px;
}

section.panel.cta {
    padding: 20px 0;
    text-align: center;
}

section.cta h3 {
    margin: 0;
}

footer .container {
    width: 90%;
    padding: 20px 5%;
    color: #FFF;
}

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

.accessibility-description, .visualCaptcha-explanation, .status.valid {
    font-size: 8px !important;
}

.visualCaptcha-possibilities img {
    width: 20px !important;
    height: 20px !important;
}

.visualCaptcha-possibilities .img {
    padding: 7px;
    border: 2px solid #D6423F;
    width: 20%;
}

.hero-content.pages {
    width: 80%;
}

.hero h2 {
    font-size: 30px;
}

section.block-full-width {
    width: 90%;
    padding: 30px 5%;
    text-align: center;
}

ul.our-services li {
    width: 17%;
    font-size: 12px;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    margin:0;
    padding:0;
}

ul.our-services .icon {
    margin: 0;
    height: 60px;
}

ul.our-services .icon img {
    width: 100%;
    height: 60px;
}

section.quote-box {
    width: 90%;
    padding: 30px 5%;
}

    section.quote-box p {
        font-size: 20px;
        width: 90%;
        padding: 0 5%;
        margin: 10px 0 10px 0;
        font-weight: 400;
    }

.team-title {
    padding: 15px 5%;
    width: 90%;
    background: #F0F0F0;
    text-align: center;
}

ul.team li .team-details {
    background: #f0f0f0;
    padding: 10px;
}

    ul.team li .team-details span {
        font-size: 12px;
        font-weight: 600;
    }

ul.team li .team-details strong {
    font-size: 18px;
}

ul.team li .team-details p {
    margin-bottom: 0;
    font-size: 11px;
}

.client-logo {
    width: 45%;
    height: auto;
    margin: 0 0 20px 0;
}

.footer-col input, .footer-col textarea {
    font-size: 12px;
}

.container.reverse .block:last-child {
    margin-right: calc((100% / 6) / 6);
    transform: skew(-10deg);
    margin-left: -20%;
}

ul.delivery-session li .icon {
    height: 45px;
    margin: 30px auto;
}

ul.delivery-session li .icon img {
    height: 45px;
}

section.block-full-width.session {
    width: 90%;
    padding: 30px 5%;
}

section.panel.cta.grad.small {
    font-size: 20px;
}

section.panel.cta.grad a {
    font-size: 13px;
    margin: 0;
}

p.recent-work {
    margin: 0;
    font-size: 20px;
}

ul.microsoft-logos li.microsoft-partner {
    width: 100px;
    height: 40px;
}

ul.microsoft-logos li.microsoft-azure {
    width: 90px;
}

ul.microsoft-logos li {
    height: 25px;
    margin: 0 30px 0 0;
}

section.ai-panel .left-text {
    transform: skewX(10deg);
    width: 50%;
    padding: 50px 20% 50px 30%;
    font-size: 15px;
}

section.ai-panel .left-text h3 {
    font-size: 25px;
    line-height: 25px;
}

.hour-ai {
    margin: 0 0 30px 0;
    height: 50px;
}

section.ai-panel .right-panel .right-text {
    font-size: 15px;
}

section.ai-panel .bottom-panel .bottom-text {
    width: 60%;
    padding: 20px 5% 15% 35%;
    font-size: 15px;
}

section.ai-panel .left-text {
    font-size: 17px;
}

section.ai-panel .right-panel {
    width: 50%;
    padding: 50px 10% 35% 40%;
    color: #FFF;
}

ul.bot-logos {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 40%;
    width: 60%;
}

}

/*Pixel 4*/
@media only screen and (device-height : 411px) and (device-width : 869px) and (orientation : landscape) {

.sticky_header h1 {
    top: 10px;
    left: 10px;
    margin: 0;
    position: absolute;
    z-index: 3;
}

.sticky_header .menu-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}
    
nav .close {
    width: 20px !important;
    height: 20px !important;
    top: 10px;
    right: 10px;
}

header .menu-icon {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
}

header h1 a {
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 150px auto;
    text-indent: -9999px;
    width: 150px;
    height: 50px;
}

header h1 {
    top: 10px;
    left: 10px;
}

.sticky-header {
    transition: all 0.3s ease;
    height: 45px;
}

.menu-logo {
    top: 20px;
    left: 5%;
}

    nav ul.microsoft-logos {
        right: 20px;
        bottom: 20px;
        width: 44%;
    }

        nav ul.microsoft-logos li.microsoft-xamarin {
            background: url(../images/XamarinPartner.svg) center left no-repeat;
            background-size: 100% auto;
            width: 31%;
        }

    .xamarin-menu {
        height: 40px !important;
        background-size: auto 40px !important;
        background-position-x: center !important;
    }

    ul#tech {
        margin: 10px 0;
    }

nav ul.main-nav li {
    margin: 5px 0;
}

nav ul.main-nav li a {
    font-size: 1.5vw;
    background-size: contain !important;
    height: 15px;
    line-height: 15px;
    padding: 0 0 0 3.5vw;
}

    .sub-menu ul li {
        font-size: 1.5vw;
    }

    span.arrow {
        margin: 0 7px 0 3px;
        width: 15px;
        height: 15px;
        background-size: contain;
    }

.menu-logo a {
    display: block;
    background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
    background-size: 150px auto;
    text-indent: -9999px;
    width: 150px;
    height: 40px;
}

    ul.sub-pages {
        margin: 0 0 0 5vw;
    }

.material-scrolltop.reveal {
    width: 36px;
    height: 36px;
}

.chatlogo {
    height: 40px !important;
}

.chat-heading {
    padding-left: 0 !important;
}

p.chat-title {
    font-size: 15px !important;
    margin: 0 !important;
}

.home-hero-icons.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.info {
    width: 80%;
}

.hero p {
    font-size: 40px;
}

section.hero.home a.btn {
    margin: 20px 0 0 0;
}

    nav ul.main-nav {
        height: 60vh;
    }

    .sub-menu {
        left: 50%;
        top: 50% !important;
        height: 60vh;
        width: 45%;
    }

    .slideup {
        bottom: 20px;
        opacity: 1;
    }

header ul.microsoft-logos li.microsoft-ai {
    margin: 0;
    width: 130px;
}

nav .black-panel {
    width: 45%;
}

.sub-menu {
    left: 50%;
    top: 40% !important;
    height: 55%;
    width: 45%;
}

a.xamarin-partner-hero {
    width: 40%;
}

ul.partner-logos li.microsoft-partner {
    background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
    background-size: contain;
    width: 100%;
    height: 30px;
    margin-right: 10px;
    display: block;
}

ul.partner-logos li.xamarin {
    background: url(../images/logos-small-xamarin.svg) center left no-repeat;
    background-size: contain;
    width: 30%;
    height: 30px;
    margin-right:10px;
}

ul.partner-logos li.microsoft-ai {
    background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
    background-size: contain;
    width: 30%;
    height: 30px;
}

nav .black-panel {
    width: 45%;
}

.sub-menu {
    left: 50%;
    top: 50% !important;
    height: 60vh;
    width: 45%;
}

    ul.sub-pages li a {
        padding-left: 25px;
        background-size: contain;
        font-size: 1.5vw;
    }

h2, h3, h4, h5 {
    font-size: 20px;
}

ul.partner-logos li.microsoft-partner {
    background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
    background-size: contain;
    width: 120px;
    height: 40px;
    margin-right: 10px;
}

ul.partner-logos {
    align-items: center;
}

.block:last-child {
    margin-right: calc((100% / 4) / -2);
}

ul.core-services li {
    width: 9%;
    text-align: center;
    font-size: 9px;
    transition: all 0.2s ease-in-out;
}

section.panel.partners {
    padding: 10px 0;
    text-align: center;
}

.slick-prev {
    left: -25px !important;
    background: url(../images/left-off.svg) center center no-repeat;
    background-size: contain;
}

.slick-next {
    right: -25px !important;
    background: url(../images/right-off.svg) center center no-repeat;
    background-size: contain;
}

.block {
    transform: skew(10deg);
}

.block .content {
    transform: skew(-10deg);
    padding:30px 0;
}

.btn {
    font-size: 13px;
}

.container.trio-block {
    margin-top: 30px;
    height: 250px;
}

.block-image img {
    width: 110%;
    height: 100%;
    object-fit: cover;
    transform: skew(0deg);
}

p.project-work-title {
    margin-top: 0;
}

section.panel.cta.grad a {
    font-size: 15px;
    margin: 0;
}

section.panel.grad {
    font-size: 20px;
}

section.panel.cta {
    padding: 20px 0;
    text-align: center;
}

section.cta h3 {
    margin: 0;
}

footer .container {
    width: 90%;
    padding: 20px 5%;
    color: #FFF;
}

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

.accessibility-description, .visualCaptcha-explanation, .status.valid {
    font-size: 8px !important;
}

.visualCaptcha-possibilities img {
    width: 20px !important;
    height: 20px !important;
}

.visualCaptcha-possibilities .img {
    padding: 7px;
    border: 2px solid #D6423F;
    width: 20%;
}

.hero-content.pages {
    width: 80%;
}

.hero h2 {
    font-size: 30px;
}

section.block-full-width {
    width: 90%;
    padding: 30px 5%;
    text-align: center;
}

ul.our-services li {
    width: 17%;
    font-size: 12px;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    margin:0;
    padding:0;
}

ul.our-services .icon {
    margin: 0;
    height: 60px;
}

ul.our-services .icon img {
    width: 100%;
    height: 60px;
}

section.quote-box {
    width: 90%;
    padding: 30px 5%;
}

    section.quote-box p {
        font-size: 20px;
        width: 90%;
        padding: 0 5%;
        margin: 10px 0 10px 0;
        font-weight: 400;
    }

.team-title {
    padding: 15px 5%;
    width: 90%;
    background: #F0F0F0;
    text-align: center;
}

ul.team li .team-details {
    background: #f0f0f0;
    padding: 10px;
}

    ul.team li .team-details span {
        font-size: 12px;
        font-weight: 600;
    }

ul.team li .team-details strong {
    font-size: 18px;
}

ul.team li .team-details p {
    margin-bottom: 0;
    font-size: 11px;
}

.client-logo {
    width: 45%;
    height: auto;
    margin: 0 0 20px 0;
}

.footer-col input, .footer-col textarea {
    font-size: 12px;
}

.container.reverse .block:last-child {
    margin-right: calc((100% / 6) / 6);
    transform: skew(-10deg);
    margin-left: -20%;
}

ul.delivery-session li .icon {
    height: 45px;
    margin: 30px auto;
}

ul.delivery-session li .icon img {
    height: 45px;
}

section.block-full-width.session {
    width: 90%;
    padding: 30px 5%;
}

section.panel.cta.grad.small {
    font-size: 20px;
}

section.panel.cta.grad a {
    font-size: 13px;
    margin: 0;
}

p.recent-work {
    margin: 0;
    font-size: 20px;
}

ul.microsoft-logos li.microsoft-partner {
    width: 100px;
    height: 40px;
}

ul.microsoft-logos li.microsoft-azure {
    width: 90px;
}

ul.microsoft-logos li {
    height: 25px;
    margin: 0 30px 0 0;
}

section.ai-panel .left-text h3 {
    font-size: 25px;
    line-height: 25px;
}

.hour-ai {
    margin: 0 0 30px 0;
    height: 50px;
}

section.ai-panel .right-panel .right-text {
    font-size: 15px;
}

section.ai-panel .bottom-panel .bottom-text {
    width: 60%;
    padding: 20px 5% 15% 35%;
    font-size: 15px;
}

section.ai-panel .left-text {
    font-size: 17px;
}

section.ai-panel .right-panel {
    width: 50%;
    padding: 50px 10% 35% 40%;
    color: #FFF;
}

}

/*Pixels*/
@media only screen and (device-height : 411px) and (device-width : 731px) and (orientation : landscape) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }



    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }

    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 10px;
        left: 10px;
    }

    nav ul.main-nav li {
        margin: 10px 0;
    }

        nav ul.main-nav li a {
            font-size: 15px;
            background-size: contain !important;
            padding: 0 0 0 30px;
        }

    .menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 40px;
    }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 60px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: -25px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: -25px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    .block {
        transform: skew(10deg);
    }

        .block .content {
            transform: skew(-10deg);
            padding: 30px 0;
        }

    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 45%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }

}

/* iPhone 12/13 mini landscape */
@media only screen and (device-height : 360px) and (device-width : 780px) and (orientation : landscape) {
    .sub-menus {
        height: 60vh;
    }

    li.sub-title {
        font-size: 1.5vw;
    }

    ul.sub-pages {
        margin: 0 0 0 6.5vw;
    }

        ul.sub-pages li a {
            padding-left: 25px;
            font-size: 1.45vw;
            margin: 5px 0;
            line-height: 15px;
            height: 15px;
        }
}

/*Droids*/
@media only screen and (device-height : 360px) and (device-width : 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {

    .sticky_header h1 {
        top: 10px;
        left: 10px;
        margin: 0;
        position: absolute;
        z-index: 3;
    }

    .sub-menus {
        height: 60vh;
    }

    .sticky_header .menu-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    nav .close {
        width: 20px !important;
        height: 20px !important;
        top: 10px;
        right: 10px;
    }

    header .menu-icon {
        width: 20px;
        height: 20px;
        top: 10px;
        right: 10px;
    }

    header h1 a {
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 50px;
    }

    header h1 {
        top: 10px;
        left: 10px;
    }

    .sticky-header {
        transition: all 0.3s ease;
        height: 45px;
    }

    .menu-logo {
        top: 10px;
        left: 10px;
    }

    nav ul.main-nav li {
        margin: 10px 0;
    }

        nav ul.main-nav li a {
            font-size: 15px;
            background-size: contain !important;
            padding: 0 0 0 30px;
        }

    .menu-logo a {
        display: block;
        background: url(../images/superluminal-white-AI-white-dots.svg) no-repeat;
        background-size: 150px auto;
        text-indent: -9999px;
        width: 150px;
        height: 40px;
    }

    .material-scrolltop.reveal {
        width: 36px;
        height: 36px;
    }

    .chatlogo {
        height: 40px !important;
    }

    .chat-heading {
        padding-left: 0 !important;
    }

    p.chat-title {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .home-hero-icons.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .info {
        width: 80%;
    }

    .hero p {
        font-size: 40px;
    }

    section.hero.home a.btn {
        margin: 20px 0 0 0;
    }

    .slideup {
        bottom: 60px;
        opacity: 1;
    }

    header ul.microsoft-logos li.microsoft-ai {
        margin: 0;
        width: 130px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    a.xamarin-partner-hero {
        width: 40%;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 100%;
        height: 30px;
        margin-right: 10px;
        display: block;
    }

    ul.partner-logos li.xamarin {
        background: url(../images/logos-small-xamarin.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
        margin-right: 10px;
    }

    ul.partner-logos li.microsoft-ai {
        background: url(../images/logos-small-microsoft-ai.svg) center left no-repeat;
        background-size: contain;
        width: 30%;
        height: 30px;
    }

    nav .black-panel {
        width: 45%;
    }

    .sub-menu {
        left: 50%;
        top: 40% !important;
        height: 55%;
        width: 45%;
    }

    h2, h3, h4, h5 {
        font-size: 20px;
    }

    ul.partner-logos li.microsoft-partner {
        background: url(../images/logos-small-microsoft-partner.svg) center left no-repeat;
        background-size: contain;
        width: 120px;
        height: 40px;
        margin-right: 10px;
    }

    ul.partner-logos {
        align-items: center;
    }

    .block:last-child {
        margin-right: calc((100% / 4) / -2);
    }

    ul.core-services li {
        width: 9%;
        text-align: center;
        font-size: 9px;
        transition: all 0.2s ease-in-out;
    }

    section.panel.partners {
        padding: 10px 0;
        text-align: center;
    }

    .slick-prev {
        left: -25px !important;
        background: url(../images/left-off.svg) center center no-repeat;
        background-size: contain;
    }

    .slick-next {
        right: -25px !important;
        background: url(../images/right-off.svg) center center no-repeat;
        background-size: contain;
    }

    .block {
        transform: skew(10deg);
    }

        .block .content {
            transform: skew(-10deg);
            padding: 30px 0;
        }

    .btn {
        font-size: 13px;
    }

    .container.trio-block {
        margin-top: 30px;
        height: 250px;
    }

    .block-image img {
        width: 110%;
        height: 100%;
        object-fit: cover;
        transform: skew(0deg);
    }

    p.project-work-title {
        margin-top: 0;
    }

    section.panel.cta.grad a {
        font-size: 15px;
        margin: 0;
    }

    section.panel.grad {
        font-size: 20px;
    }

    section.panel.cta {
        padding: 20px 0;
        text-align: center;
    }

    section.cta h3 {
        margin: 0;
    }

    footer .container {
        width: 90%;
        padding: 20px 5%;
        color: #FFF;
    }

    footer strong {
        font-weight: 400;
        font-size: 20px;
        margin: 10px 0 10px 0;
        display: block;
    }

    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 8px !important;
    }

    .visualCaptcha-possibilities img {
        width: 20px !important;
        height: 20px !important;
    }

    .visualCaptcha-possibilities .img {
        padding: 7px;
        border: 2px solid #D6423F;
        width: 20%;
    }

    .hero-content.pages {
        width: 80%;
    }

    .hero h2 {
        font-size: 30px;
    }

    section.block-full-width {
        width: 90%;
        padding: 30px 5%;
        text-align: center;
    }

    ul.our-services li {
        width: 17%;
        font-size: 12px;
        position: relative;
        top: 0;
        transition: all .2s ease-in-out;
        margin: 0;
        padding: 0;
    }

    ul.our-services .icon {
        margin: 0;
        height: 60px;
    }

        ul.our-services .icon img {
            width: 100%;
            height: 60px;
        }

    section.quote-box {
        width: 90%;
        padding: 30px 5%;
    }

        section.quote-box p {
            font-size: 20px;
            width: 90%;
            padding: 0 5%;
            margin: 10px 0 10px 0;
            font-weight: 400;
        }

    .team-title {
        padding: 15px 5%;
        width: 90%;
        background: #F0F0F0;
        text-align: center;
    }

    ul.team li .team-details {
        background: #f0f0f0;
        padding: 10px;
    }

        ul.team li .team-details span {
            font-size: 12px;
            font-weight: 600;
        }

        ul.team li .team-details strong {
            font-size: 18px;
        }

        ul.team li .team-details p {
            margin-bottom: 0;
            font-size: 11px;
        }

    .client-logo {
        width: 45%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .footer-col input, .footer-col textarea {
        font-size: 12px;
    }

    .container.reverse .block:last-child {
        margin-right: calc((100% / 6) / 6);
        transform: skew(-10deg);
        margin-left: -20%;
    }

    ul.delivery-session li .icon {
        height: 45px;
        margin: 30px auto;
    }

        ul.delivery-session li .icon img {
            height: 45px;
        }

    section.block-full-width.session {
        width: 90%;
        padding: 30px 5%;
    }

    section.panel.cta.grad.small {
        font-size: 20px;
    }

    section.panel.cta.grad a {
        font-size: 13px;
        margin: 0;
    }

    p.recent-work {
        margin: 0;
        font-size: 20px;
    }

    ul.microsoft-logos li.microsoft-partner {
        width: 100px;
        height: 40px;
    }

    ul.microsoft-logos li.microsoft-azure {
        width: 90px;
    }

    ul.microsoft-logos li {
        height: 25px;
        margin: 0 30px 0 0;
    }

    section.ai-panel .left-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .hour-ai {
        margin: 0 0 30px 0;
        height: 50px;
    }

    section.ai-panel .right-panel .right-text {
        font-size: 15px;
    }

    section.ai-panel .bottom-panel .bottom-text {
        width: 60%;
        padding: 20px 5% 15% 35%;
        font-size: 15px;
    }

    section.ai-panel .left-text {
        font-size: 17px;
    }

    section.ai-panel .right-panel {
        width: 50%;
        padding: 50px 10% 35% 40%;
        color: #FFF;
    }

}


/*Portrait mobiles*/

/*iPhone plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {

    .sub-menu {
        height: 30vh;
        top: 60% !important;
        z-index: 10;
    }

    .slideup {
        bottom: 20px;
        opacity: 1;
    }

    nav ul.main-nav li {
        margin: 3px 0;
    }

    nav .black-panel {
        height: 58%;
    }

}

/*Iphone 6 etc*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    
.sub-menu {
    height: 28vh;
    top: 60% !important;
}

nav .black-panel {
    height: 60%;
}

.slideup {
    bottom: 10px;
    opacity: 1;
}

nav ul.main-nav li {
    margin: 3px 0;
}
    
}

/* One Plus 6, 7,  */
@media only screen and (device-width : 412px) and (max-device-height : 916px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2.5) {

    .collapsible {
        background-color: #777;
        color: white;
        cursor: pointer;
        margin:0 !important;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        display: block !important;
    }

        .active, .collapsible:hover {
            background-color: #555;
        }

    .content {
        display: block;
        padding: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .mob-hide {
        display:none;
        visibility:hidden;
    }

}

/*Pixel 4*/
@media only screen and (device-width : 411px) and (device-height : 869px) and (orientation : portrait)  {
     

.chatheader {
    flex-direction: row !important;
}

.btn-skip {
    bottom: 10%;
    right: 0;
}

#muteicon {
    bottom: 15%;
    right: 0;
    font-size: 12px;
}
    
}

/*iPhone 5/SE*/
@media only screen and (min-device-width : 320px) and (max-device-height : 568px) and (orientation : portrait) {
    
nav .black-panel {
    height: 56%;
}

nav ul.main-nav li a {
    font-size: 15px;
    padding: 0 30px 0 0;
    height: 18px;
}

nav ul.main-nav li {
    margin: 6px 0;
}

.sub-menu ul li {
    font-size: 15px;
    margin: 10px 0;
}

ul.sub-pages li a {
    padding-left: 32px;
    background-size: 20px 20px;
}

.sub-menu ul li a {
    font-size: 15px;
}

.slideup {
    bottom: 10px;
    opacity: 1;
}
    
}
    
/*Droids*/
/*@media only screen and (min-device-width : 360px) and (max-device-height : 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {

 

}*/    
    
/* Droid e.g. Galaxy S iii*/
/*@media screen and (device-width: 360px) and (device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {



}*/

/*@media only screen and (min-device-width : 768px) and (max-device-height : 360px) and (orientation : landscape) {
    

    
}
     */
/*@media only screen and (min-device-width : 360px) and (max-device-width : 768px) and (orientation : portrait) {
    
   

}
*/
/*@media only screen and (device-width : 280px) and (device-height : 653px) and (orientation : portrait) {
    
   
    
}*/

/*@media only screen and (min-device-width : 100px) and (max-device-width : 640px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait) {

    
    
}*/


/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(195,39,47,0.75);
    text-align: center;
}

.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*****************/
/** jNotify CSS **/
/*****************/
#jNotify {
	position:absolute;
	background:#d8e6fc  url('../images/info.png') no-repeat 15px center;
	color:#35517c;
	border:1px solid #a7c3f0;
	padding:10px;
	padding-left:50px;
	margin:15px;
	z-index:9999;
	-moz-border-radius : 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#jNotify a {color:#35517c !important;text-decoration:none;}

/******************/
/** jSuccess CSS **/
/******************/
#jSuccess {
	position:absolute;
	background:#E6EFC2  url('../images/success.png') no-repeat 15px center;
	color:#264409;
	border:1px solid #C6D880;
	padding:10px;
	padding-left:50px;
	margin:15px;
	z-index:9999;
	-moz-border-radius : 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#jSuccess a {color:#264409 !important;text-decoration:none;}



/****************/
/** jError CSS **/
/****************/
#jError {
	position:absolute;
	background:#FBE3E4  url('../images/error.png') no-repeat 15px center;
	color:#8a1f11;
	border:1px solid #FBC2C4;
	padding:10px;
	padding-left:50px;
	margin:15px;
	z-index:9999;
	-moz-border-radius : 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#jError a {color:#8a1f11 !important;text-decoration:none;}

/** OVERLAY **/
#jOverlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9998
}
/*! visualCaptcha - v0.0.5 - 2014-03-13
* http://visualcaptcha.net
* Copyright (c) 2014 emotionLoop; Licensed MIT */

.visualCaptcha {
    margin-bottom: 20px;
    min-height: 120px;
}

@media only screen and (min-width:750px) {
    .visualCaptcha {
        margin-bottom: 15px;
    }
}

.visualCaptcha * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.visualCaptcha .audioField {
    font-size: 15px;
    color: #495e62;
    font-weight: 100;
    padding: 5px;
    border: 1px solid #3bb6e4;
    height: 40px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media only screen and (max-width:360px) {
    .visualCaptcha .audioField {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width:360px) {
    .visualCaptcha .audioField {
        width: 240px;
        float: left;
    }
}

.accessibility-description, .visualCaptcha-explanation, .status.valid {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: white 2px solid;
    background-color: rgba(193, 247, 232, 0);
    padding: 10px;
    text-align: center;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    margin: 20px 0 24px;
    letter-spacing: 0.1em;
    width: 69%;
}
@media only screen and (max-width:768px) {
    .accessibility-description, .visualCaptcha-explanation, .status.valid {
    width: 100%;
    }
    .visualCaptcha-possibilities {
    margin-bottom: 0px;
    }

}
@media only screen and (max-width:480px) {
    .visualCaptcha {
    margin-bottom: 0;
}
}

@media only screen and (max-width:414px) {
    .visualCaptcha-button-group{
        margin-bottom:10px;
    }
}

@media only screen and (max-width:360px) {
    .accessibility-description, .visualCaptcha-explanation, .status.valid {
        font-size: 16px;
    }
}

.visualCaptcha-possibilities, .visualCaptcha-refresh-button, .visualCaptcha-accessibility-button, .visualCaptcha-button-group {
    display: inline-block;
}

.visualCaptcha-possibilities {
    vertical-align: middle;
}

@media only screen and (min-width:360px) {
    .visualCaptcha-possibilities {
        margin-right: 0;
        background: white;
        margin-bottom: 20px;
    }
}

.visualCaptcha-possibilities .img {
    padding: 4px;
    border: 1px solid #fff;
    display: inline-block;
}

@media only screen and (min-width:360px) {
    .visualCaptcha-possibilities .img {
        padding: 10px;
        border: 3px solid #D6423F;
        width:20%;
    }
}

.visualCaptcha-possibilities img {
    object-fit:contain;
    z-index: 5;
    transition: all 200ms;
    -webkit-transition: all 200ms;
}

    .visualCaptcha-possibilities img:hover {
        cursor: pointer;
    }

@media only screen and (max-width:360px) {
    .visualCaptcha-possibilities .visualCaptcha-button-group {
        text-align: center;
        margin-top: 15px;
    }
}

@media only screen and (min-width:750px) {
    .visualCaptcha-possibilities .visualCaptcha-button-group {
        float: right;
    }
}

.visualCaptcha-possibilities .visualCaptcha-selected {
    background-color: #c1f7e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    border: 1px dashed #099a9f;
}

@media only screen and (min-width:750px) {
    .visualCaptcha-possibilities .visualCaptcha-selected {
        padding: 10px;
        border: 3px dashed #099a9f;
    }
}

.visualCaptcha-refresh-button {
    padding: 9px 10px 7px;
    margin: 0 5px;
    border: 1px solid #fff;
    background: white;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

    .visualCaptcha-refresh-button img {
        width: 16px;
        height: 16px;
    }

    .visualCaptcha-refresh-button:hover {
        cursor: pointer;
    }

.visualCaptcha-accessibility-button {
    padding: 9px 10px 7px;
    background-color: #D6423F;
    border: 1px solid #D6423F;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

    .visualCaptcha-accessibility-button img {
        width: 16px;
        height: 16px;
    }

    .visualCaptcha-accessibility-button:hover {
        cursor: pointer;
    }

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

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

div.visualCaptcha .visualCaptcha-show {
    -webkit-animation: fadeIn 300ms;
    animation: fadeIn 300ms;
}

div.visualCaptcha .visualCaptcha-hide {
    display: none !important;
    -webkit-animation: fadeOut 300ms;
    animation: fadeOut 300ms;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    height:100%;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    height:100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
/*    background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;
    z-index:5;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 25px;
    background: url('../images/left-off.svg') center center no-repeat;
    background-size: contain;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    background:url('../images/left-off.svg') center center no-repeat;
    background-size:contain;
}
[dir='rtl'] .slick-prev:before {
    background: url('../images/left-off.svg') center center no-repeat;
    background-size: contain;
}

.slick-next {
    right: 25px;
    background: url('../images/right-off.svg') center center no-repeat;
    background-size: contain;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before {
    background: url('../images/right-off.svg') center center no-repeat;
    background-size: contain;
}
[dir='rtl'] .slick-next:before {
    background: url('../images/right-off.svg') center center no-repeat;
    background-size: contain;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
	overflow: hidden;
}

/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonry .brick:hover img {
  opacity: .75;
}

/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #eee;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}

/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
}
/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 4.4.0 (1 August, 2018)
 * require: jQuery v1.8+
 *
 * Copyright 2013-2018, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */.cbp-l-filters-alignCenter .cbp-filter-counter:after,.cbp-l-filters-alignRight .cbp-filter-counter:after,.cbp-l-filters-button .cbp-filter-counter:after,.cbp-l-filters-buttonCenter .cbp-filter-counter:after,.cbp-l-filters-text .cbp-filter-counter:after,.cbp,.cbp *,.cbp *:after,.cbp:after,.cbp-l-filters-dropdownHeader:after,.cbp-popup-wrap,.cbp-popup-wrap *,.cbp-popup-wrap:before,.cbp-popup-loadingBox:after,.cbp-search *,.cbp-l-direction:after{box-sizing:border-box}.cbp-l-grid-agency-title,.cbp-l-grid-agency-desc,.cbp-l-grid-work-title,.cbp-l-grid-work-desc,.cbp-l-grid-blog-title,.cbp-l-grid-projects-title,.cbp-l-grid-projects-desc,.cbp-l-grid-masonry-projects-title,.cbp-l-grid-masonry-projects-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *,.cbp-l-filters-holder,.cbp-l-filters-holder *,.cbp-l-loadMore-bgbutton,.cbp-l-loadMore-bgbutton *,.cbp-l-loadMore-button,.cbp-l-loadMore-button *,.cbp-l-loadMore-text,.cbp-l-loadMore-text *,.cbp-search,.cbp-l-dropdown,.cbp-l-dropdown *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.cbp:after,.cbp-lazyload:after,.cbp-popup-loadingBox:after,.cbp-popup-singlePageInline:after{content:'';position:absolute;width:34px;height:34px;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-animation:cbp-rotation .8s infinite linear;animation:cbp-rotation .8s infinite linear;border-left:3px solid rgba(114,144,182,0.15);border-right:3px solid rgba(114,144,182,0.15);border-bottom:3px solid rgba(114,144,182,0.15);border-top:3px solid rgba(114,144,182,0.8);border-radius:100%}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{opacity:1;-webkit-transform:translateY(-44px);transform:translateY(-44px)}.cbp-l-filters-alignCenter .cbp-filter-counter,.cbp-l-filters-alignRight .cbp-filter-counter,.cbp-l-filters-button .cbp-filter-counter,.cbp-l-filters-buttonCenter .cbp-filter-counter,.cbp-l-filters-text .cbp-filter-counter{font:400 11px/18px "Open Sans", sans-serif;border-radius:3px;color:#FFFFFF;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-webkit-transition:-webkit-transform .25s, opacity .25s;transition:transform .25s, opacity .25s}.cbp-l-filters-alignCenter .cbp-filter-counter:after,.cbp-l-filters-alignRight .cbp-filter-counter:after,.cbp-l-filters-button .cbp-filter-counter:after,.cbp-l-filters-buttonCenter .cbp-filter-counter:after,.cbp-l-filters-text .cbp-filter-counter:after{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.cbp-item{display:inline-block;margin:0 10px 20px 0}.cbp{position:relative;margin:0 auto;z-index:1;height:400px}.cbp>*{visibility:hidden}.cbp .cbp-item{list-style-type:none;margin:0;padding:0;overflow:hidden}.cbp img{display:block;border:0;width:100%;height:auto}.cbp a,.cbp a:hover,.cbp a:active{text-decoration:none;outline:0}.cbp-lazyload{position:relative;background:#fff;display:block}.cbp-lazyload img{opacity:1}.cbp-lazyload img[data-cbp-src]{opacity:0}.cbp-lazyload img:not([data-cbp-src]){-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}.cbp-lazyload:after{z-index:0}.cbp-wrapper-outer{overflow:hidden;position:relative;margin:0 auto}.cbp-wrapper-outer,.cbp-wrapper,.cbp-wrapper-helper{list-style-type:none;padding:0;width:100%;height:100%;z-index:1}.cbp-wrapper,.cbp-wrapper-helper{margin:0}.cbp-ready>*{visibility:visible}.cbp-ready:after{display:none;visibility:hidden}.cbp-ready .cbp-item{position:absolute;top:0;left:0}.cbp-ready .cbp-wrapper,.cbp-ready .cbp-wrapper-helper{position:absolute;top:0;left:0}.cbp-item-off{z-index:-1;pointer-events:none;visibility:hidden}.cbp-item-on2off{z-index:0}.cbp-item-off2on{z-index:1}.cbp-item-on2on{z-index:2}.cbp-item-wrapper{width:100%;height:100%;position:relative;top:0;left:0}.cbp-l-project-related-wrap img,.cbp-l-inline img{display:block;width:100%;height:auto;border:0}.cbp-updateItems{-webkit-transition:height .5s ease-in-out !important;transition:height .5s ease-in-out !important;will-change:height}.cbp-updateItems .cbp-item{-webkit-transition:top .5s ease-in-out, left .5s ease-in-out;transition:top .5s ease-in-out, left .5s ease-in-out}.cbp-updateItems .cbp-item-loading{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;-webkit-transition:none;transition:none}.cbp-removeItem{-webkit-animation:fadeOut .5s ease-in-out;animation:fadeOut .5s ease-in-out}.cbp-panel{width:94%;max-width:1170px;margin:0 auto}.cbp-misc-video{position:relative;height:0;padding-bottom:56.25%;background:#000;text-align:center}.cbp-misc-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes cbp-rotation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes cbp-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.clearfix:after{content:" ";display:block;height:0;clear:both}.cbp-l-filters-left{float:left}.cbp-l-filters-right{float:right}.cbp-l-center{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 480px){.cbp-l-filters-left,.cbp-l-filters-right{width:100%}}@media only screen and (max-width: 800px){.cbp-l-center{flex-direction:column}}.cbp-caption,.cbp-caption-defaultWrap,.cbp-caption-activeWrap{display:block}.cbp-caption-activeWrap{background-color:#282727}.cbp-caption-active .cbp-caption,.cbp-caption-active .cbp-caption-defaultWrap,.cbp-caption-active .cbp-caption-activeWrap{overflow:hidden;position:relative;z-index:1}.cbp-caption-active .cbp-caption-defaultWrap{top:0}.cbp-caption-active .cbp-caption-activeWrap{width:100%;position:absolute;z-index:2;height:100%}.cbp-l-caption-title{color:#fff;font:400 16px/21px "Open Sans", sans-serif}.cbp-l-caption-desc{color:#aaa;font:400 12px/16px "Open Sans", sans-serif}.cbp-l-caption-text{font:400 14px/21px "Open Sans", sans-serif;color:#fff;letter-spacing:3px;padding:0 6px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{background-color:#547EB1;color:#FFFFFF;display:inline-block;font:400 12px/30px "Open Sans", sans-serif;min-width:90px;text-align:center;margin:4px;padding:0 6px}.cbp-l-caption-buttonLeft:hover,.cbp-l-caption-buttonRight:hover{opacity:0.9}.cbp-caption-none .cbp-caption-activeWrap{display:none}.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:12px 30px}.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body{padding-top:30px}.cbp-l-caption-alignCenter{display:table;width:100%;height:100%}.cbp-l-caption-alignCenter .cbp-l-caption-body{display:table-cell;vertical-align:middle;text-align:center;padding:15px 0}.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{position:relative;-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transform:translateX(20px);transform:translateX(20px)}.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transform:translateX(0);transform:translateX(0)}@media only screen and (max-width: 480px){.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:9px 11px}.cbp-l-caption-title{font-size:14px;line-height:21px}.cbp-l-caption-desc{font-size:11px;line-height:14px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{font-size:11px;line-height:28px;min-width:69px;margin:3px;padding:0 4px}.cbp-l-caption-text{font-size:13px;letter-spacing:1px}}@media only screen and (max-width: 374px){.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:8px 10px}.cbp-l-caption-title{font-size:13px;line-height:20px}.cbp-l-caption-desc{font-size:11px;line-height:14px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{font-size:10px;line-height:28px;min-width:62px;margin:1px;padding:0 4px}}.cbp-caption-fadeIn .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.85);-webkit-transition:opacity .5s;transition:opacity .5s}.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-minimal .cbp-l-caption-title,.cbp-caption-minimal .cbp-l-caption-desc{position:relative;left:0;opacity:0;-webkit-transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out}.cbp-caption-minimal .cbp-l-caption-title{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cbp-caption-minimal .cbp-l-caption-desc{-webkit-transform:translateY(70%);transform:translateY(70%)}.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cbp-caption-minimal .cbp-caption-activeWrap{top:0;background-color:#000;background-color:rgba(0,0,0,0.8);opacity:0}.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-moveRight .cbp-caption-activeWrap{left:-100%;top:0;-webkit-transition:-webkit-transform .35s;transition:transform .35s}.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-overlayBottom .cbp-caption-activeWrap{height:60px;background-color:#181616;background-color:rgba(24,22,22,0.7);-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transition-duration:.35s;transition-duration:.35s}.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .35s;transition:transform .35s}.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{height:auto}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-34px);transform:translateY(-34px)}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap,.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{height:69px;-webkit-transform:translateY(0);transform:translateY(0)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-68px);transform:translateY(-68px)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-69px);transform:translateY(-69px)}.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap{bottom:0;z-index:1;height:auto}.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-68px);transform:translateY(-68px)}.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{top:0;left:-50%;width:50%}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateX(25%);transform:translateX(25%)}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-pushDown .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-pushDown .cbp-caption-activeWrap{top:-100%}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-pushTop .cbp-caption-activeWrap,.cbp-caption-pushTop .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-pushTop .cbp-caption-activeWrap{height:102%}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-99%);transform:translateY(-99%)}.cbp-caption-revealBottom .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-revealBottom .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-revealLeft .cbp-caption-activeWrap{left:100%;top:0;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.cbp-caption-revealTop .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-revealTop .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-zoom .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.25);transform:scale(1.25)}.cbp-caption-zoom .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.9);-webkit-transition:opacity .4s;transition:opacity .4s}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-opacity .cbp-item{padding:1px}.cbp-caption-opacity .cbp-caption,.cbp-caption-opacity .cbp-caption-activeWrap,.cbp-caption-opacity .cbp-caption-defaultWrap{background-color:transparent}.cbp-caption-opacity .cbp-caption{border:1px solid transparent}.cbp-caption-opacity .cbp-caption:hover{border-color:#EDEDED}.cbp-caption-opacity .cbp-caption-defaultWrap{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap{opacity:.8}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap{top:0}.cbp-caption-expand .cbp-caption{border-bottom:1px dotted #eaeaea}.cbp-caption-expand .cbp-caption-activeWrap{height:auto;background-color:transparent}.cbp-caption-expand .cbp-caption-defaultWrap{cursor:pointer;font:500 15px/23px "Roboto", sans-serif;color:#474747;padding:12px 0 11px 26px}.cbp-caption-expand .cbp-caption-defaultWrap svg{position:absolute;top:16px;left:0}.cbp-caption-expand .cbp-l-caption-body{font:400 13px/21px "Roboto", sans-serif;color:#888;padding:0 0 20px 26px}.cbp-caption-expand-active{-webkit-transition:height .4s !important;transition:height .4s !important}.cbp-caption-expand-active .cbp-item{-webkit-transition:left .4s, top .4s !important;transition:left .4s, top .4s !important}.cbp-caption-expand-open .cbp-caption-activeWrap{-webkit-transition:height .4s;transition:height .4s}.cbp-l-filters-alignCenter{margin-bottom:30px;text-align:center;font:400 12px/21px sans-serif;color:#DADADA}.cbp-l-filters-alignCenter .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px "Open Sans", sans-serif;padding:0 12px;position:relative;overflow:visible;margin:0 0 10px;display:inline-block;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.cbp-l-filters-alignCenter .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-alignCenter .cbp-filter-counter{background-color:#626161}.cbp-l-filters-alignCenter .cbp-filter-counter:after{border-top:4px solid #626161}.cbp-l-filters-alignLeft{margin-bottom:30px}.cbp-l-filters-alignLeft .cbp-filter-item{background-color:#fff;border:1px solid #cdcdcd;cursor:pointer;font:400 12px/30px "Open Sans", sans-serif;padding:0 13px;position:relative;overflow:visible;margin:0 4px 10px 4px;display:inline-block;color:#888888;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out}.cbp-l-filters-alignLeft .cbp-filter-item:hover{color:#111}.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active{background-color:#6C7A89;border:1px solid #6C7A89;color:#fff;cursor:default}.cbp-l-filters-alignLeft .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-alignLeft .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-alignLeft .cbp-filter-counter{display:inline}@media only screen and (max-width: 480px){.cbp-l-filters-alignLeft{text-align:center}}.cbp-l-filters-alignRight{margin-bottom:30px;text-align:right}.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color:#8B8B8B;cursor:pointer;font:400 11px/31px "Open Sans", sans-serif;padding:0 14px;position:relative;overflow:visible;margin:0 3px 10px 3px;border:1px solid #E4E2E2;text-transform:uppercase;display:inline-block;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out}.cbp-l-filters-alignRight .cbp-filter-item:hover{color:#2B3444}.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active{color:#FFFFFF;background-color:#049372;border-color:#049372;cursor:default}.cbp-l-filters-alignRight .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-alignRight .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-alignRight .cbp-filter-counter{background-color:#049372}.cbp-l-filters-alignRight .cbp-filter-counter:after{border-top:4px solid #049372}@media only screen and (max-width: 480px){.cbp-l-filters-alignRight{text-align:center}}.cbp-l-filters-button{margin-bottom:30px}.cbp-l-filters-button .cbp-filter-item{background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;cursor:pointer;font:400 12px/32px "Open Sans", sans-serif;margin:0 5px 10px 5px;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out}.cbp-l-filters-button .cbp-filter-item:hover{color:#545454;border-color:#DADADA}.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#545454;color:#fff;border-color:#5d5d5d;cursor:default}.cbp-l-filters-button .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-button .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-button .cbp-filter-counter{background-color:#545454}.cbp-l-filters-button .cbp-filter-counter:after{border-top:4px solid #545454}@media only screen and (max-width: 480px){.cbp-l-filters-button{text-align:center}}.cbp-l-filters-buttonCenter{margin-bottom:30px;text-align:center}.cbp-l-filters-buttonCenter .cbp-filter-item{background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;cursor:pointer;font:400 12px/32px "Roboto", sans-serif;margin:0 5px 10px 5px;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:color .3s ease-in-out, border-color .3s ease-in-out;transition:color .3s ease-in-out, border-color .3s ease-in-out}.cbp-l-filters-buttonCenter .cbp-filter-item:hover{color:#5d5d5d}.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active{color:#3B9CB3;border-color:#8CD2E5;cursor:default}.cbp-l-filters-buttonCenter .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-buttonCenter .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-buttonCenter .cbp-filter-counter{background-color:#68ABBC}.cbp-l-filters-buttonCenter .cbp-filter-counter:after{border-top:4px solid #68ABBC}.cbp-l-filters-dropdown{margin-bottom:40px;height:38px;position:relative;z-index:5}.cbp-l-filters-dropdownWrap{width:200px;position:absolute;right:0;background:#4d4c4d}.cbp-l-filters-dropdownHeader{font:400 12px/38px "Open Sans", sans-serif;margin:0 17px;color:#FFF;cursor:default;position:relative}.cbp-l-filters-dropdownHeader:after{border-color:#fff rgba(0,0,0,0);border-style:solid;border-width:5px 5px 0;content:"";height:0;position:absolute;right:0;top:50%;width:0;margin-top:-1px}.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after{border-width:0 5px 5px}.cbp-l-filters-dropdownList{display:none;list-style:none outside none;margin:0;padding:0}.cbp-l-filters-dropdownList>li{margin:0;list-style:none}.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList{display:block;margin:0}.cbp-l-filters-dropdownList .cbp-filter-item{background:transparent;color:#b3b3b3;width:100%;text-align:left;font:400 12px/40px "Open Sans", sans-serif;margin:0;padding:0 17px;cursor:pointer;border:none;border-top:1px solid #595959}.cbp-l-filters-dropdownList .cbp-filter-item:hover{color:#e6e6e6}.cbp-l-filters-dropdownList .cbp-filter-item-active{color:#fff;cursor:default}.cbp-l-filters-dropdownWrap .cbp-filter-counter{display:inline}.cbp-l-filters-dropdown-floated{float:right;margin-top:-2px;margin-left:20px;width:200px}@media only screen and (max-width: 480px){.cbp-l-filters-dropdown-floated{width:100%;margin-top:0;margin-left:0}.cbp-l-filters-dropdownWrap{right:0;left:0;margin:0 auto}}.cbp-l-filters-list{margin-bottom:30px;content:"";display:table;clear:both}.cbp-l-filters-list .cbp-filter-item{background-color:transparent;color:#585252;cursor:pointer;font:400 12px/35px "Open Sans", sans-serif;padding:0 18px;position:relative;overflow:visible;margin:0 0 10px;float:left;border:1px solid #3288C4;border-right-width:0;-webkit-transition:left .3s ease-in-out;transition:left .3s ease-in-out}.cbp-l-filters-list .cbp-filter-item:hover{color:#000}.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active{cursor:default;color:#FFFFFF;background-color:#3288C4}.cbp-l-filters-list-first{border-radius:6px 0 0 6px}.cbp-l-filters-list-last{border-radius:0 6px 6px 0;border-right-width:1px !important}.cbp-l-filters-list .cbp-filter-counter{display:inline}@media only screen and (max-width: 600px){.cbp-l-filters-list .cbp-filter-item{margin-right:5px;border-radius:6px;border-right-width:1px}}.cbp-l-filters-work{margin-bottom:30px;text-align:center}.cbp-l-filters-work .cbp-filter-item{background-color:#FFFFFF;color:#888;cursor:pointer;font:600 11px/37px "Open Sans", sans-serif;margin:0 3px 15px 3px;overflow:visible;padding:0 16px;position:relative;display:inline-block;text-transform:uppercase;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out}.cbp-l-filters-work .cbp-filter-item:hover{color:#fff;background:#607D8B}.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active{background-color:#607D8B;color:#fff;cursor:default}.cbp-l-filters-work .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-work .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-work .cbp-filter-counter{font:600 11px/37px "Open Sans", sans-serif;text-align:center;display:inline-block;margin-left:8px}.cbp-l-filters-work .cbp-filter-counter:before{content:'('}.cbp-l-filters-work .cbp-filter-counter:after{content:')'}.cbp-l-filters-big{margin-bottom:30px;text-align:center}.cbp-l-filters-big .cbp-filter-item{color:#444;cursor:pointer;font:400 15px/22px "Roboto", sans-serif;margin:0 8px 10px 8px;padding:10px 23px;position:relative;display:inline-block;border:1px solid transparent;text-transform:uppercase;-webkit-transition:color .3s ease-in-out, border .3s ease-in-out;transition:color .3s ease-in-out, border .3s ease-in-out}.cbp-l-filters-big .cbp-filter-item:hover{color:#888}.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active{border-color:#d5d5d5;color:#444;cursor:default}.cbp-l-filters-big .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-big .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-text{margin-bottom:30px;text-align:center;font:400 12px/36px "Lato", sans-serif;color:#DADADA;padding:0 15px}.cbp-l-filters-text .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px "Lato", sans-serif;padding:0 12px;position:relative;overflow:visible;margin:0 0 10px;display:inline-block;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.cbp-l-filters-text .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-text .cbp-filter-counter{background-color:#626161;font:400 11px/18px "Lato", sans-serif}.cbp-l-filters-text .cbp-filter-counter:after{border-top:4px solid #626161}.cbp-l-filters-text-sort{display:inline-block;font:400 13px/21px "Lato", sans-serif;color:#949494;margin-right:15px}@media only screen and (max-width: 480px){.cbp-l-filters-text-sort{display:block;margin-bottom:10px}}.cbp-l-filters-underline{margin-bottom:30px}.cbp-l-filters-underline .cbp-filter-item{border-bottom:3px solid transparent;cursor:pointer;font:600 14px/21px "Open Sans", sans-serif;padding:8px 10px;position:relative;overflow:visible;margin:0 10px 10px 10px;display:inline-block;color:#787878;-webkit-transition:color .25s ease-in-out, border-color .25s ease-in-out;transition:color .25s ease-in-out, border-color .25s ease-in-out}.cbp-l-filters-underline .cbp-filter-item:hover{color:#111}.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active{border-bottom-color:#666;color:#444;cursor:default}.cbp-l-filters-underline .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-underline .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-underline .cbp-filter-counter{display:inline}@media only screen and (max-width: 480px){.cbp-l-filters-underline{text-align:center}}.cbp-l-filters-holder{text-align:center}.cbp-l-filters-holder .cbp-filter-item{cursor:pointer;font:600 16px/21px "Open Sans", sans-serif;padding:8px 10px;position:relative;overflow:visible;margin:0 10px 10px 10px;display:inline-block;color:#555;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out;letter-spacing:0.3px}.cbp-l-filters-holder .cbp-filter-item:hover{color:#d8b345}.cbp-l-filters-holder .cbp-filter-item.cbp-filter-item-active{color:#d8b345;cursor:default}.cbp-l-filters-holder .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-holder .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-holder .cbp-filter-counter{display:inline}@media only screen and (max-width: 480px){.cbp-l-filters-holder{text-align:center}}.cbp-l-subfilters{display:none;opacity:0;margin-bottom:40px;text-align:center}.cbp-l-subfilters .cbp-filter-item{position:relative;font:13px "Open Sans", sans-serif;display:inline-block;color:#9e9e9e;margin:0 15px;cursor:pointer;margin:0 10px 10px 10px;letter-spacing:0.3px}.cbp-l-subfilters .cbp-filter-item:hover{color:#555}.cbp-l-subfilters .cbp-filter-item:after{content:'';background-color:#dfb947;width:0;height:2px;position:absolute;left:50%;bottom:-6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .3s;transition:width .3s}.cbp-l-subfilters .cbp-filter-item-active{color:#555}.cbp-l-subfilters .cbp-filter-item-active:after{width:100%}.cbp-l-subfilters--active{display:block;-webkit-animation:fadeIn .5s ease both;animation:fadeIn .5s ease both}.cbp-animation-quicksand{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-quicksand .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-quicksand .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-quicksand .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:quicksand-off .6s ease-out both;animation:quicksand-off .6s ease-out both}.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:quicksand-on .6s ease-out both;animation:quicksand-on .6s ease-out both}@-webkit-keyframes quicksand-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-off{100%{opacity:0;transform:scale3d(0, 0, 0)}}@-webkit-keyframes quicksand-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-on{0%{opacity:0;transform:scale3d(0, 0, 0)}}.cbp-animation-fadeOut,.cbp-animation-boxShadow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-fadeOut .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:fadeOut-off .6s ease-in-out both;animation:fadeOut-off .6s ease-in-out both}.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:fadeOut-on .6s ease-in-out both;animation:fadeOut-on .6s ease-in-out both}@-webkit-keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@-webkit-keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}.cbp-animation-flipOut{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipOut .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipOut .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOut .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipOut-out .7s both ease-in;animation:flipOut-out .7s both ease-in}.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipOut-in .7s ease-out both;animation:flipOut-in .7s ease-out both}@-webkit-keyframes flipOut-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOut-out{50%,100%{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOut-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOut-in{0%,50%{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}.cbp-animation-flipBottom{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipBottom .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipBottom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipBottom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipBottom-out .7s both ease-in;animation:flipBottom-out .7s both ease-in}.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipBottom-in .7s ease-out both;animation:flipBottom-in .7s ease-out both}@-webkit-keyframes flipBottom-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipBottom-out{50%,100%{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipBottom-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipBottom-in{0%,50%{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}.cbp-animation-scaleSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleSides .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-scaleSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:scaleSides-out .9s both;animation:scaleSides-out .9s both}.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:scaleSides-in .9s both;animation:scaleSides-in .9s both}@-webkit-keyframes scaleSides-out{50%,100%{-webkit-transform:scale(0.6);opacity:0}}@keyframes scaleSides-out{50%,100%{transform:scale(0.6);opacity:0}}@-webkit-keyframes scaleSides-in{0%,50%{-webkit-transform:scale(0.6);opacity:0}}@keyframes scaleSides-in{0%,50%{transform:scale(0.6);opacity:0}}.cbp-animation-skew{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-skew .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-skew .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-skew .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:skew-off .6s ease-out both;animation:skew-off .6s ease-out both}.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:skew-on .6s ease-out both;animation:skew-on .6s ease-out both}@-webkit-keyframes skew-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(20deg, 0)}}@keyframes skew-off{100%{opacity:0;transform:scale3d(0, 0, 0) skew(20deg, 0)}}@-webkit-keyframes skew-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(0, 20deg)}}@keyframes skew-on{0%{opacity:0;transform:scale3d(0, 0, 0) skew(0, 20deg)}}.cbp-animation-fadeOutTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOutTop .cbp-wrapper-outer{overflow:visible}.cbp-animation-fadeOutTop .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-fadeOutTop .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease-in-out;animation:fadeOutTop-out .6s both ease-in-out}.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-in-out;animation:fadeOutTop-in .6s both ease-in-out}@-webkit-keyframes fadeOutTop-out{0%{-webkit-transform:translateY(0);opacity:1}50%,100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fadeOutTop-out{0%{transform:translateY(0);opacity:1}50%,100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes fadeOutTop-in{0%,50%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeOutTop-in{0%,50%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-slideLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideLeft-out .8s both ease-in-out;animation:slideLeft-out .8s both ease-in-out}.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideLeft-in .8s both ease-in-out;animation:slideLeft-in .8s both ease-in-out}@-webkit-keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;-webkit-transform:scale(0.8)}75%{opacity:.75;-webkit-transform:scale(0.8) translateX(-200%)}100%{opacity:.75;-webkit-transform:scale(0.8) translateX(-200%)}}@keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;transform:scale(0.8)}75%{opacity:.75;transform:scale(0.8) translateX(-200%)}100%{opacity:.75;transform:scale(0.8) translateX(-200%)}}@-webkit-keyframes slideLeft-in{0%,25%{opacity:.75;-webkit-transform:scale(0.8) translateX(200%)}75%{opacity:.75;-webkit-transform:scale(0.8)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes slideLeft-in{0%,25%{opacity:.75;transform:scale(0.8) translateX(200%)}75%{opacity:.75;transform:scale(0.8)}100%{opacity:1;transform:scale(1) translateX(0)}}.cbp-animation-sequentially{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-sequentially .cbp-wrapper-outer{overflow:visible}.cbp-animation-sequentially .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-sequentially .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease;animation:fadeOutTop-out .6s both ease}.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-out;animation:fadeOutTop-in .6s both ease-out}.cbp-animation-3dflip{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-3dflip .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-3dflip .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:flip-out 0.6s both ease-in-out;animation:flip-out 0.6s both ease-in-out}.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:flip-in 0.6s both ease-in-out;animation:flip-in 0.6s both ease-in-out}@-webkit-keyframes flip-out{100%{opacity:0;-webkit-transform:rotateY(90deg)}}@keyframes flip-out{100%{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes flip-in{0%{opacity:0;-webkit-transform:rotateY(-90deg)}100%{opacity:1;-webkit-transform:rotateY(0deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0deg)}}.cbp-animation-flipOutDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-flipOutDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOutDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:flipOut-out 1s both ease-in;animation:flipOut-out 1s both ease-in}.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:flipOut-in 1s both ease-out;animation:flipOut-in 1s both ease-out}.cbp-animation-slideDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideDelay-out 0.5s both ease-in-out;animation:slideDelay-out 0.5s both ease-in-out}.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideDelay-in 0.5s both ease-in-out;animation:slideDelay-in 0.5s both ease-in-out}@-webkit-keyframes slideDelay-out{100%{-webkit-transform:translateX(-100%)}}@keyframes slideDelay-out{100%{transform:translateX(-100%)}}@-webkit-keyframes slideDelay-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@keyframes slideDelay-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.cbp-animation-rotateSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSides-out .5s both ease-in;transform-origin:-50% 50%;animation:rotateSides-out .5s both ease-in}.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSides-in .6s both ease-out;transform-origin:150% 50%;animation:rotateSides-in .6s both ease-out}@-webkit-keyframes rotateSides-out{100%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSides-out{100%{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSides-in{0%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSides-in{0%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}.cbp-animation-foldLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-foldLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-foldLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:foldLeft-out .7s both;animation:foldLeft-out .7s both}.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:foldLeft-in .7s both;animation:foldLeft-in .7s both}@-webkit-keyframes foldLeft-out{100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes foldLeft-out{100%{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes foldLeft-in{0%{opacity:0.3;-webkit-transform:translateX(100%)}}@keyframes foldLeft-in{0%{opacity:0.3;transform:translateX(100%)}}.cbp-animation-unfold{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-unfold .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-unfold .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:unfold-out .8s both;animation:unfold-out .8s both}.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;-webkit-animation:unfold-in .8s both;transform-origin:0% 50%;animation:unfold-in .8s both}@-webkit-keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;-webkit-transform:translateX(-100%)}}@keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;transform:translateX(-100%)}}@-webkit-keyframes unfold-in{0%{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes unfold-in{0%{opacity:0;transform:translateX(100%) rotateY(90deg)}}.cbp-animation-scaleDown{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleDown .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleDown .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:scaleDown-out .7s both;animation:scaleDown-out .7s both}.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper{-webkit-animation:scaleDown-in .6s both;animation:scaleDown-in .6s both}@-webkit-keyframes scaleDown-out{100%{opacity:0;-webkit-transform:scale(0.8)}}@keyframes scaleDown-out{100%{opacity:0;transform:scale(0.8)}}@-webkit-keyframes scaleDown-in{0%{-webkit-transform:translateX(100%)}}@keyframes scaleDown-in{0%{transform:translateX(100%)}}.cbp-animation-frontRow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-frontRow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-frontRow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:frontRow-out .7s both ease;animation:frontRow-out .7s both ease}.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper{-webkit-animation:frontRow-in .6s both ease;animation:frontRow-in .6s both ease}@-webkit-keyframes frontRow-out{100%{-webkit-transform:translateX(-60%) scale(0.8);opacity:0}}@keyframes frontRow-out{100%{transform:translateX(-60%) scale(0.8);opacity:0}}@-webkit-keyframes frontRow-in{0%{-webkit-transform:translateX(100%) scale(0.8)}100%{opacity:1;-webkit-transform:translateX(0%) scale(1)}}@keyframes frontRow-in{0%{transform:translateX(100%) scale(0.8)}100%{opacity:1;transform:translateX(0%) scale(1)}}.cbp-animation-rotateRoom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateRoom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateRoom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateRoom-out .8s both ease;animation:rotateRoom-out .8s both ease}.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:rotateRoom-in .8s both ease;animation:rotateRoom-in .8s both ease}@-webkit-keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoom-in{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoom-in{0%{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}.cbp-animation-bounceBottom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceBottom .cbp-wrapper-helper{-webkit-animation:bounceBottom-out .6s both ease-in-out;animation:bounceBottom-out .6s both ease-in-out}.cbp-animation-bounceBottom .cbp-wrapper{-webkit-animation:bounceBottom-in .6s both ease-in-out;animation:bounceBottom-in .6s both ease-in-out}@-webkit-keyframes bounceBottom-out{100%{-webkit-transform:translateY(100%);opacity:0}}@keyframes bounceBottom-out{100%{transform:translateY(100%);opacity:0}}@-webkit-keyframes bounceBottom-in{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceBottom-in{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-bounceLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceLeft .cbp-wrapper-helper{-webkit-animation:bounceLeft-out .6s both ease-in-out;animation:bounceLeft-out .6s both ease-in-out}.cbp-animation-bounceLeft .cbp-wrapper{-webkit-animation:bounceLeft-in .6s both ease-in-out;animation:bounceLeft-in .6s both ease-in-out}@-webkit-keyframes bounceLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes bounceLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes bounceLeft-in{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes bounceLeft-in{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-animation-bounceTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceTop .cbp-wrapper-helper{-webkit-animation:bounceTop-out .6s both ease-in-out;animation:bounceTop-out .6s both ease-in-out}.cbp-animation-bounceTop .cbp-wrapper{-webkit-animation:bounceTop-in .6s both ease-in-out;animation:bounceTop-in .6s both ease-in-out}@-webkit-keyframes bounceTop-out{100%{-webkit-transform:translateY(-100%);opacity:0}}@keyframes bounceTop-out{100%{transform:translateY(-100%);opacity:0}}@-webkit-keyframes bounceTop-in{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceTop-in{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-moveLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-moveLeft .cbp-wrapper-helper{-webkit-animation:moveLeft-out .6s both ease-in-out;animation:moveLeft-out .6s both ease-in-out}.cbp-animation-moveLeft .cbp-wrapper{-webkit-animation:moveLeft-in .6s both ease-in-out;animation:moveLeft-in .6s both ease-in-out}@-webkit-keyframes moveLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes moveLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes moveLeft-in{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes moveLeft-in{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-displayType-bottomToTop{-webkit-perspective:1000px;perspective:1000px}.cbp-displayType-bottomToTop .cbp-item{-webkit-animation:fadeInBottomToTop .3s both ease-in;animation:fadeInBottomToTop .3s both ease-in}@-webkit-keyframes fadeInBottomToTop{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.cbp-displayType-fadeIn{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.cbp-displayType-fadeInToTop{-webkit-perspective:1000px;perspective:1000px;-webkit-animation:fadeInToTop .5s both ease-in;animation:fadeInToTop .5s both ease-in}@-webkit-keyframes fadeInToTop{0%{opacity:0;-webkit-transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInToTop{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.cbp-displayType-sequentially .cbp-item{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}.cbp-lightbox img{display:block;border:0;width:100%;height:auto}.cbp-popup-ie8bg{position:absolute;width:100%;height:100%;min-height:100%;top:0;left:0;z-index:-1;background:#000}.cbp-popup-wrap{height:100%;text-align:center;position:fixed;width:100%;left:0;top:0;display:none;z-index:99990;padding:0 10px}.cbp-popup-wrap video{outline:0 none}.cbp-popup-lightbox{background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center}.cbp-popup-singlePage{background:#fff;padding:0}.cbp-popup-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.cbp-popup-content-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch}.cbp-popup-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;max-width:100%}.cbp-popup-lightbox .cbp-popup-content{display:flex}.cbp-popup-singlePage .cbp-popup-content{position:relative;z-index:1;margin-top:145px;max-width:1024px;vertical-align:top;width:94%}.cbp-popup-singlePage .cbp-popup-content-basic{position:relative;z-index:1;margin-top:104px;vertical-align:top;width:100%;display:inline-block;text-align:left}.cbp-popup-lightbox-figure{width:100%;position:relative;padding:20px 0}.cbp-popup-lightbox-bottom{position:relative;margin-top:3px}.cbp-popup-lightbox-title{padding-right:50px;font:400 12px/18px "Open Sans", sans-serif;color:#eee}.cbp-popup-lightbox-counter{position:absolute;top:0;right:0;font:400 12px/18px "Open Sans", sans-serif;color:#eee}.cbp-popup-lightbox-img{width:auto;max-width:100%;height:auto;display:block;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-img[data-action]{cursor:pointer}.cbp-popup-lightbox-isIframe .cbp-popup-content{width:75%;display:inline-block}@media only screen and (max-width: 768px){.cbp-popup-lightbox-isIframe .cbp-popup-content{width:95%}}.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom{left:0;position:absolute;top:100%;width:100%;margin-top:3px}.cbp-popup-lightbox-iframe{position:relative;height:0;padding-bottom:56.25%;background:#000}.cbp-popup-lightbox-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-iframe audio{margin-top:27%}.cbp-popup-lightbox-iframe .cbp-popup-lightbox-bottom{position:absolute;left:0;top:100%;width:100%}.cbp-popup-singlePage .cbp-popup-navigation-wrap{position:absolute;top:0;left:0;width:100%;z-index:10;height:104px;background-color:#3D4750}.cbp-popup-singlePage .cbp-popup-navigation{position:relative;width:100%;height:100%}.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap{position:fixed}.cbp-popup-singlePage-counter{color:#fff;position:absolute;margin:auto;right:40px;top:0;bottom:0;font:400 13px/30px "Open Sans", sans-serif;height:30px}@media only screen and (max-width: 768px){.cbp-popup-singlePage-counter{right:3%}}.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{padding:0;border:medium none;position:absolute;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-lightbox .cbp-popup-close{visibility:hidden}.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close{visibility:visible}.cbp-popup-lightbox .cbp-popup-prev{background:url("../images/cbp-sprite.png") no-repeat scroll 0 0 transparent;width:44px;height:44px;top:0;bottom:0;left:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-prev:hover{background-position:0 -46px}.cbp-popup-singlePage .cbp-popup-prev{background:url("../images/cbp-sprite.png") no-repeat scroll 0 -92px transparent;width:44px;height:44px;margin:auto;top:0;right:108px;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-prev:hover{background-position:0 -138px}.cbp-popup-lightbox .cbp-popup-next{background:url("../images/cbp-sprite.png") no-repeat scroll -46px 0 transparent;width:44px;height:44px;top:0;bottom:0;right:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-next:hover{background-position:-46px -46px}.cbp-popup-singlePage .cbp-popup-next{background:url("../images/cbp-sprite.png") no-repeat scroll -46px -92px transparent;width:44px;height:44px;margin:auto;top:0;right:0;bottom:0;left:108px}.cbp-popup-singlePage .cbp-popup-next:hover{background-position:-46px -138px}.cbp-popup-lightbox .cbp-popup-close{background:url("../images/cbp-sprite.png") no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:20px}.cbp-popup-lightbox .cbp-popup-close:hover{background-position:-92px -46px}.cbp-popup-singlePage .cbp-popup-close{background:url("../images/cbp-sprite.png") no-repeat scroll -92px -92px transparent;height:44px;width:44px;margin:auto;top:0;right:0;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-close:hover{background-position:-92px -138px}.cbp-popup-singlePage .cbp-popup-ie8bg{background-color:#fff}@media only screen and (max-width: 360px), (max-height: 600px){.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{-webkit-transform:scale(0.8);transform:scale(0.8)}.cbp-popup-lightbox .cbp-popup-close{right:10px;top:10px}.cbp-popup-lightbox .cbp-popup-next{right:10px}.cbp-popup-lightbox .cbp-popup-prev{left:10px}.cbp-popup-singlePage .cbp-popup-navigation-wrap{height:84px}.cbp-popup-singlePage .cbp-popup-content{margin-top:120px}}.cbp-popup-loadingBox{width:100%;height:100%;position:absolute;top:0;left:0}.cbp-popup-lightbox .cbp-popup-loadingBox:after{border-left:3px solid rgba(255,255,255,0.3);border-right:3px solid rgba(255,255,255,0.3);border-bottom:3px solid rgba(255,255,255,0.3);border-top:3px solid rgba(255,255,255,0.85)}.cbp-popup-ready .cbp-popup-loadingBox{visibility:hidden;display:none}.cbp-popup-loading .cbp-popup-loadingBox{visibility:visible;display:block}.cbp-popup-transitionend .cbp-popup-content-wrap{overflow-y:scroll}.cbp-popup-singlePage{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content{opacity:0}.cbp-popup-singlePage-fade{-webkit-transform:translateX(0);transform:translateX(0);opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.cbp-popup-singlePage-open.cbp-popup-singlePage-fade{opacity:1}.cbp-popup-singlePage-right{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-popup-singlePage-open{-webkit-transform:none;transform:none}.cbp-l-project-title{color:#454444;font:600 42px/46px "Open Sans", sans-serif;letter-spacing:2px;margin-bottom:15px;text-align:center;text-transform:uppercase}.cbp-l-project-subtitle{color:#787878;font:400 14px/21px "Open Sans", sans-serif;margin:0 auto 50px;max-width:500px;text-align:center}.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img{display:block;margin:0 auto;max-width:100%}.cbp-l-project-container{overflow:hidden;margin:40px auto 0;clear:both}.cbp-l-project-desc{float:left;width:62%}.cbp-l-project-details{float:right;width:38%;padding-left:60px;margin-bottom:15px}@media only screen and (max-width: 768px){.cbp-l-project-title{font-size:30px;line-height:34px}.cbp-l-project-desc{width:100%}.cbp-l-project-details{width:100%;margin-top:20px;padding-left:0}}.cbp-l-project-desc-title{border-bottom:1px solid #cdcdcd;margin-bottom:22px;color:#444}.cbp-l-project-desc-title span,.cbp-l-project-details-title span{border-bottom:1px solid #747474;display:inline-block;margin:0 0 -1px 0;font:400 16px/36px "Open Sans", sans-serif;padding:0 5px 0 0}.cbp-l-project-desc-text{font:400 13px/20px "Open Sans", sans-serif;color:#555;margin-bottom:20px}.cbp-l-project-details-title{border-bottom:1px solid #cdcdcd;margin-bottom:19px;color:#444}.cbp-l-project-details-list{margin:0;padding:0;list-style:none}.cbp-l-project-details-list>li,.cbp-l-project-details-list>div{border-bottom:1px dotted #DFDFDF;padding:inherit;color:#666;font:400 12px/30px "Open Sans", sans-serif}.cbp-l-project-details-list>li:last-child,.cbp-l-project-details-list>div:last-child{border:none}.cbp-l-project-details-list strong{display:inline-block;color:#696969;font-weight:600;min-width:100px}.cbp-l-project-details-item{display:flex}.cbp-l-project-details-name{color:#696969;font-weight:600;min-width:80px;margin-right:20px}.cbp-l-project-details-visit{color:#FFFFFF;float:right;clear:both;text-decoration:none;font:400 11px/18px "Open Sans", sans-serif;margin-top:25px;background-color:#62B57B;padding:8px 19px;text-transform:uppercase;letter-spacing:.5px}.cbp-l-project-details-visit:hover{opacity:0.9;color:#fff}.cbp-l-project-related-wrap{font-size:0;margin:0;padding:0}.cbp-l-project-related-item{margin-left:5%;max-width:30%;float:left}.cbp-l-project-related-item:first-child{margin-left:0}.cbp-l-project-related-title{font:700 14px/18px "Open Sans", sans-serif;color:#474747;margin-top:20px}.cbp-l-project-related-link{text-decoration:none}.cbp-l-project-related-link:hover{opacity:0.9}.cbp-l-member-img{float:left;width:40%;margin-top:20px}.cbp-l-member-img img{border:1px solid #e2e2e2;width:auto;max-width:100%;height:auto;display:inline-block;border:0}.cbp-l-member-info{margin-top:20px;padding-left:25px;float:left;width:60%}@media only screen and (max-width: 768px){.cbp-l-member-img{width:100%;text-align:center}.cbp-l-member-info{width:100%;padding-left:0}}.cbp-l-member-name{font:400 28px/28px "Open Sans", sans-serif;color:#474747}.cbp-l-member-position{font:400 13px/21px "Open Sans", sans-serif;color:#888;margin-top:6px}.cbp-l-member-desc{font:400 12px/18px "Open Sans", sans-serif;margin-top:25px;color:#474747}.cbp-popup-singlePageInline-open{-webkit-transition:height .5s 0s !important;transition:height .5s 0s !important}.cbp-popup-singlePageInline-open .cbp-item{-webkit-transition:-webkit-transform .5s 0s !important;transition:transform .5s 0s !important}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after{display:none;visibility:hidden}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition-delay:0;transition-delay:0}.cbp-popup-singlePageInline{width:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden}.cbp-popup-singlePageInline .cbp-popup-content{opacity:0;width:100%;z-index:1;min-height:300px}.cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition:opacity .4s ease-in .2s;transition:opacity .4s ease-in .2s}.cbp-popup-singlePageInline .cbp-popup-navigation{opacity:0;position:absolute;top:0;right:0;z-index:2;width:40px;height:40px}.cbp-popup-singlePageInline .cbp-popup-close{background:url("../images/cbp-sprite.png") no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:30px}.cbp-popup-singlePageInline .cbp-popup-close:hover{opacity:0.7}.cbp-popup-singlePageInline-ready{z-index:4}.cbp-popup-singlePageInline-ready .cbp-popup-content,.cbp-popup-singlePageInline-ready .cbp-popup-navigation{opacity:1}.cbp-popup-singlePageInline-ready:after{display:none;visibility:hidden}.cbp-singlePageInline-active{opacity:0.6 !important}.cbp-l-inline{margin:20px 0;overflow:hidden;background:#FAFAFA;padding:30px}.cbp-l-inline-left{float:left;width:44%}.cbp-l-project-img{max-width:100%}.cbp-l-inline-right{float:right;width:56%;padding-left:inherit}@media only screen and (max-width: 768px){.cbp-l-inline-left{width:100%;text-align:center;margin-top:40px}.cbp-l-inline-right{width:100%;padding-left:0;margin-top:20px}}.cbp-l-inline-title{font:400 28px/30px "Open Sans", sans-serif;color:#474747}.cbp-l-inline-subtitle{font:400 13px/21px "Open Sans", sans-serif;color:#888;margin-top:7px}.cbp-l-inline-desc{font:400 13px/20px "Open Sans", sans-serif;color:#474747;margin-top:25px;margin-bottom:20px}.cbp-l-inline-view-wrap{text-align:right}.cbp-l-inline-view{font:400 13px/35px "Open Sans", sans-serif;color:#9C9C9C;margin-top:40px;display:inline-block;padding:0 20px;border:1px solid #ccc;text-decoration:none}.cbp-l-inline-view:hover{color:#757575}.cbp-l-inline-details{margin-bottom:15px;font:13px/22px "Open Sans", sans-serif}.cbp-l-loadMore-defaultText,.cbp-l-loadMore-button-defaultText{display:block}.cbp-l-loadMore-loadingText,.cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-button-loadingText,.cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText{display:block}.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading{display:block}.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText{display:none}.cbp-l-loadMore-bgbutton{text-align:center}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link{border:1px solid #DEDEDE;color:#7E7B7B;display:inline-block;font:400 13px/40px "Lato", sans-serif;min-width:80px;text-decoration:none;padding:0 50px;margin-top:50px;outline:0;box-shadow:none;letter-spacing:1px;-webkit-transition:color .25s;transition:color .25s}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover,.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading{color:#B0B0B0}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop{color:#B0B0B0;cursor:default}.cbp-l-loadMore-button{text-align:center}.cbp-l-loadMore-button .cbp-l-loadMore-link,.cbp-l-loadMore-button .cbp-l-loadMore-button-link{border:1px solid #DEDEDE;color:#7E7B7B;display:inline-block;font:400 12px/36px "Open Sans", sans-serif;min-width:80px;text-decoration:none;padding:0 30px;outline:0;margin-top:40px;box-shadow:none;-webkit-transition:color .25s;transition:color .25s}.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading,.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-loading{color:#B0B0B0}.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-button-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop{cursor:default;color:#B0B0B0}.cbp-l-loadMore-text{text-align:center}.cbp-l-loadMore-text .cbp-l-loadMore-link,.cbp-l-loadMore-text .cbp-l-loadMore-text-link{font:400 15px "Open Sans", sans-serif;color:#7E7B7B;text-decoration:none;cursor:pointer;margin-top:50px;display:block}.cbp-l-loadMore-text .cbp-l-loadMore-stop,.cbp-l-loadMore-text .cbp-l-loadMore-text-stop{color:#B0B0B0;cursor:default}.cbp-mode-slider{-webkit-transition:height .35s;transition:height .35s}.cbp-mode-slider .cbp-wrapper,.cbp-mode-slider .cbp-item{-webkit-transition:-webkit-transform .35s;transition:transform .35s}.cbp-mode-slider .cbp-wrapper{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.cbp-mode-slider-dragStart *{cursor:move !important;cursor:-ms-grabbing !important;cursor:-webkit-grabbing !important;cursor:-moz-grabbing !important;cursor:grabbing !important}.cbp-mode-slider-dragStart .cbp-wrapper{-webkit-transition:none;transition:none}.cbp-nav-next,.cbp-nav-prev{position:relative;background:#7c8b90;cursor:pointer;display:inline-block;margin-left:1px;height:22px;width:21px}.cbp-nav-next{border-radius:0 2px 2px 0}.cbp-nav-prev{border-radius:2px 0 0 2px}.cbp-nav-next:hover,.cbp-nav-prev:hover{opacity:0.8}.cbp-nav-next:after,.cbp-nav-prev:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url("../images/cbp-sprite.png") no-repeat;height:10px;width:7px}.cbp-nav-next:after{background-position:-134px 0}.cbp-nav-prev:after{background-position:-134px -12px}.cbp-nav-stop{opacity:0.5 !important;cursor:default !important}.cbp-nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-nav-controls{position:absolute;top:-51px;right:0;z-index:100}.cbp-nav-pagination{position:absolute;bottom:-30px;right:0;z-index:100;left:0;text-align:center}.cbp-nav-pagination-item{position:relative;width:10px;height:10px;border-radius:50%;margin:0 4px;display:inline-block;cursor:pointer;background:#c2c2c2;-webkit-transition:background 0.5s;transition:background 0.5s}.cbp-nav-pagination-active{background:#797979}.cbp-pagination-item{max-width:100px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:5px;position:relative}.cbp-pagination-item img{display:block;width:100%;height:auto;border:0}.cbp-pagination-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out}.cbp-pagination-active:after{background:rgba(0,0,0,0)}.cbp-slider-wrap,.cbp-slider-item{margin:0;padding:0;list-style-type:none}.cbp-slider .cbp-nav-controls{position:static}.cbp-slider .cbp-nav-next,.cbp-slider .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider .cbp-nav-next{right:25px;left:auto}.cbp-slider .cbp-nav-prev{left:25px;right:auto}.cbp-slider .cbp-nav-next:after,.cbp-slider .cbp-nav-prev:after{background:url("../images/cbp-sprite.png") no-repeat;width:44px;height:44px}.cbp-slider .cbp-nav-next:after{background-position:-46px -92px}.cbp-slider .cbp-nav-next:hover:after{background-position:-46px -46px}.cbp-slider .cbp-nav-prev:after{background-position:0 -92px}.cbp-slider .cbp-nav-prev:hover:after{background-position:0 -46px}.cbp-slider .cbp-nav-pagination{text-align:right;bottom:20px;right:25px;left:auto}.cbp-slider-edge .cbp-nav-controls{position:static}.cbp-slider-edge .cbp-nav-next,.cbp-slider-edge .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider-edge .cbp-nav-next{right:0;left:auto}.cbp-slider-edge .cbp-nav-prev{left:0;right:auto}.cbp-slider-edge .cbp-nav-next:after,.cbp-slider-edge .cbp-nav-prev:after{background:url("../images/cbp-sprite.png") no-repeat;width:9px;height:16px}.cbp-slider-edge .cbp-nav-next:after{background-position:-134px -24px}.cbp-slider-edge .cbp-nav-prev:after{background-position:-134px -42px}.cbp-slider-edge .cbp-nav-pagination{bottom:-50px}.cbp-slider-edge .cbp-nav-pagination-item{border:2px solid #0f0f0f;opacity:0.4;background:transparent}.cbp-slider-edge .cbp-nav-pagination-active{background:#000}.cbp-slider-inline{position:relative}.cbp-slider-inline .cbp-slider-item{position:absolute;width:100%;top:0;-webkit-transition:left .5s;transition:left .5s}.cbp-slider-inline .cbp-slider-item--active{position:relative;z-index:2}.cbp-slider-wrapper{position:relative;overflow:hidden}.cbp-slider-controls{position:absolute;top:0;right:0;z-index:100;opacity:0;-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}.cbp-slider-inline-ready .cbp-slider-controls{opacity:1}.cbp-slider-next,.cbp-slider-prev{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;cursor:pointer;position:relative;width:36px;height:36px;background:#547EB1}.cbp-slider-next{margin-left:1px}.cbp-slider-next:after,.cbp-slider-prev:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url("../images/cbp-sprite.png") no-repeat;width:9px;height:16px}.cbp-slider-next:after{background-position:-134px -60px}.cbp-slider-prev:after{background-position:-134px -78px}.cbp-l-grid-agency .cbp-caption:after{position:absolute;content:'';width:0;height:0;border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;bottom:0px;left:50%;margin-left:-5px;z-index:1}.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.15);transform:scale(1.15)}.cbp-l-grid-agency-title{margin-top:18px;font:700 17px/24px "Lato", sans-serif;color:#666;text-align:center;padding:0 4px}.cbp-item:hover .cbp-l-grid-agency-title{color:#222}.cbp-l-grid-agency-desc{font:400 12px/21px "Open Sans", sans-serif;color:#aaa;text-align:center}@media only screen and (max-width: 480px){.cbp-l-grid-agency-title{font-size:15px;line-height:21px}}.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap{background-color:rgba(0,0,0,0.7)}.cbp-l-grid-work .cbp-item{padding:3px}.cbp-l-grid-work .cbp-item-wrapper{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2);padding:7px 7px 27px;border-top:1px solid #F4F4F4}.cbp-l-grid-work-title{margin-top:17px;font:400 17px/25px "Roboto Condensed", sans-serif;color:#607D8B;text-align:center;text-transform:uppercase;display:block}.cbp-l-grid-work-title:hover{color:#365D67}.cbp-l-grid-work-desc{font:400 11px/16px "Open Sans", sans-serif;color:#888888;text-align:center;text-transform:uppercase}@media only screen and (max-width: 480px){.cbp-l-grid-work-title{font-size:15px;line-height:21px;margin-top:15px}.cbp-l-grid-work .cbp-item-wrapper{padding-bottom:18px}}.cbp-l-grid-blog-title{font:400 18px/30px "Open Sans", sans-serif;color:#444;display:block;margin-top:17px}.cbp-l-grid-blog-title:hover{color:#787878}.cbp-l-grid-blog-date{font:400 12px/18px "Open Sans", sans-serif;color:#787878;display:inline-block}.cbp-l-grid-blog-comments{font:400 12px/18px "Open Sans", sans-serif;color:#3C6FBB;display:inline-block}.cbp-l-grid-blog-comments:hover{opacity:.8}.cbp-l-grid-blog-desc{font:400 13px/18px "Open Sans", sans-serif;color:#9B9B9B;margin-top:9px}.cbp-l-grid-blog-split{margin:0 4px;font:400 13px/16px "Open Sans", sans-serif;color:#787878;display:inline-block}.cbp-l-grid-clients{height:180px}.cbp-l-clients-title-block{font:400 32px/53px "Roboto", sans-serif;color:#666464;text-align:center;margin-bottom:40px}.cbp-l-grid-faq .cbp-item{width:100%}.cbp-l-grid-projects-title{font:700 14px/21px "Open Sans", sans-serif;color:#474747;margin-top:15px}.cbp-l-grid-projects-desc{font:400 12px/18px "Open Sans", sans-serif;color:#888888;margin-top:5px}@media only screen and (max-width: 480px){.cbp-l-grid-projects-title{margin-top:12px}.cbp-l-grid-projects-desc{margin-top:3px}}.cbp-l-grid-masonry-projects .cbp-caption-activeWrap{background-color:#59a3b6;background-color:rgba(89,163,182,0.95)}.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight{background-color:#545454}.cbp-l-grid-masonry-projects-title{font:500 15px/22px "Roboto", sans-serif;color:#59a3b6;text-align:center;display:block;margin-top:12px}.cbp-l-grid-masonry-projects-title:hover{color:#457C8B}.cbp-l-grid-masonry-projects-desc{font:400 12px/18px "Roboto", sans-serif;color:#b2b2b2;text-align:center}.cbp-l-grid-team-name{font:400 17px/24px "Open Sans", sans-serif;color:#456297;display:block;text-align:center;margin-top:18px}.cbp-l-grid-team-name:hover{color:#34425C}.cbp-l-grid-team-position{font:italic 400 13px/21px "Open Sans", sans-serif;color:#999;text-align:center}@media only screen and (max-width: 480px){.cbp-l-grid-team-name{font-size:15px;line-height:22px;margin-top:13px}.cbp-l-grid-team-position{font-size:12px;line-height:18px}}.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap{background-color:#64C28E;background-color:rgba(101,199,150,0.95)}.cbp-l-grid-mosaic-flat .cbp-l-caption-title{color:#FFFFFF;font:400 14px/21px "Lato", sans-serif;text-transform:uppercase;letter-spacing:2px;display:inline-block}.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after{content:'';display:block;width:40%;height:1px;background-color:#fff;margin:8px auto 0}@media only screen and (max-width: 800px){.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after{display:none}}.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap{background-color:#59a3b6;background-color:rgba(89,163,182,0.97)}.cbp-l-grid-mosaic .cbp-caption-activeWrap{background-color:#FFEA71;background-color:rgba(255,234,113,0.95)}.cbp-l-grid-mosaic .cbp-l-caption-title{color:#5A5A5A;font:500 18px/22px "Roboto", sans-serif;text-transform:uppercase;margin-bottom:5px}.cbp-l-grid-mosaic .cbp-l-caption-desc{color:#585858;font:400 13px/20px "Roboto", sans-serif}@media only screen and (max-width: 480px){.cbp-l-grid-mosaic .cbp-l-caption-title{font-size:16px;line-height:22px;margin-bottom:0px}.cbp-l-grid-mosaic .cbp-l-caption-desc{font-size:12px;line-height:18px}}.cbp-l-slider-title-block{border-bottom:1px solid #cdcdcd;margin-bottom:22px}.cbp-l-slider-title-block div{padding:0 2px 6px 0;display:inline-block;border-bottom:1px solid #a9a5a5;color:#5e5e5e;margin-bottom:-1px;font:15px/21px "Roboto", sans-serif}.cbp-l-grid-slider-team-name{float:left;font:20px/30px "Roboto", sans-serif;color:#494949;margin-top:16px}.cbp-l-grid-slider-team-position{clear:both;font:14px/21px "Roboto", sans-serif;color:#A6A6A6}.cbp-l-grid-slider-team-desc{font:13px/20px "Roboto", sans-serif;color:#969696;margin-top:15px}.cbp-l-grid-slider-team-social{float:right;margin-top:22px}.cbp-l-grid-slider-team-social a{margin-left:4px}.cbp-l-grid-slider-team-social a:hover{opacity:0.8}@media only screen and (max-width: 600px){.cbp-l-grid-slider-team-wrap{float:left;width:100%;margin-bottom:10px}.cbp-l-grid-slider-team-name{font-size:17px;line-height:26px;width:100%;margin-top:12px;text-align:center}.cbp-l-grid-slider-team-social{width:100%;text-align:center;margin-top:8px}.cbp-l-grid-slider-team-position{font-size:13px;line-height:20px;text-align:center}.cbp-l-grid-slider-team-desc{font-size:12px;line-height:18px;margin-top:10px;text-align:center}}.cbp-l-slider-testimonials-wrap{background:#f8f9f9;padding:80px 0 110px;border-width:1px 0;border-style:solid;border-color:#dce1e2}.cbp-l-grid-slider-testimonials-body{color:#424242;max-width:800px;margin:0 auto;font:20px/32px sans-serif;text-align:center;padding:0 40px}.cbp-l-grid-slider-testimonials-footer{font:12px/19px "Roboto", sans-serif;color:#777;text-align:center;margin-bottom:10px;margin-top:30px}.cbp-l-grid-tabs{height:100px}.cbp-l-grid-tabs .cbp-item{font:14px/24px "Lato", sans-serif;max-width:700px;width:100%;margin:0 auto;right:0;text-align:center;color:#5a5a5a}.cbp-l-testimonials-title-block{position:relative;text-align:center;font:26px/36px "Roboto", sans-serif;color:#E7E7E7;margin-bottom:60px}.cbp-l-testimonials-title-block:after{content:'';position:absolute;margin:0 auto;width:23px;height:2px;bottom:-6px;background-color:#C2C2C2;left:0;right:0}.cbp-l-testimonials-wrap{background:#2D2D2D;padding:60px 0 110px}.cbp-l-grid-testimonials-body{color:#e7e7e7;max-width:800px;margin:0 auto;font:20px/32px "Roboto", sans-serif;text-align:center;padding:0 20px}.cbp-l-grid-testimonials-footer{font:12px/19px "Roboto", sans-serif;color:#C2C2C2;text-align:center;margin-bottom:40px;margin-top:35px}.cbp-search{position:relative;width:220px;margin-bottom:40px}.cbp-search .cbp-search-nothing{display:none}.cbp-search-icon{position:absolute;width:32px;height:100%;top:0;right:0;text-align:center;cursor:pointer;pointer-events:none}.cbp-search-icon:after{content:'';display:block;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTEyMTYgODMycTAtMTg1LTEzMS41LTMxNi41VDc2OCAzODQgNDUxLjUgNTE1LjUgMzIwIDgzMnQxMzEuNSAzMTYuNVQ3NjggMTI4MHQzMTYuNS0xMzEuNVQxMjE2IDgzMnptNTEyIDgzMnEwIDUyLTM4IDkwdC05MCAzOHEtNTQgMC05MC0zOGwtMzQzLTM0MnEtMTc5IDEyNC0zOTkgMTI0LTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTAtMTUwLTIyNVQ2NCA4MzJ0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzY4IDEyOHQyNzMuNSA1NS41IDIyNSAxNTAgMTUwIDIyNVQxNDcyIDgzMnEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6Ii8+PC9zdmc+") no-repeat scroll center center;width:100%;height:100%;pointer-events:none}.cbp-search-input{height:36px;padding:0 32px 0 12px;margin:0;border-radius:1px;border:1px solid #c6c3c4;font:400 12px "Open Sans", sans-serif;width:100%}.cbp-search-input[value]+.cbp-search-icon{pointer-events:auto}.cbp-search-input[value]+.cbp-search-icon:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTE0OTAgMTMyMnEwIDQwLTI4IDY4bC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTI5NC0yOTQtMjk0IDI5NHEtMjggMjgtNjggMjh0LTY4LTI4bC0xMzYtMTM2cS0yOC0yOC0yOC02OHQyOC02OGwyOTQtMjk0LTI5NC0yOTRxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4bC0yOTQgMjk0IDI5NCAyOTRxMjggMjggMjggNjh6Ii8+PC9zdmc+")}.cbp-search-nothing{position:absolute;top:0;padding:0 0 30px;text-align:center;width:100%;font:13px "Open Sans", sans-serif}@media only screen and (max-width: 600px){.cbp-search{width:100%}}.cbp-l-project-social{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cbp-social-fb,.cbp-social-twitter,.cbp-social-googleplus,.cbp-social-pinterest{margin-right:9px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cbp-social-fb:hover,.cbp-social-twitter:hover,.cbp-social-googleplus:hover,.cbp-social-pinterest:hover{opacity:.8}.cbp-social-fb:focus,.cbp-social-twitter:focus,.cbp-social-googleplus:focus,.cbp-social-pinterest:focus{outline:none}.cbp-social-fb path{fill:#415C9B}.cbp-social-twitter path{fill:#55acee}.cbp-social-googleplus path{fill:#E57371}.cbp-social-pinterest path{fill:#cb2027}.cbp-l-sort{margin-bottom:30px;display:flex;justify-content:center}.cbp-l-direction{display:inline-block;background:#4d4c4d;float:left;height:38px;width:38px;position:relative;border-left:1px solid #6b6a6a}.cbp-l-direction:hover{opacity:.9}.cbp-l-direction-item{height:100%;width:100%;cursor:pointer;display:none;z-index:1;background:transparent;position:relative}.cbp-l-direction:after{border-color:#fff rgba(0,0,0,0);border-style:solid;border-width:5px 5px 0;content:"";height:0;position:absolute;right:0;left:0;top:50%;width:0;margin:-3px auto 0;cursor:pointer;z-index:0}.cbp-l-direction--second:after{border-width:0 5px 5px}.cbp-l-direction--first div:first-child{display:block}.cbp-l-direction--second div:nth-child(2){display:block}.cbp-l-sort--simple{margin-left:70px}.cbp-l-sort--simple .cbp-l-dropdown-wrap{background:transparent}.cbp-l-sort--simple .cbp-l-dropdown-header{font:400 13px/36px "Lato", sans-serif;color:#787878;margin:0}.cbp-l-sort--simple .cbp-l-dropdown-list{background:white;box-shadow:0 0 2px 0px #e2e2e2;border:1px solid #ddd}.cbp-l-sort--simple .cbp-l-dropdown-list .cbp-l-dropdown-item{border-top:0;color:#787878}.cbp-l-sort--simple .cbp-l-dropdown-list .cbp-l-dropdown-item:hover{color:#b3b3b3}.cbp-l-sort--simple .cbp-l-dropdown-list .cbp-l-dropdown-item--active{color:#b3b3b3}.cbp-l-text-sort{font:400 13px/36px "Lato", sans-serif;color:#949494;margin-right:15px}.cbp-l-dropdown{height:38px;position:relative;z-index:5;width:170px;float:left}.cbp-l-dropdown-wrap{width:100%;position:absolute;background:#4d4c4d}.cbp-l-dropdown-header{font:400 12px/38px "Open Sans", sans-serif;margin:0 17px;color:#FFF;cursor:default;position:relative}.cbp-l-dropdown-list{display:none}.cbp-l-dropdown-wrap.cbp-l-dropdown-wrap--open .cbp-l-dropdown-list{display:block;margin:0}.cbp-l-dropdown-list .cbp-l-dropdown-item{background:transparent;color:#b3b3b3;width:100%;text-align:left;font:400 12px/40px "Open Sans", sans-serif;margin:0;padding:0 17px;cursor:pointer;border:none;border-top:1px solid #595959}.cbp-l-dropdown-list .cbp-l-dropdown-item:hover{color:#e6e6e6}.cbp-l-dropdown-list .cbp-l-dropdown-item--active{color:#fff;cursor:default}.cbp-l-dropdown-floated{float:right;margin-top:-2px;margin-left:20px;width:200px}@media only screen and (max-width: 480px){.cbp-l-dropdown-floated{width:100%;margin-top:0;margin-left:0}.cbp-l-dropdown-wrap{right:0;left:0;margin:0 auto}}