/* Font Figtree */
/* @font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.eot');
    src: url('../fonts/Figtree-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Figtree-Light.woff2') format('woff2'),
        url('../fonts/Figtree-Light.woff') format('woff'),
        url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBold.eot');
    src: url('../fonts/Figtree-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Figtree-ExtraBold.woff2') format('woff2'),
        url('../fonts/Figtree-ExtraBold.woff') format('woff'),
        url('../fonts/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.eot');
    src: url('../fonts/Figtree-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Figtree-Bold.woff2') format('woff2'),
        url('../fonts/Figtree-Bold.woff') format('woff'),
        url('../fonts/Figtree-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.eot');
    src: url('../fonts/Figtree-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Figtree-SemiBold.woff2') format('woff2'),
        url('../fonts/Figtree-SemiBold.woff') format('woff'),
        url('../fonts/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.eot');
    src: url('../fonts/Figtree-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Figtree-Regular.woff2') format('woff2'),
        url('../fonts/Figtree-Regular.woff') format('woff'),
        url('../fonts/Figtree-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.eot');
    src: url('../fonts/Figtree-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Figtree-Medium.woff2') format('woff2'),
        url('../fonts/Figtree-Medium.woff') format('woff'),
        url('../fonts/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} */



/* @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');




/* Font Proxima Nova */
/* @font-face {
    font-family: 'Proxima Nova';
    font-display: block;
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    font-display: block;
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype'),
        url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    font-display: block;
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'),
        url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    font-display: block;
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    font-display: block;
    src: url('../fonts/ProximaNova-RegularIt.eot');
    src: url('../fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-RegularIt.woff') format('woff'),
        url('../fonts/ProximaNova-RegularIt.ttf') format('truetype'),
        url('../fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    font-display: block;
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
} */

html {
    overflow-x: hidden;
}

body {
    font-family: 'DM Sans', 'Open Sans', Arial, sans-serif;
    font-weight: normal;
    overflow-x: hidden;
}

.tp-caption.o2o_slideshow_text, .o2o_slideshow_text {
    font-family: 'DM Sans', 'Open Sans', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'DM Sans', 'Open Sans', Arial, sans-serif;
}

/* General */

/*
.itemid-204 .rev_slider_wrapper, .itemid-205 .rev_slider_wrapper, .itemid-206 .rev_slider_wrapper, .itemid-207 .rev_slider_wrapper,
.itemid-209 .rev_slider_wrapper, .itemid-174 .rev_slider_wrapper, .itemid-211 .rev_slider_wrapper, .itemid-177 .rev_slider_wrapper,
.itemid-212 .rev_slider_wrapper{
    pointer-events: none;
}
*/

.slideshow .o2o_slideshow_title div h1,
.tp-caption.o2o_slideshow_title h1 {
    font-weight: 700;
}

.o2o_career_title h1 {
    font-weight: 700;
}

.btn,
input[type="button"] {
    border-radius: 0px !important;
}

.full-screen-height {
    min-height: 85vh;
    height: 100%;
}

.nav-logo {
    width: 109px;
    height: 53px;
}

.t3-content {
    padding: 0;
}

.t3-mainbody {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

.qx-section > .qx-row {
    margin-left: 0px;
    margin-right: 0px;
}

.section-slideshow .qx-col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.scrolled-header {
    padding: 10px 0;
}

.t3-header {
    position: fixed;
    z-index: 10;
    width: 100%;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.tp-bullets.simplebullets.custom .bullet {
    width: 30px;
    height: 5px;
    background: #fff;
    opacity: 0.3;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.tp-bullets.simplebullets.custom .bullet.selected {
    opacity: 1;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: none;
}

.section-slideshow {
    position: relative;
    overflow: hidden;
}

/*
.section-slideshow:after {
    content: "O";
    font-size: 1230px;
    font-family: "Proxima Nova";
    font-weight: 700;
    position: absolute;
    bottom: -2vw;
    right: -25vw;
    height: 848px;
    line-height: 1;
    opacity: 0.1;
    color: #fff;
}
*/

.logo-wrapper {
    position: relative;
}

.logo-wrapper .nav-logo {
    opacity: 0;
}

.logo-wrapper .logo-white {
    position: absolute;
    top: 0;
    left: 0;
}

.scrolled-header .logo-wrapper .nav-logo {
    opacity: 1;
    width: 90px;
    height: auto;
}

.scrolled-header .logo-wrapper .logo-white {
    opacity: 0;
}

.scrolled-header {
    background: #fff;
}

.scrolled-header.mobile-focused .navbar-default .navbar-toggle {
    color: #fff;
}

.scrolled-header .navbar-default .navbar-toggle {
    color: #000;
}

.scrolled-header .navbar-default .navbar-toggle i {
    font-size: 20px;
}

.scrolled-header.mobile-focused {
    background: none;
}

.home-about .qx-element-text:nth-child(2) h2::first-letter,
.first-orange:first-letter {
    color: #f5821f !important;
}

div#qx-column-0249,
#qx-column-29586 {
    margin-left: 50px;
}

#qx-column-4799,
div#qx-column-75205,
div#qx-column-581405,
#qx-column-371693 {
    margin-left: 80px;
}

div#qx-column-241657,
div#qx-column-281726 {
    margin-left: 90px;
}
/*NICE BUTTON*/

.portfolio-experiment a {
    color: #f5821f;
    padding: 0.7em calc(0.7em * 1.2);
    display: inline-block;
    border: 3px solid transparent;
    position: relative;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: -12px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.portfolio-experiment a:hover {
    margin-left: 0px;
}

.portfolio-experiment a .text {
    -webkit-transform: translate3d(0, 0.7em, 0);
    transform: translate3d(0, 0.7em, 0);
    display: block;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    font-weight: 600;
}

.portfolio-experiment a:after {
    position: absolute;
    content: '';
    bottom: -5px;
    left: calc(0.7em * 1.2);
    right: calc(0.7em * 1.2);
    height: 2px;
    background: #f26522;
    -webkit-transition: right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s;
    transition: right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s;
    transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
    transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.portfolio-experiment .line {
    position: absolute;
    background: #f26522;
}

.portfolio-experiment .line.-right,
.portfolio-experiment .line.-left {
    width: 2px;
    bottom: -3px;
    top: -3px;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
}

.portfolio-experiment .line.-top,
.portfolio-experiment .line.-bottom {
    height: 2px;
    left: -3px;
    right: -3px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}

.portfolio-experiment .line.-right {
    right: -3px;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
    transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s, -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
    -webkit-transform-origin: top;
    transform-origin: top;
}

.portfolio-experiment .line.-top {
    top: -3px;
    -webkit-transition: -webkit-transform 0.08s linear 0.43s;
    transition: -webkit-transform 0.08s linear 0.43s;
    transition: transform 0.08s linear 0.43s;
    transition: transform 0.08s linear 0.43s, -webkit-transform 0.08s linear 0.43s;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.portfolio-experiment .line.-left {
    left: -3px;
    -webkit-transition: -webkit-transform 0.08s linear 0.51s;
    transition: -webkit-transform 0.08s linear 0.51s;
    transition: transform 0.08s linear 0.51s;
    transition: transform 0.08s linear 0.51s, -webkit-transform 0.08s linear 0.51s;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.portfolio-experiment .line.-bottom {
    bottom: -3px;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
    transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
    transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
    transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01), -webkit-transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
    -webkit-transform-origin: right;
    transform-origin: right;
}

.portfolio-experiment a:hover .text,
.portfolio-experiment a:active .text {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    transition: -webkit-transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s, -webkit-transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;

}

.portfolio-experiment a:hover:after,
.portfolio-experiment a:active:after {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    right: -3px;
    left: -3px;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s, -webkit-transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s;
    transition: right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s, -webkit-transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s;
    transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
    transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s, -webkit-transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s;
}

.portfolio-experiment a:hover .line,
.portfolio-experiment a:active .line {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

}

.portfolio-experiment a:hover .line.-right,
.portfolio-experiment a:active .line.-right {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
    transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s, -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;

}

.portfolio-experiment a:hover .line.-top,
.portfolio-experiment a:active .line.-top {
    -webkit-transition: -webkit-transform 0.08s linear 0.4s;
    transition: -webkit-transform 0.08s linear 0.4s;
    transition: transform 0.08s linear 0.4s;
    transition: transform 0.08s linear 0.4s, -webkit-transform 0.08s linear 0.4s;
    -webkit-transform-origin: right;
    transform-origin: right;

}

.portfolio-experiment a:hover .line.-left,
.portfolio-experiment a:active .line.-left {
    -webkit-transition: -webkit-transform 0.08s linear 0.48s;
    transition: -webkit-transform 0.08s linear 0.48s;
    transition: transform 0.08s linear 0.48s;
    transition: transform 0.08s linear 0.48s, -webkit-transform 0.08s linear 0.48s;
    -webkit-transform-origin: top;
    transform-origin: top;

}

.portfolio-experiment a:hover .line.-bottom,
.portfolio-experiment a:active .line.-bottom {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
    transition: -webkit-transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
    transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
    transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s, -webkit-transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
    -webkit-transform-origin: left;
    transform-origin: left;

}


/*PARALLAX*/

.parallax-img > img,
.home-about .background-title {

    -webkit-transition: 0.8s !important;

    transition: 0.8s !important;
}

.parallax-img:nth-child(2) > img {
    -webkit-transition: 1.5s !important;
    transition: 1.5s !important;
}

.parallax-img:nth-child(3) > img {

    -webkit-transition: 2s !important;

    transition: 2s !important;
}

/* Menu */
.t3-navbar {
    position: fixed;
    z-index: 999;
    top: 0px;
    right: 0;
    width: 100%;
    height: 100% !important;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.t3-navbar .circle {
    position: absolute;
    top: -50vw;
    right: -50vw;
    transition: 0.8s all ease-in-out;
    width: 0vw;
    height: 0vw;
    border-radius: 100%;
    background: -moz-linear-gradient(left, rgba(41, 50, 60, 0.95) 0%, rgba(72, 85, 99, 0.95) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(41, 50, 60, 0.95) 0%, rgba(72, 85, 99, 0.95) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(41, 50, 60, 0.95) 0%, rgba(72, 85, 99, 0.95) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f229323c', endColorstr='#f2485563', GradientType=1);
}

.t3-navbar.menu-animation .circle {
    width: 200vw;
    height: 200vw;
}

.navbar-collapse.collapse,
.navbar-collapse.collapsing {
    display: flex !important;
    height: 100% !important;
    pointer-events: none;
}

.navbar-collapse.menu-animation {
    height: 100% !important;
    display: flex !important;

}

.navbar-collapse .menu-right,
.navbar-collapse .t3-megamenu {
    opacity: 0;
    transition: 0.5s ease all;
}

.navbar-collapse.in {
    pointer-events: auto;
}

.navbar-collapse.in .menu-right,
.navbar-collapse.in .t3-megamenu {
    opacity: 1;
    transition: 0.5s ease all 0.2s;
}

.t3-megamenu ul {
    display: flex;
    flex-direction: column;
}

.t3-header {
    z-index: 1000;
}

.cd-overlay-nav .shape-b,
.cd-overlay-nav .shape-w {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
    display: inline-block;
    position: fixed;
    -webkit-transform: scale(0), translateZ(0);
    transform: scale(0), translateZ(0);
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
}

.menu-right {
    color: #fff;
    z-index: 100001;
}

.cd-overlay-nav .shape-b {
    background-color: #000;
}

.t3-megamenu {
    width: 45%;
}

.t3-megamenu ul li a {
    color: #fff;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 2.4px;
    font-weight: 600;
    transition: .2s ease all;
}

.nav .caret {
    border-top-color: #fff;
    border-top-width: 7px;
    transform: rotate(-90deg);
}

.t3-megamenu ul li a:hover {
    background: none;
    color: #f4811f;
}

.t3-megamenu ul li a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent !important;
}

.t3-megamenu ul li a:hover .caret {
    border-top-color: #f4811f
}

.t3-megamenu .mega > .mega-dropdown-menu {
    background: none;
    border: none;
    box-shadow: none;
    left: 325px;
    top: -160px;
    min-width: 280px;
}

.t3-megamenu .mega > .mega-dropdown-menu ul li a {
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 1.2px;
}

.menu-right h4 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.menu-right p {
    font-size: 13px;
    color: #e0e0e0;
    letter-spacing: 0.65px;
    line-height: 19px;
    display: flex;
}

.nav .opened > a {
    background-color: transparent;
}

.sub-menu-open li a {
    color: rgba(255, 255, 255, 0.3) !important;
}

.sub-menu-open li a em {
    border-top-color: rgba(255, 255, 255, 0.3) !important;
}

.sub-menu-open li.opened > a {
    color: #f4811f !important;
}

.sub-menu-open li.opened > a em {
    border-top-color: #f4811f !important;
}

.t3-megamenu .mega > .mega-dropdown-menu ul li a {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.3) !important;
}

.t3-megamenu .mega > .mega-dropdown-menu ul li a:hover {
    background-color: transparent !important;
    color: #fff !important;
}

.t3-megamenu .mega > .mega-dropdown-menu ul li a:before {
    content: "";
    width: 0px;
    background-color: #f4811f;
    display: block;
    overflow: hidden;
    transition: .3s all ease;
    margin-right: 10px;
}

.t3-megamenu .mega > .mega-dropdown-menu ul li a:hover:before {
    width: 40px;
    height: 2px;
}

.menu-right i {
    font-size: 24px;
    color: #fff;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.menu-right p a:hover i {
    color: #f4811f;
}

.menu-right p span:first-child {
    color: #f4811f;
    margin-right: 15px;
    font-weight: 800;
    font-size: 14px;
}

.menu-open i:before {
    content: "\f00d";
}

.logo-wrapper img {
    left: 40px !important;
    top: 7px !important;
    width: 109px;
    height: 53px;
}

.logo-image {
    position: relative;
}

.menu-animation + #t3-header .logo-wrapper .logo-white {
    opacity: 1;
}

.menu-animation + #t3-header .logo-wrapper .nav-logo {
    opacity: 0;
}

.scrolled-header .logo-wrapper .nav-logo {
    position: absolute;
    top: 0px !important;
}

.scrolled-header .navbar-default {
    margin-bottom: -5px;
}

.navbar-toggle :hover {
    color: #f4811f;
}

.logo a {
    display: block;
}

.navbar-default .navbar-toggle i {
    font-size: 30px;
}

.t3-megamenu .mega.open > .mega-dropdown-menu,
.t3-megamenu .mega.dropdown-submenu.open > .mega-dropdown-menu {
    display: none !important;
}

body .t3-megamenu .mega.opened > .mega-dropdown-menu {
    display: block !important;
}

.menu-animation + .scrolled-header {
    background: none;
}

/*NEW MENU HOVER*/
.t3-wrapper .t3-megamenu > ul > li > a:hover {
    color: #f5821f !important;
}

.t3-wrapper .t3-megamenu > ul > li.active > a {
    color: #f5821f !important;
}

.itemid-120 .t3-wrapper .t3-megamenu > ul > li > a {
    color: #555 !important;
}

.itemid-120 .t3-wrapper .t3-megamenu > ul > li > a:hover,
.itemid-120 .t3-wrapper .t3-megamenu > ul > li.active > a {
    color: #f4811f !important;
}


/* Home About */
.home-about {
    padding: 60px 0;
    height: 50vh;
    min-height: 500px;
}

.home-about > .qx-container,
.home-about .qx-row {
    height: 100%;
}

.home-about .qx-row .qx-column {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-about .qx-element-wrap {
    position: relative;
}

.home-about h2 {
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: center;
}

.home-about p {
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: center;
    color: #757575;
}

.home-about .qx-element-text:nth-child(1) {
    -ms-flex-item-align: center;
    align-self: center;
    position: absolute;
    z-index: 1;
}

.home-about .qx-element-text:nth-child(2) {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.qx-element-button {
    z-index: 5;
    position: relative;
}

.home-about .background-title h2 {
    font-size: 120px;
    font-weight: 800;
    line-height: 0.89;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    color: rgba(224, 224, 224, 0.3);
    letter-spacing: 30px;
}

.home-desc .background-title h2 {
    font-size: 259px;
}

.slideshow-img-shadow img {
    -webkit-box-shadow: 2.2px 6.7px 38.7px 4.3px rgba(0, 0, 0, 0.19);
    box-shadow: 2.2px 6.7px 38.7px 4.3px rgba(0, 0, 0, 0.19);
    border-radius: 4px;
}

/*3D Video*/

.christyng-vd .html5vid video {
    transform: rotateX(16deg) rotateY(-28deg) rotateZ(10deg);
    border: 10px solid #cccccc1f;
    border-radius: 10px;
    background: #fff;
    box-shadow: 12.3px 20px 31.1px 0.9px rgba(0, 0, 0, 0.28);

}

.christyng-vd .html5vid {
    perspective: 1000px;
}

.materialipstick-vd video,
.mns-vd video {
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0);
    box-shadow: 0.3px 10px 24.1px 4.9px rgba(0, 0, 0, 0.1);
}

.rev_slider .html5vid .tp-video-play-button {
    display: none;
}

.rev_slider .html5vid video {
    pointer-events: none;
}


/* Home Products */
.full-screen-height > .qx-container {
    height: 100%;
}

.full-screen-height > .qx-container > .qx-row {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-products .qx-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-products {
    padding: 50px 0;
    background-size: 40vw 80vh !important;
    overflow-x: hidden;
    overflow-y: visible;
}

/* #qx-section-37635.home-products:after {
    content: "W";
    font-size: 500px;
    font-family: "Proxima Nova";
    font-weight: 700;
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    right: -4vw;
    height: 443px;
    line-height: 1;
    opacity: 0.1;
    color: rgba(255, 198, 144, 0.2);
    pointer-events: none;
} */
.invisible-slide-right,
.invisible-slide-left {
    position: relative;
    overflow-x: hidden;
}

.invisible-slide-right:after,
.invisible-slide-left:after {
    content: "";
    background: #fbfbfc;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.home-product-bg img {
    opacity: 0;
}

.in-view .home-product-bg img {
    opacity: 1;
}

.in-view .invisible-slide-right:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.in-view .invisible-slide-left:after {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.home-products .qx-element-image img {
    border-radius: 4px;
    -webkit-box-shadow: 0.3px 1px 24.1px 4.9px rgba(0, 0, 0, 0.08);
    box-shadow: 0.3px 1px 24.1px 4.9px rgba(0, 0, 0, 0.08);
}

.home-products h3 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 3px;
    text-align: left;
    text-transform: uppercase;
}

.home .home-products h3:first-letter {
    color: #f5821f;
}

.home-products p {
    font-size: 16px;
    line-height: 1.71;
    letter-spacing: 0.9px;
    text-align: left;
    color: #757575;
    position: relative;
    max-width: 429px;
}

/*
.home-products p:before {
    content: "";
    background: #f4811f;
    display: block;
    position: absolute;
    width: 2px;
    height: 32px;
    top: 4px;
    left: -15px;
}
*/

.home-products p a {
    color: #f5821f;
    text-decoration: none;
}

.home-products a.qx-btn-link {
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 6.36;
    letter-spacing: 1.1px;
    text-align: center;
    color: #f4811f;
    text-transform: uppercase;
}

.home-products {
    position: relative;
}

.home-product-bg {
    width: 45%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -15px;
    z-index: 2;
}

.home-product-bg.home-product-bg-right {
    right: 0px;
    left: auto;
}

.home-product-bg.home-product-bg-right > .qx-column {
    padding-right: 0;
}

.home-product-bg .qx-element-image {
    height: 100%;
}

.home-product-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: auto;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.home-products > .qx-container {
    z-index: 3;
    position: relative;
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax .jarallax-img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#qx-image-25195 img {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Home Testimonial */
.qx-element-slider-pro {
    padding: 0;
}

.home-testimonial {
    position: relative;
    z-index: 2;
}

.home-testimonial .slick-slide {
    background-size: 50vw auto !important;
    background-position: left top !important;

}

.home-testimonial .qx-slide__content {
    width: 50%;
    margin-left: 50%;
}

.home-testimonial .qx-column {
    padding-left: 0;
    padding-right: 0;
}

.home-testimonial .qx-slide__content {
    font-size: 17px;
    line-height: 1.67;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
}

.home-testimonial .qx-slide__content p,
.home-testimonial .qx-slide__content h4 {
    max-width: 720px;
    margin: 0 auto;
}

.home-testimonial .qx-slide__content h4 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.4);
}

.home-testimonial .qx-slide__content {
    width: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonial-left {
    width: 50%;
    height: 100%;
}

.testimonial-left img {
    width: 100%;
    -o-object-position: top center;
    object-position: top center;
    -o-object-fit: cover;
    object-fit: cover;
    height: 75vh;
}

.testimonial-right {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.home-testimonial .qx-slide .testimonial-left {
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.home-testimonial .qx-slide .testimonial-right {
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.home-testimonial .qx-slide.slick-active .testimonial-left,
.home-testimonial .qx-slide.slick-active .testimonial-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}



.testimonial-right img {
    max-width: 100%;
    margin: 0 auto;
}

.testimonial-right .image {
    margin-bottom: 20px !important;
}

.home-testimonial .slick-prev {
    display: none !important;
}

.home-testimonial .slick-next {
    /* left: 74%; */
    top: 90%;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff26;
    height: 38px;
    width: 38px;
    border-radius: 38px;
}

.home-testimonial svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 39px;
    height: 39px;
    -webkit-transform: rotateY(0deg) rotateZ(-90deg);
    transform: rotateY(0deg) rotateZ(-90deg);
}

.home-testimonial svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: #fff;
    fill: none;

}

@-webkit-keyframes countdown {
    from {
        stroke-dashoffset: 113px;
    }

    to {
        stroke-dashoffset: 0px;
    }
}

@keyframes countdown {
    from {
        stroke-dashoffset: 113px;
    }

    to {
        stroke-dashoffset: 0px;
    }
}

.paused {
    -webkit-animation: countdown 5.45s linear infinite forwards;
    animation: countdown 5.45s linear infinite forwards;
}

.home-testimonial {
    pointer-events: none;

}

.home-testimonial .slick-next {
    pointer-events: auto;
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    color: #fff;
}

.home-body-title {
    position: absolute;
    height: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.home-body-title p {
    font-size: 153.5px;
    color: rgba(224, 224, 224, 0.3);
    font-weight: bold;
    letter-spacing: 18.4px;
    text-transform: uppercase;
    max-width: 100%;
}

#qx-text-33583 p {
    font-size: 104px;
}

.home-o-logo {
    font-size: 1351px;
    font-weight: 700;
    position: fixed;
    right: -25vw;
    height: 848px;
    line-height: 0.8;
    opacity: 0.1;
    color: #ffcc99;
    z-index: 1;
    pointer-events: none;
}

/* Footer */

.google-partner {
    display: block;
}

.google-partner img {
    height: auto;
    width: 100% !important;
    margin-left: -5px;
}

.t3-copyright {
    border: 0;
    background: #fbfbfc;
    padding: 20px 0;
}

.t3-footer {
    border: 0;
    background: #fbfbfc;
    position: relative;
    z-index: 3;
}

.copyright {
    margin-bottom: 0;
}

.social-icon {
    list-style: none;
    text-align: right;
    padding-left: 0;
    margin-bottom: 0;
}

.social-icon li {
    display: inline-block;
    margin: 0 15px;
}

.social-icon a {
    color: #bdbdbd;
    font-size: 15px;
}

.t3-footer .footer-menu {
    padding: 80px 0;
}

.t3-footer .footer-menu img {
    width: 70px;
}

.t3-footer .footer-menu ul {
    list-style: none;
    padding-left: 0;
}

.t3-footer .footer-menu img,
.t3-footer .footer-menu h4 {
    margin-bottom: 26px;
    margin-top: 0;
}

.t3-footer .footer-menu h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.54;
    letter-spacing: 0.7px;
    text-align: left;
    color: #424242;
    min-height: 34px;
}

.t3-footer .footer-menu p,
.t3-footer .footer-menu a,
.t3-footer .footer-menu li {
    font-size: 13px;
    line-height: 1.54;
    letter-spacing: 0.7px;
    color: #757575;
}

.t3-footer .footer-menu li {
    margin-bottom: 10px;
}

/*WEB DESIGN PAGE*/
#qx-column-84316 > * {
    width: 100%;
}

#qx-text-35696 {
    overflow-x: hidden;
    width: 100%
}

.sem-mns-slider p {
    max-width: none;
}

.design-section-1 .home-product-img img {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
}

.design-section-1 .section-1 p:before {
    display: none;
}

.design-section-1 .section-1 h3 {
    font-size: 28px;
    font-weight: bold;
    color: #263238;
    line-height: 1.27;
    letter-spacing: 0.8px;
    text-transform: none;
}

.design-section-1 .section-1 .item {
    margin-bottom: 30px;
    max-width: 450px;
}

.design-section-1 .right-single-img {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.design-section-1 .left-single-img {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.design-section-1 .left-multiple-img #qx-image-8898 {
    z-index: 1;
}

.design-section-1 .left-multiple-img #qx-image-52387 {
    margin-top: -40px;
    margin-left: 50%;
}

.design-section-1 .left-multiple-img #qx-image-55389 {
    margin-top: -5px;
    margin-left: 30%;
}



.custom-application .invisible-slide-right:after,
.custom-application .invisible-slide-left:after {
    background: #212121;
}

.ca-header {
    font-size: 40px !important;
    line-height: 1.3 !important;
    letter-spacing: 3px !important;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.ca-header:first-letter {
    color: #f5821f
}

.ca-ctn p {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

#qx-column-94151 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#qx-image-50152 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: absolute;
    left: 0
}

#qx-image-91153 {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

#qx-image-1154 {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.wd-process-box {
    padding-top: 80px;
    padding-bottom: 80px;
}

.wd-process-box .qx-row:nth-child(2) {
    margin-bottom: 40px;
}

.wd-process-box h2 {
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
    font-weight: bold;
    margin-bottom: 50px;
}

.wd-process-box h2:first-letter {
    color: #f5821f;
}

.web-design-map svg path.st1 {
    fill-opacity: 0;
}

.web-design-map svg.map-fill path.st1 {
    stroke-width: 0;
    fill: #f5821f;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    fill-opacity: 1 !important;
}

.web-design-map svg text {
    font-family: 'DM Sans', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

.wd-process-box .title {
    font-size: 18px;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #424242;
}

.wd-client-box > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wd-client-box .col-sm-6:first-child {
    padding: 0px;
}

.wd-client-box img {
    max-width: 100%;
}

.wd-client-box h2 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 3px;
    padding-left: 63px;
}

.wd-client-box .nav-tabs {
    border-bottom: none;
    width: 100%;
    padding-left: 50px;
}

.wd-client-box .nav-tabs li {
    float: left;
    width: 50%;

}

.wd-client-box .nav-tabs li a {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: rgba(38, 50, 56, 0.4);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: none !important;
    transition: 0.3s;
    display: inline-block;

}

.wd-client-box .nav-tabs .active a {
    color: #263238;
    background: none;
}

.wd-client-box .nav-tabs .active a:hover {
    margin-left: 0px;
}

.wd-client-box .nav-tabs .active a:before {
    content: '----';
    color: #ff8721;
    letter-spacing: -1px;
    margin-right: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wd-client-box .nav-tabs li a:hover {
    color: #000;
    background: none;
    border: none;
    margin-left: 10px;
}

.wd-client-box .nav-tabs li a:hover::before {
    content: '----';
    color: #ff8721;
    letter-spacing: -1px;
    margin-right: 10px;
}

.wd-client-box .nav-tabs li a:focus {
    background: none;
}

.tab-pane.active {
    -webkit-animation: slide-down 1s ease-out;
    animation: slide-down 1s ease-out;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-0);
        transform: translateX(-0);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-0);
        transform: translateX(-0);
    }
}

.o2o-new-form {
    padding-top: 80px;
    padding-bottom: 80px;
}

.o2o-new-form h3 {
    color: #fff;
    font-size: 30px;
    letter-spacing: 2.3px;
    font-weight: 600;
    margin-bottom: 80px;
}

.o2o-enquiry-form .fill-in input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    border-bottom: none !important;
    font-size: 16px;
    width: 100%;
}

.o2o-enquiry-form .fill-in p {
    width: 90%;
    position: relative;
}

.o2o-enquiry-form .fill-in p::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #bdbdbd;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

.o2o-enquiry-form .fill-in p.active::after,
.contact-us-form .form-input p.active:after {
    width: 100%;
}

/*
.o2o-enquiry-form .fill-in:nth-child(2) .form-input:first-child p::after{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.o2o-enquiry-form .fill-in:nth-child(1) .form-input:last-child p::after{
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.o2o-enquiry-form .fill-in:nth-child(2) .form-input:last-child p::after{
    -webkit-transition-delay: 0.9s;
    transition-delay:0.9s;
}
*/

.o2o-enquiry-form input:focus ~ .up-placeholder,
.o2o-enquiry-form input:not(:focus):valid ~ .up-placeholder {
    top: -18px;
    bottom: 100px;
    left: 0;
    font-size: 11px;
    opacity: 1;
    color: #ffffff;
}

.o2o-enquiry-form .up-placeholder {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    color: rgba(255, 255, 255, 0.4);
}

.o2o-enquiry-form input {
    color: #fff !important;
}

.o2o-enquiry-form .formBody label {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

.o2o-enquiry-form .formBody input {
    margin-right: 10px;
}

.o2o-enquiry-form input[type="checkbox"] {
    position: absolute;
    right: 90000px;
}

.o2o-enquiry-form input[type="checkbox"] + span:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    background: transparent;
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.o2o-enquiry-form input[type="checkbox"]:checked + span:before {
    content: "\f14a";
    color: #f5821f;
    -webkit-animation: effect 250ms ease-in;
    animation: effect 250ms ease-in;
    background: #fff;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}



.o2o-new-form .row {
    margin-bottom: 50px;
}

.o2o-enquiry-form .sub-button input {
    letter-spacing: 1.4px;
    -webkit-box-shadow: 0px 1px 6.9px 0.1px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 6.9px 0.1px rgba(0, 0, 0, 0.16);
    padding: 16px 80px;
    border-radius: 0;
    text-shadow: none;
    background: #f5821f;
    margin-left: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.o2o-enquiry-form .sub-button input:hover {
    background: #000;
}

.o2o-enquiry-form .sub-button .form-input {
    display: inline-block;
}

.form-input.recaptcha {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
}

.sub-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sub-button .form-input:last-child p {
    margin-bottom: 14px;
}

.magical-bg,
.contact-star .tp-bgimg {
    position: relative;
    overflow: hidden;
}

.magical-bg:before,
.contact-star .tp-bgimg:before {
    content: "";
    position: absolute;
    width: 400vw;
    height: 400vh;
    top: 50%;
    left: 50%;
    margin-top: -200vh;
    margin-left: -200vw;
    -webkit-animation: spin 240s linear infinite;
    animation: spin 240s linear infinite;
    background-size: 240px;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    /* Had to base64 SVG background for FF compatibility */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MCAyNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0MCAyNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjEwNiIgeT0iOTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI3NCIgeT0iNjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMyIgeT0iNjYiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1MCIgeT0iMTEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNjMiIHk9IjEyOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQ1IiB5PSIxNDkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5MiIgeT0iMTUxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNTgiIHk9IjgiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNDciIHk9IjMzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iOTEiIHk9IjQzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTY5IiB5PSIyOSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4MiIgeT0iMTkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNjEiIHk9IjU5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTM4IiB5PSI5NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5OSIgeT0iNzEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMTMiIHk9IjE1MyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyOCIgeT0iMTYzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjA1IiB5PSIxNzQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjIwMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUyIiB5PSIyMTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB5PSIxOTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMTAiIHk9IjE4NCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvc3ZnPg==);
}

@-webkit-keyframes spin {

    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {

    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*ECOMMERCE PAGE*/

.ecom-video .html5vid:after {
    content: "";
    box-sizing: border-box;
    background: url('../../../images/e-commerce/casing.png') center center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.ecom-video .html5vid video {
    border-radius: 40px;
    padding: 3px;
    background: #fff;
    box-shadow: 2.2px 6.7px 38.7px 4.3px rgba(0, 0, 0, 0.19);
}

#qx-text-271404 ul li {
    color: #757575;
}

.ecom-title {
    max-width: 100% !important;
    text-align: center !important;
    font-size: 40px !important;
    color: #000000 !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px !important;
    margin-top: 100px;
}

.ecom-title:first-letter {
    color: #f5821f;
}

#qx-section-9239 {
    overflow-y: hidden;
}

.section-1 .sub-item {
    margin-top: 13px;
}

.section-1 .sub-item .title {
    font-size: 16px;
    font-weight: 600;
    color: #263238;
}

.section-1 .sub-item ul {
    margin-left: 1.2em;
    padding-left: 0px;
}

.section-1 .sub-item .img-list {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

.section-1 .sub-item .img-list li {
    display: inline;
    margin-right: 15px;
}

.section-1 .sub-item ul li img {
    max-width: 70px;
    height: auto;
}

.design-section-1 .right-single-img #qx-image-661406 {
    margin-left: -25%;
}

/*PROJECT PAGE*/

.portfolio-tab .tabs {
    text-align: center;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #fff;
    padding-top: 10px;
}

.portfolio-tab .tabs li:hover a {
    border: none;
    padding: 11px 1px !important
}

.portfolio-tab .tabs a.active {
    border: none;
    color: #ff8721;
    padding: 11px 1px !important;
    border-radius: 0px;
}

.portfolio-tab .tabs a {
    font-size: 16px;
    font-weight: 600;
    color: rgba(33, 33, 33, 0.6);
    padding: 10px 0px !important;
    margin: 0px 50px;
    text-transform: uppercase;
}

.portfolio-tab .tabs a:hover {
    border: none;
    padding: 11px 1px !important;
    color: #ff8721;
}

.portfolio-tab .tabs a::after {
    content: '';
    display: block;
    width: 0px;
    margin-top: 10px;
    height: 2px;
    background: #ff8721;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.portfolio-tab .tabs a:hover::after {
    width: 100%;
}

.portfolio-tab .tabs a.active::after {
    width: 100%;
}

.portfolio-content {
    padding-top: 30px;
}

.portfolio-content .row {
    margin-bottom: 20px;
}

.portfolio-parent {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 20px;
}

.child {
    position: absolute;
    top: 0;
    /*    transition: 0.3s;*/
    /*    filter: brightness(10%);*/

}

.child img {
    width: 100%;
    height: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;

}

.child-logo {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: 0.3s;
    transition: 0.3s;

}

.child-logo:hover {
    opacity: 0;
}

/*
.portfolio-parent:hover>img{
    opacity: 0;
}

.portfolio-parent:hover .child{
    filter: brightness(100%);
    animation: mymove 5s infinite;
    animation-direction: alternate;
}

@keyframes mymove {
    from {top:0;}
    to {bottom:0;}
}
*/

.tab-content {
    -webkit-animation: tab 1s ease-out;
    animation: tab 1s ease-out;
}

@-webkit-keyframes tab {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-0);
        transform: translateY(-0);
    }
}

@keyframes tab {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-0);
        transform: translateY(-0);
    }
}

.other-portfolio p {
    text-align: center;
}

.other-portfolio img {
    max-width: 150px;
    height: 150px;
    width: 100%;
    object-fit: contain;
}


/*SEM PAGE*/

.home-about .qx-row #qx-column-6513 {
    display: block;
}

.home-about .qx-row #qx-column-6513 .background-title h2 {
    font-size: 133px;
    max-width: 800px;
}

.home-about #qx-text-8315 {
    margin-top: 150px;
}

#qx-section-6543 .home-product-bg img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    height: auto;
}

#qx-section-6543 .home-product-bg.home-product-bg-right {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.home-products #qx-column-6047 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sem-mns-slider p {
    margin-right: 0px;
}

.sem-mns-slider p:before {
    display: none;
}

.sem-mns-slider .owl-dot {
    display: none !important;
}

.sem-mns-slider .owl-nav button {
    border: 1px solid !important;
    width: 25px;
    height: 25px;
    border-radius: 25px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sem-mns-slider .owl-nav button:hover {
    background: #f5821f !important
}

#qx-column-941493 {
    margin-left: -12%;
}

.left-multiple-img #qx-image-471723 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: -20px;
}

.left-multiple-img #qx-image-101724 {
    position: absolute;
    bottom: 0;
    left: -5%;
}

#qx-section-23131 .home-product-bg img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    height: auto;
}

#qx-section-23131 #qx-image-6136 {
    position: absolute;
    bottom: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;

}

.sem-flow-container img {
    max-width: 56px;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}

.sem-flow-container .image {

    background-image: -webkit-gradient(linear, left bottom, left top, from(#64c9bc), to(#71b8e3));

    background-image: linear-gradient(to top, #64c9bc, #71b8e3);
    border-radius: 104px;
    width: 104px;
    height: 104px;
    margin: 0 auto;
    padding: 14px;
}

.sem-flow-container .title {
    margin-top: 30px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.sem-flow-container .content {
    text-align: center;
    font-size: 16px;
}

.sem-flow-container img {
    max-width: 56px;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}

.sem-flow-container .image {

    background-image: -webkit-gradient(linear, left bottom, left top, from(#64c9bc), to(#71b8e3));

    background-image: linear-gradient(to top, #64c9bc, #71b8e3);
    border-radius: 104px;
    width: 104px;
    height: 104px;
    margin: 0 auto;
    padding: 14px;
}

.sem-flow-container .title {
    margin-top: 30px;
    font-size: 24px;
    font-weight: bold;
}

.sem-flow-container .image:after {
    font-family: "Font Awesome 5 Free", FontAwesome, sans-serif;
    font-weight: 900;
    content: "\f30b";
    font-size: 21px;
    position: absolute;
    right: -10px;
    top: 40px;
}

.sem-flow-container .row > div:last-child .image:after {
    display: none;
}

.sem-flow {
    padding: 70px 0px;
}

.sem-flow-header {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

.sem-flow-header:first-letter {
    color: #f5821f;
}

.sem-client {
    padding: 70px 0px
}

.sem-client h2 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

.sem-client img {
    height: 73px;
    width: 142px;
    -o-object-fit: contain;
    object-fit: contain;
}

.sem-client .qx-row:nth-child(2) {
    margin-bottom: 0px;
}

.sem-client .qx-row .qx-column {
    margin-bottom: 30px;
}

.benefit-text {
    font-size: 40px !important;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 50px;
    text-align: center !important;
}

.benefit-text:before {
    display: none !important;
}

.sem-desc {
    max-width: 450px;
}

.sem-desc h3 {
    font-size: 30px;
    font-weight: bold;
    color: #263238;
    line-height: 1.27;
    letter-spacing: 0.8px;
    margin-bottom: 30px;
    text-transform: none !important;
}

.sem-desc p:before {
    display: none;
}

.sem-desc ul {
    margin-left: 1.2em;
    padding-left: 0px;
}

.sem-desc ul li {
    margin-bottom: 30px;
}

.sem-desc ul span {
    font-size: 16px;
    font-weight: bold;
    color: #37474f;
}

.sem-desc ul li {
    font-size: 16px;
    letter-spacing: 0.9px;
}

.sem-bg .invisible-slide-right:after,
.sem-bg .invisible-slide-left:after {
    background: #fbfbfc;
}

#qx-section-6543 {
    overflow-y: hidden;
}

/*CONTACT US PAGE*/

.moving-arrow {
    -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
}

@-webkit-keyframes downarrow {
    0% {
        -webkit-transform: translateY(0);
        opacity: 0.0
    }

    100% {
        -webkit-transform: translateY(1em);
        opacity: 0.9
    }
}

.contact-us-box {
    margin-top: 150px;
}

.contact-us-header {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
}

.contact-us-detail {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.56;
    color: #757575;
    max-width: 420px;
    margin-bottom: 50px;
}

.o2o-contact-form {
    max-width: 445px;
    position: relative;
    z-index: 2;
}

.o2o-contact-form .contact-us-form p {
    margin-bottom: 0px;
}

.contact-us-form input {
    width: 98.3%;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
    padding-bottom: 10px !important;
    position: relative;
    background: none !important;
    padding-left: 0!important;
}
#digitalisation-form.contact-us-form  .formRequired {
    display:none;
}
.itemid-230 #qx-accordion-711724 .qx-element-accordion-item {
    border:0;
}
.justify-center {
    justify-content: center;
}
.contact-us-form .form-input {
    margin-bottom: 10px;
}

.contact-us-form .form-input p:after {
    content: '';
    display: block;
    width: 0;
    margin-top: -10px;
    height: 1px;
    background: #ff8721 !important;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

.o2o-contact-form .contact-us-form p {
    position: relative
}

.contact-us-form input:focus ~ .up-placeholder,
.contact-us-form input:not(:focus):valid ~ .up-placeholder {
    top: -18px;
    bottom: 100px;
    left: 0;
    font-size: 11px;
    opacity: 1;
    color: #212121;
}

.contact-us-form .up-placeholder {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 4px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    color: rgba(117, 117, 117, 0.4);
}

.contact-us-button button {
    letter-spacing: 1.4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 16px 80px;
    border-radius: 0 !important;
    text-shadow: none !important;
    background: #f5821f !important;
    margin-left: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100% !important;
    float: right;
    height: 52px;
    font-size: 14px !important;
    transition: 0.3s !important;
    border: none !important;
}

.contact-us-button button:hover {
    background: #212121 !important;
}

.contact-us-button #g-recaptcha-80,
.contact-us-button #g-recaptcha-166 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 200px;
}

.contact-us-button > div:first-child p {
    display: none;
}

.contact-us-socmed {
    margin-bottom: 70px;
}

.contact-us-socmed h3,
.contact-us-find h3 {
    font-size: 30px;
    letter-spacing: 0.8px;
    font-weight: bold;
    margin-bottom: 20px;
}

.contact-us-socmed ul,
.contact-us-find ul {
    list-style-type: none;
    padding-left: 0px;
}

.contact-us-socmed img,
.contact-us-find img {
    max-width: 48px;
    max-height: 48px;
}

.contact-us-socmed ul li,
.contact-us-find ul li {
    display: inline-block;
    margin-right: 30px;
}

.contact-blob-parent {
    position: relative;
}

.contact-blob-parent > img {
    width: 100%
}

.contact-blob-child {
    position: absolute;
    top: 0;
    left: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.contact-blob-child a {
    height: 100%;
    float: left;
}

.contact-blob-child a:hover img {
    -webkit-animation: contact-icon 0.3s 4 alternate ease-in-out;
}


@-webkit-keyframes contact-icon {
    0% {
        -webkit-transform: translateY(0em);
    }

    100% {
        -webkit-transform: translateY(-1em);
    }
}

.contact-us-O {
    font-size: 1351px;
    font-weight: 700;
    position: fixed;
    left: -30vw;
    height: 848px;
    line-height: 1;
    opacity: 0.1;
    color: #ffcc99;
    z-index: 1;
}


/*ABOUT US PAGE*/

.itemid-120 .logo-wrapper .nav-logo {
    opacity: 1;
    position: absolute;
}

.itemid-120 .logo-wrapper .logo-white {
    opacity: 0;
}

.itemid-120 .navbar-default .navbar-toggle {
    color: #000;
}

.about-us-banner img {
    position: relative;
    left: -20vw;
}

.about-us-description {
    overflow-y: hidden;
    min-height: auto;
    padding-top: 150px;
}

.about-us-description .content p {
    max-width: 643px;
    font-size: 18px;
    letter-spacing: 0.9px;
}

.about-us-description .content .title p {
    font-size: 24px !important;
    font-weight: bold;
    color: #f4811f;
    margin-bottom: 45px;
}

.about-us-description .home-body-title {
    height: 100%;
}

.about-us-description .home-product-bg img {
    max-width: 590px;
    position: relative;
}

.rotating-text {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.rotating-text p {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2.5px !important;
    color: #9e9e9e !important;
    width: 120px;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important
}

.rotating-text p:after {
    content: '';
    display: block;
    width: 32px;
    margin-top: 10px;
    height: 2px;
    background: #ff8721;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.rotating-box {
    width: 5%;
}

.what-we-do {
    padding-top: 200px;
}

.what-we-do h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    max-width: 420px;
}

.what-we-do h3:first-letter {
    color: #f5821f;
}

.what-we-do .rotating-text p {
    color: #fff !important;
    font-size: 18px;
    width: 153px;
}

.what-we-do-ctn {
    position: relative;
    z-index: 2;
}

.what-we-do-ctn p {
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 1.67;
    color: #ffffff;
}

.what-we-do-ctn .row {
    margin-top: 50px
}

.what-we-do-ctn a {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
    letter-spacing: 1.4px;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.what-we-do-ctn a:hover {
    color: #fff;
    margin-left: 10px;
}

.what-we-do-ctn a:hover::before {
    content: '----';
    color: #ff8721;
    letter-spacing: -1px;
    margin-right: 10px;
}

.what-we-do .qx-row:first-child {
    margin-bottom: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.what-we-do .rotating-box {
    -ms-flex-item-align: center;
    align-self: center;
}

.wwd-bottom .ctn p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.9px;
    line-height: 1.67;
}

.wwd-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.achievement {
    padding-top: 100px;
    padding-bottom: 100px;
}

.achievement .qx-nc-number {
    font-size: 101px;
    color: #f4811f;
    letter-spacing: 5.1px;
    line-height: 1;
}

.achievement .qx-nc-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.achievement .plus-counter .qx-nc-number:after {
    font-family: "Font Awesome 5 Free", FontAwesome, sans-serif;
    content: "\f067";
    font-size: 60px;
}

.achievement .plus-counter .qx-nc-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.achievement .qx-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.achievement .rotating-box {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.experience h3 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.experience .qx-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.experience .ctn {
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 1.67;
    color: #757575;
}

.marketing-objective .title h2 {
    color: #f4811f;
    font-size: 40px;
    font-weight: bold;
}

.marketing-objective p {
    font-size: 32px;
    letter-spacing: 0.8px;
    margin-bottom: 50px;
}

.about-contact {
    padding-top: 250px;
    padding-bottom: 150px;
}

.about-contact .header p {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 60px;
}


.contact-map {
    padding-top: 100px;
}

.contact-map h3 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 80px;
}

.contact-map h3:first-letter {
    color: #f4811f;
}

.about-contact .portfolio-experiment a {
    margin-left: 0px;
}

.about-contact .portfolio-experiment a .text {
    font-size: 14px;
}

.about-contact a {
    background: #f5821f;
    border: none;
    border-radius: 0;
    color: #fff;
    letter-spacing: 1.4px;
    font-weight: 600;
    padding: 12px 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.qx-btn-default:active:hover,
.about-contact a:focus,
.about-contact a:active {
    background-color: #000;
    color: #fff;
}

.formResponsive input[type="submit"]:active,
.formResponsive button[type="submit"]:active,
.formResponsive input[type="submit"].active,
.formResponsive button[type="submit"].active,
.formResponsive input[type="submit"].disabled,
.formResponsive button[type="submit"].disabled,
.formResponsive input[type="submit"][disabled],
.formResponsive button[type="submit"][disabled] {
    background-color: #f5821f;
}


.about-contact a:hover {
    background: #000;
    color: #fff;
}

/*WEB HOSTING PAGE*/

#qx-text-872366 p.first-orange::first-letter,
#qx-text-4424 p.first-orange::first-letter {
    color: #263238 !important;
}

.feature-title {
    padding-top: 50px;
    padding-bottom: 50px
}

.feature-title #qx-text-611057 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: #424242
}

.feature-title #qx-text-561117 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1px;
}

.wh-feature-1 h3 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.8px;
    line-height: 1.13;
    margin-bottom: 20px;
    text-transform: none;
}

.wh-feature-1 svg {
    max-width: 24px;
    margin-right: 20px;
}

.wh-feature-1 svg .cls-1 {
    fill: #999999;
}

.wh-feature-1 li {
    float: none;
    max-width: 420px;
}

.wh-feature-1 a span {
    color: #757575;
    font-size: 16px;
    letter-spacing: 0.4px;
    font-weight: 600;
    vertical-align: super;
}

.wh-feature-1 .active a {
    border: none !important;
    background: #f5f5f5 !important;
}

.wh-feature-1 a {
    border-radius: 4px !important;
    margin-top: 10px;

}

.wh-feature-1 .active svg .cls-1 {
    fill: #ff8721;
}

.wh-feature-1 .active span {
    color: #ff8721;
}

.wh-feature-1 .nav-tabs {
    border-bottom: none;
}

.wh-feature-1 a:hover {
    background: #f5f5f5 !important;
    border: none;
    padding: 11px 16px;
}

.wh-feature-1 .active a {
    padding: 11px 16px;
}

/*
.wh-feature-1 .row{
    display: flex;
    align-items: center;
}
*/

.wh-feature-1 .tab-pane.active {
    -webkit-animation: slide-server 1s ease-out;
    animation: slide-server 1s ease-out;
}

@-webkit-keyframes slide-server {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-server {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.wh-feature-1 .nav-tabs {
    margin-top: 20px;
}

#qx-section-42302,
#qx-section-612359,
#qx-section-57149 {
    background-size: cover !important;
}

#qx-section-612359 .invisible-slide-right:after,
#qx-section-612359 .invisible-slide-left:after {
    background: #fff;
}

.wh-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
}

.wh-bottom img {
    max-width: 110px;
    height: 56px;
    -o-object-fit: contain;
    object-fit: contain;
}

.wh-bottom .wh-bottom-title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-top: 10px;
    color: #333;
}

.wh-bottom .wh-bottom-ctn {
    font-size: 16px;
    letter-spacing: 0.9px;
    color: #757575;
    max-width: 400px;
}

.wh-bottom .qx-row:first-child {
    margin-bottom: 50px;
}

.wh-contact {
    padding-top: 60px;
    padding-bottom: 70px;
}

.wh-contact h3 {
    font-size: 30px;
    letter-spacing: 2.3px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px;
}

.wh-contact a {
    background: #f5821f;
    border: none;
    border-radius: 0;
    color: #fff;
    letter-spacing: 1.4px;
    font-weight: 600;
    padding: 12px 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wh-contact a:hover,
.wh-contact a:focus {
    background: #000;
    color: #fff
}

/*SEO PAGE*/
.seo-process {
    padding-top: 70px;
    padding-bottom: 70px;
}

.seo-process img {
    height: 236px;
    -o-object-fit: contain;
    object-fit: contain
}

.seo-process h3 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #263238;
}

.seo-process .ctn {
    font-size: 24px;
    letter-spacing: 0.6px;
    color: #37474f;
}

.seo-process .qx-element-image:after {
    font-family: "Font Awesome 5 Free", FontAwesome, sans-serif;
    font-weight: 900;
    content: "\f30b";
    font-size: 21px;
    position: absolute;
    right: -10px;
    top: 140px;
}

.seo-process .qx-row > div:last-child .qx-element-image:after {
    display: none;
}

.seo-services .qx-row:nth-child(2) {
    margin-bottom: 50px;
}

.seo-services .title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #263238;
    margin-top: 20px;
    text-align: center;
}

.seo-services .ctn {
    font-size: 16px;
    letter-spacing: 0.9px;
    color: #757575;
    text-align: center;
    line-height: 1.71;
}

.seo-services-title {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.seo-services-title:first-letter {
    color: #f5821f;
}

.seo-services {
    padding-top: 60px;
    padding-bottom: 100px;

}

.seo-client img {
    height: 72px;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 142px;
}

.seo-client {
    padding-top: 50px;
    padding-bottom: 50px;
}

.seo-form h3 {
    color: #fff;
    font-size: 30px;
    letter-spacing: 2.3px;
    font-weight: 600;
    margin-bottom: 80px;
}

.seo-form {
    padding-top: 70px;
    padding-bottom: 50px;
}

.seo-animate-icon svg {
    max-width: 56px;
    height: 100%;
}

.seo-animate-icon {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#64c9bc), to(#71b8e3));
    background-image: linear-gradient(to top, #64c9bc, #71b8e3);
    border-radius: 104px;
    width: 104px;
    height: 104px;
    padding: 14px;
    text-align: center;
    margin: 0 auto;
}

#qx-custom-html-10188 .seo-animate-icon svg {
    margin-left: 10px;
}

#qx-custom-html-87608 .seo-animate-icon svg {
    padding: 5px;
}

.animate-icon path {
    fill-opacity: 0;
}

.icon-fill path {
    stroke-width: 0;
    fill: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    fill-opacity: 1 !important;
}

/*CAREER PAGE*/

.career-accordion #qx-column-9014 {
    padding: 0px;
    border: none;
}

.career-accordion .collapsible-header {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    background: none;
    margin: -1px;
    overflow: hidden;
}

.career-accordion .collapsible-header .title {
    display: inline-block;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: left;
    width: 666px;
}

.career-accordion .collapsible-header .left {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #9e9e9e;
    text-transform: uppercase;
    transform: rotate(-90deg);
    letter-spacing: 2.5px;
    position: absolute;
    left: 0;
    max-width: 80px;
}

.career-accordion .collapsible-header .left:after {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    margin-top: 5px;
    background: #ff8721;
    text-align: center;
}

.career-accordion .collapsible-header span {
    font-size: 13px;
    letter-spacing: 1.3px;
    font-weight: 600;
    color: #f4811f;
    border-bottom: 2px solid #f4811f;
    display: inline-block;
    float: right;
}

.career-accordion .collapsible-header,
.career-accordion .collapsible-header > .container {
    position: relative;
}

.career-accordion .collapsible-header:hover::before {
    opacity: 1;
    transform: scale(1.1);
}

.career-accordion .collapsible-header.active:before {
    opacity: 1;
    transform: scale(1.1);
}

.career-accordion .collapsible-header:before {
    content: "";
    background-image: url("../../../images/career/career-projectmanager.jpg");
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    opacity: 0;
}

.career-accordion li:nth-child(2) .collapsible-header:before {
    background-image: url("../../../images/career/career-phpdeveloper.jpg");
}

.career-accordion li:nth-child(3) .collapsible-header:before {
    background-image: url("../../../images/career/career-webdesigner.jpg");
}

/* .career-accordion li:nth-child(4) .collapsible-header:before {
    background-image: url("../../../images/career/career-digitalmarketing.jpg");
} */

.career-accordion li:nth-child(4) .collapsible-header:before {
    background-image: url("../../../images/career/career-webdesigner.jpg");
}

.career-accordion .collapsible-header:hover .title,
.career-accordion .collapsible-header.active .title {
    color: #fff;
}

.career-accordion .collapsible-body {
    padding-top: 50px;
    background: #ffffff;
}

.career-accordion .collapsible-body .career-box {
    max-width: 700px;
    margin: 0 auto;
}

.career-box p strong{
    font-size: 18px !important;
}

.career-accordion .collapsible-body p {
    font-size: 18px;
    letter-spacing: 0.6px;
    margin-bottom: 20px;
}

.career-accordion .collapsible-body .header {
    font-weight: bold;
    color: #212121;
    margin-bottom: 10px
}

.career-accordion .collapsible-body ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 40px;
}

.career-accordion .collapsible-body ul li {
    font-size: 17px;
    letter-spacing: 0.9px;
    color: #757575;
    margin-bottom: 20px;
    display: flex;
}

.career-accordion .collapsible-body ul li:before {
    content: "•";
    font-size: 30px;
    color: #f4811f;
    margin-right: 10px;
    line-height: 0.7;
}

.career-accordion .collapsible-body a {
    text-decoration: none;
    color: #f4811f;
}

.career-accordion li {
    margin-top: 0px !important;
}

.career-accordion .collapsible-body {
    display: block !important;
    max-height: 0;
    transition: .6s ease all;
    overflow: hidden;
    padding: 0;
}

.career-accordion .collapsible-body.collapsible-open {
    max-height: unset;
}

.career-accordion .collapsible > li:nth-child(2),
.career-accordion .collapsible > li:nth-child(3),
.career-accordion .collapsible > li:nth-child(5){
    display: none;
}

.career-accordion .collapsible-body .career-box {
    padding: 1rem;
    padding-top: 30px;
}

:focus {
    outline: 0 !important;
}

.responsive-page ul li {
    color: #757575;
}

.itemid-205 ul li {
    font-size: 16px;
    letter-spacing: 0.9px;
    margin-bottom: 8px;
}

#qx-column-6111 {
    z-index: 2;
}

/* Thank you page */
#qx-column-997 {
    position: relative;
}

#qx-text-44110 {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-btn {
    display: flex;
}

.thank-btn .qx-btn {
    letter-spacing: 1.4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 16px 80px;
    border-radius: 0 !important;
    text-shadow: none !important;
    background: #f5821f !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100% !important;
    font-size: 14px !important;
    transition: 0.3s !important;
    border: none !important;
    color: #fff !important;
    margin: 0 20px;
    text-transform: uppercase !important;
}

.thank-btn .qx-btn:hover {
    background: #000 !important;
}

.tp-thumb-image {
    display: none;
}

.formResponsive .rsformVerticalClear + .formValidation .formError,
.formResponsive label + .formValidation .formError {
    position: absolute;
    width: 100%;
    top: -30px;
    left: 0;
    text-align: left;
}

#rsform_11_page_0 .formControls:first-child {
    margin-left: 0;
}

p.formRed {
    text-align: left;
    padding-bottom: 10px;
}

.formResponsive .formBody {
    position: relative;
}
.terms-privacy-page h1 {
    line-height: 40px!important;
}
.terms-privacy-page .tp-caption {
    top: 50%!important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.t3-copyright .partner img{
    max-width: 163px;
    max-height: 63px;
    object-fit: contain;
    width: auto;
}

.t3-copyright .partner a{
    margin-right: 10px;
}

.t3-copyright .partner{
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-default {
        background: none;
        border: 0;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-default .navbar-toggle {
        background: none;
        border: 0;
        color: #fff;
    }

    .navbar-header {
        float: right;
    }

    /* .navbar-collapse.collapse {
        height: auto !important;
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        overflow-y: visible !important;
    }

    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        height: auto !important;
        width: auto !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        display: inline-block !important;
    }
    .navbar-header {
        width: 100%;
        text-align: right;
    }

    .navbar-collapse {
        display: inline-block !important;
    }

    .t3-header {
        overflow-x: hidden;
        padding-left: 40px;
        padding-right: 40px;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background: none;
        color: #fff;
        font-weight: 800;
    }

    .navbar-default .navbar-nav > li > a {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1.3px;
        color: #fffefe !important;
        background: none !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-default .navbar-nav > li {
        padding: 0px 15px;

    }

    .scrolled-header .navbar-default .navbar-nav > li > a {
        color: #000 !important;
    }

    .navbar-default .navbar-toggle {
        background: none;
        border: 0;
        color: #fff;
    }

    .t3-header {
        overflow-x: visible !important;
        padding-left: 40px;
        padding-right: 40px;
        overflow-y: visible !important;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background: none;
        color: #fff;
        font-weight: 800;
    }

    .t3-header.scrolled-header {
        background: #fff;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .t3-header.scrolled-header .navbar-default .navbar-toggle {
        color: #000;
    }

    .navbar-default .navbar-nav > li > a::after {
        content: '';
        display: block;
        width: 0px;
        margin-top: 10px;
        height: 2px;
        background: #fff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .navbar-default .navbar-nav > li > a:hover::after {
        width: 100%;
    }

    .navbar-default .navbar-nav > li > a .caret {
        display: none !important;
    }

    .mega-dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-radius: 0px;
        margin-top: -1px !important;
    }

    .mega-dropdown-menu a {
        background: none !important;
        color: #263238;
        letter-spacing: 1.3px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .mega-dropdown-menu a:hover {
        margin-left: 10px;
    }

    .mega-dropdown-menu a:hover::before {
        content: '';
        color: #ff8721;
        margin-right: 10px;
        border-left: 2px solid;
    }*/
}

/*404 PAGE*/

.four-zero-four-page .top-logo {
    margin-left: 44px;
    margin-top: 23px;
}

.four-zero-four-content {
    margin-top: 50px;
    padding-bottom: 50px
}

.four-zero-four-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.four-zero-four-content .header::first-letter {
    color: #f5821f;
}

.four-zero-four-content .header {
    font-size: 124px;
    font-weight: bold;
    letter-spacing: 6.2px;
}

.four-zero-four-content .subheader {
    font-size: 32px;
    max-width: 498px;
    font-weight: 600;
    letter-spacing: 1.6px;
    margin-bottom: 20px
}

.four-zero-four-content .small {
    font-size: 18px;
    letter-spacing: 0.5px;
}

.four-zero-four-content ul {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 20px
}

.four-zero-four-content ul li {
    margin-bottom: 10px
}

.four-zero-four-content ul a {
    font-size: 18px;
    color: #757575;
    text-decoration: none;
    letter-spacing: 0.5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.four-zero-four-content ul a:hover {
    color: #f5821f;
}

.four-zero-four-content img {
    width: 100%;
}

/* Promotion Page */
.promotion-menu,
.t3-megamenu li:nth-child(7){
    display: none !important;
}
.itemid-227 #t3-mainnav {
    visibility: hidden;
}
.promotion-banner .qx-row {
    display: flex;
    align-items: center;
}
.promotion-banner hr {
    margin: 10px 0;
}
.promotion-banner #qx-text-8160 {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 37px;
    padding-left: 35px;
}
#rsform_14_page_0,
#rsform_16_page_0 {
    width: 100%;
    max-width: 333px;
    margin-left: auto;
    color: #fff;
    text-align: center;
    padding: 50px 0;
}
#rsform_14_page_0 h3,
#rsform_16_page_0 h3{
    margin-top: 0;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}
#rsform_14_page_0 p,
#rsform_16_page_0 p {
    font-size: 12px;
    margin-bottom: 0;
    position: relative;
}
.promotion-form {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255,255,255,0.2);
    padding: 25px 50px;
}
.promotion-form input {
    width: 98.3%;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
    padding-bottom: 10px !important;
    position: relative;
    background: none !important;
}
.digitalisation-hero:after {
    content:"";
    width: 18px;
    height:40px;
    margin: 0 auto;
    position: absolute;
    background: url('/images/digitalisation/heroarrow.png');
    right: 0;
    left: 0;
}
.O2O_button_orange {
    padding:0!important;
    background:none!important;
}
.O2O_button_orange {
    max-width: 176px!important;
    max-height: 52px!important;
}
.O2O_button_orange a {
    max-width: 176px!important;
    max-height: 52px!important;
    padding: 14px 28px!important;
    font-size: 14px!important;
    background-color: rgb(255,135,33);
}
.O2O_button_orange > div a{
    font-size: 14px!important;
}
.O2O_button_orange > div a .fa {
    margin-left: 10px!important;
}
.promotion-form .up-placeholder {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 4px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    color: #fff;
}
.promotion-form .form-input p:after  {
    content: '';
    display: block;
    width: 0;
    margin-top: -10px;
    height: 1px;
    background: #fff !important;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}
.promotion-form .form-input p.active:after {
    width: 100%;
}

.promotion-form  input:focus ~ .up-placeholder,
.promotion-form input:not(:focus):valid ~ .up-placeholder {
    top: -18px;
    bottom: 100px;
    left: 0;
    font-size: 11px;
    opacity: 1;
    color: #ffffff;
}
#rsform_14_page_0 .promotion-form > p
#rsform_16_page_0 .promotion-form > p{
    margin-bottom: 25px;
}
.promotion-form #g-recaptcha-121,
.promotion-form #g-recaptcha-133 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -40px;
}
.promotion-form #promotionsubmit {
    background: #f5821e;
    padding: 10px 30px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    border-radius: 0;
    transition: 0.3s;
}
.promotion-form #promotionsubmit:hover {
    background: #000;
}
.promotion-content-1 {
    margin-top: 30px;
}
.promotion-content-1 #qx-row-2375 {
    display: flex;
    justify-content: center;
}
.promotion-content-1 .qx-blurb-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
}
.promotion-content-1 .qx-blurb-content p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 15px;
}
.promotion-content-1 #qx-button-4129 a.qx-btn {
    padding: 13px 20px;
    border-radius: 0;
    letter-spacing: 1.4px;
}
.promotion-content-1 #qx-button-4129 a.qx-btn:hover {
    border-color: #000;
}
.promotion-content-2 {
    margin-top: 50px;
    padding: 85px
}
.promotion-content-2 .qx-row {
    display: flex;
    align-items: center;
}
.promotion-content-2  p {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    line-height: 37px;
}
.promotion-content-3 {
    margin: 35px 0
}
.promotion-content-3 ul li p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 15px
}
.promotion-content-2 p a {
    color: #fff;
    background: #f5821e;
    padding: 13px 20px;
    font-size: 14px;
    transition: .2s ease all;
    letter-spacing: 1.4px;
    font-weight: 400;
}
.promotion-content-2 p a:hover {
    background: #000;
    text-decoration: none;
}
.promotion-content-3 ul li a {
    color: #f5821e;
}
.col-md-20 {
    width: 20%;
    float: left;
}
.promotion-content-4 {
    margin-bottom: 30px
}
.promotion-content-4 #qx-column-402062 .qx-element-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.promotion-content-4 .qx-element-image {
    margin-top: 30px;
}
.promotion-content-5 .contact-us-form .form-input {
    width: 50%;
    float: left;
    padding: 0 15px;
}
.promotion-content-5  .o2o-contact-form {
    max-width: 70%;
    margin: auto;
}
.promotion-content-5 .contact-us-form .up-placeholder {
    color: rgba(255,255,255,0.4);
}
.promotion-content-5 .contact-us-form .form-input p:after {
    background: #fff !important;
}
.promotion-content-5 .contact-us-button button {
    max-width: 216px;
    float: left;
    margin-left: 0;
}
.promotion-content-5 .contact-us-button button:hover {
    background: #000 !important;
}
.promotion-content-5 .contact-us-form input:focus~.up-placeholder,
.promotion-content-5 .contact-us-form input:not(:focus):valid~.up-placeholder {
    color: #fff;
}

/* New Promotion Banner */
.promotion-banner-detail hr {
    margin-top: 0 !important;
}
.promotion-banner-detail p {
    font-size: 16px !important;
    font-weight: normal !important;
}
.promotion-banner-detail p a {
    font-size: 14px !important;
    display: block;
    color: #fff !important;
    background: #f5821f;
    max-width: 122px !important;
    text-align: center;
    /*margin: auto !important;*/
    margin-top: 25px !important;
    font-weight: 600 !important;
}
.promotion-banner-detail p a:hover {
    text-decoration: none;
    background: #000;
}
.reflection-video {
    transform: rotate(180deg) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;
    opacity: 0.2 !important;
}
.formResponsive .formError {
    color: #fff;
}
.promotion-banner input,
.promotion-content-5 input {
    color: #fff !important;
}

.O2O_button_orange a {
color:#fff!important;
}
.qx-open .qx-accordion_icon .qxio-plus:before {
    content:"\ee95"!important;
}
@media (max-width:1600px) {
    .t3-megamenu .mega > .mega-dropdown-menu {
        left: 280px;
    }

    .testimonial-left img {
        height: 80vh;
    }

    /* .right-peridot {
        align-self: flex-start;
        margin-top: 6%;
    } */

    .right-peridot img {
        max-width: 20% !important;
    }
}

@media (max-width:1440px) {
    .t3-megamenu .mega > .mega-dropdown-menu {
        left: 215px
    }
}

@media(min-width:1200px) {
    /* #qx-slider-pro-312013 .qx-slide__container {
        min-height:560px;
    } */
}

@media (max-width:1200px) {

    .digitalisation-grant .qx-shape-top svg  {
        height: 40px!important;
    }
    .t3-megamenu .mega > .mega-dropdown-menu {
        left: 175px;
        top: -137px;
    }

    .t3-megamenu ul li a {
        font-size: 26px;
        line-height: 35px;
    }

    .t3-megamenu .mega > .mega-dropdown-menu ul li a {
        font-size: 20px;
        line-height: 40px;
    }

    .home-testimonial .qx-slide__content .testimonial-right {
        font-size: 17px;
        padding: 0 30px;
    }

    /* About Us */
    .about-us-description .home-product-bg img {
        max-width: 100%;
    }

    /* Thank You Page */
    #qx-text-44110 {
        bottom: 20px;
    }

    /* Promotion Page */
    .promotion-banner #qx-text-8160 {
        font-size: 30px;
    }
    .promotion-content-2 {
        padding: 45px 0;
    }
}

@media (max-width:992px) {

    .digitalisation-grant .qx-shape-top svg  {
        height: 40px!important;
    }
    .t3-megamenu {
        width: 60%;
    }

    .home-products .qx-element-button {
        text-align: center !important;
    }

    .home-products a.qx-btn-link {
        margin-left: 0;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
    }

    .home-product-img img {
        max-width: 100%;
    }

    .full-screen-height.home-products {
        height: 78vh;

    }

    .home-products p {
        text-align: justify;
    }

    .home-about.full-screen-height {
        height: 70vh;
    }

    .home-testimonial .qx-slide__content .testimonial-right {
        font-size: 16px;
    }

    #qx-slider-pro-312013 .qx-slide__container {
        height: 70vh;
    }

    .t3-footer .footer-menu {
        padding: 40px 0;
    }

    .t3-footer .footer-menu .col-sm-6 {
        margin-bottom: 30px;
        min-height: 185px;
    }

    /* About Us */

    .achievement .qx-nc-number {
        font-size: 70px;
    }

    .achievement .plus-counter .qx-nc-number:after {
        font-size: 30px;
    }

    .what-we-do .qx-row:first-child {
        margin-bottom: 100px;
    }

    .marketing-objective p {
        font-size: 25px;
        margin-bottom: 30px;
    }

    /* Thank You Page */
    .thank-btn .qx-btn {
        padding: 10px 50px;
    }

    #qx-text-44110 {
        bottom: 15px;
    }

    /* Promotion Page */
    .promotion-banner #qx-text-8160 {
        padding-left: 0;
    }
    .promotion-content-1 #qx-text-3814 span,
    .promotion-content-3 #qx-text-531549 span,
    .promotion-content-4 #qx-text-51865 span{
        font-size: 30px !important;
    }
    .promotion-content-1 .qx-blurb-content p {
        min-height: 180px;
    }
    #qx-button-4129 {
        text-align: center;
    }
}

@media(min-width:768px) {
    .navbar-header .hidden {
        display: block !important;
    }

    .t3-megamenu {
        width: 100%;
        padding-right: 30px;
    }

    .t3-megamenu ul {
        flex-direction: row;
    }

    .navbar-default .navbar-toggle {
        display: none;
    }

    .t3-megamenu ul li a {
        background: none !important;
        font-size: 18px;
        line-height: 40px;
        letter-spacing: 1px;
        color: #fff !important;
    }

    .navbar-default .navbar-nav > .dropdown > a .caret {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        border-top-color: #fff !important;
        border-bottom-color: #fff !important;
    }

    .t3-megamenu .mega-nav,
    .t3-megamenu .dropdown-menu .mega-nav {
        flex-direction: column;
    }

    .t3-megamenu .mega > .mega-dropdown-menu {
        top: 100%;
        background: #fff;
        width: 230px;
        min-width: 230px;
        left: 0 !important;
        right: auto !important;

    }

    .t3-megamenu .mega > .mega-dropdown-menu ul li a:hover:before {
        width: 30px;
    }

    .t3-megamenu .mega > .mega-dropdown-menu ul li a {
        color: #555 !important;
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: 0.4px;
    }

    .t3-megamenu .mega > .mega-dropdown-menu ul li a:hover,
    .t3-megamenu .mega > .mega-dropdown-menu ul li a:focus {
        color: #555 !important
    }

    .scrolled-header .t3-megamenu ul li a {
        line-height: 15px;
        font-size: 16px;
        color: #555 !important;
    }

    .scrolled-header .navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #555 !important;
        border-bottom-color: #555 !important;
    }

    .navbar-default .navbar-nav.sub-menu-open > .dropdown > a .caret {
        border-top-color: #f4811f !important;
        border-bottom-color: #f4811f !important;
    }
}

@media (max-width:767px) {


        .digitalisation-grant .qx-shape-top svg  {
            height: 20px!important;
        }
    .itemid-120 .t3-wrapper .t3-megamenu > ul > li > a{
        color: #fff !important;
    }

    .google-partner img{
        max-width: 50%;
    }

    .navbar-nav .opened .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .t3-megamenu ul li a {
        text-align: center;
    }

    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        display: block !important;
        height: 100% !important;
        overflow: hidden !important;
        -webkit-transition: none;
        transition: none;
        display: inline-block !important;
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        background: #fff;
        opacity: 0;
        z-index: -10;
        pointer-events: none;
    }

    .navbar-collapse.immediate-close {
        opacity: 0 !important;
    }

    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        opacity: 1;
        z-index: 10;
        pointer-events: auto;
    }

    .navbar-header .navbar-nav {
        margin: 40px 0;
    }

    .navbar-toggle {
        display: block;
        cursor: pointer;
    }

    .navbar-default {
        background: none;
        border: 0;
    }

    .navbar-header {
        width: 100%;
        text-align: right;
    }

    .navbar-collapse {
        display: inline-block !important;
    }

    .t3-header {
        overflow-x: hidden;
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background: none;
        color: #000;
        font-weight: 800;
    }

    .navbar-default .navbar-nav > li > a {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1.3px;
        color: #000;
        text-align: center;
    }

    .scrolled-header .navbar-default .navbar-nav > li > a {
        color: #000;
    }

    .navbar-default .navbar-toggle {
        background: none;
        border: 0;
        color: #fff;
    }

    /*.t3-header.scrolled-header,
    .t3-header.mobile-focused {
        background: #fff;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .t3-header.scrolled-header .navbar-default .navbar-toggle,
    .t3-header.mobile-focused .navbar-default .navbar-toggle {
        color: #000;
    }*/
    .t3-megamenu {
        width: 100%;
        height: 100%;
    }

    .t3-megamenu ul {
        align-items: center;
        height: 100%;
        justify-content: center;
        display: block;
        margin-top: 100px;
    }

    .t3-megamenu ul li a {
        text-align: left;
    }

    ul.level0,
    ul.level0 .mega-dropdown-menu {
        transition: .5s ease all;
    }

    ul.level0 {
        position: absolute;
        left: 30px;
    }

    .sub-menu-open {
        left: -150px !important;
    }

    .sub-menu-open .mega-dropdown-menu,
    ul.level0 .mega-dropdown-menu {
        position: absolute !important;
        left: 200px !important;
        min-width: 260px !important;
        top: -120px;

    }

    .t3-navbar.menu-animation .circle {
        width: 250vw;
        height: 250vw;
    }

    .mobile-focused .logo-wrapper .logo-white {
        opacity: 0;
    }

    .mobile-focused .logo-wrapper .nav-logo {
        opacity: 1;
    }

    .full-screen-height > .qx-container > .qx-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .full-screen-height > .qx-container > .qx-row > .qx-column {
        width: 100%;
    }

    div#qx-column-0249,
    #qx-column-29586,
    div#qx-column-75205,
    div#qx-column-581405,
    #qx-column-371693,
    div#qx-column-241657,
    div#qx-column-281726 {
        margin-left: 0px;
    }

    #qx-column-4799 {
        margin-left: 0px;
    }

    .home-products h3 {
        margin-top: 30px;
        text-align: center;
    }

    .home-products p {
        text-align: center;
        margin-left: 0;
    }

    .home-products p:before {
        display: none;
    }

    .home-product-bg {
        opacity: 0.4;
    }

    .home-product-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .home-product-text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .testimonial-left {
        width: 100%
    }

    .home-about h2 {
        font-size: 24px;
    }

    .home-about p {
        font-size: 18px;
    }

    .home-about .background-title h2 {
        display: none;
    }

    #qx-section-37635.home-products:after {
        display: none;
    }

    .home-products {
        overflow: hidden;
    }

    .home-products .qx-column {
        display: block;
    }

    .full-screen-height > .qx-container > .qx-row {
        height: auto;
    }

    .full-screen-height.home-products {
        height: auto;
    }

    .testimonial-left img {
        height: auto;
        display: none;
    }

    .home-testimonial .slick-next {
        left: initial;
        top: 55px;
        right: 5%;
    }

    .home-testimonial .qx-slide__content {}

    .testimonial-left img {
        height: auto;
        display: none;
    }

    #qx-slider-pro-312013 .qx-slide__container {
        height: auto;
    }

    .home-testimonial .qx-slide__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .testimonial-right {
        width: 100%;
        min-height: 280px !important;
        padding: 30px !important;
    }

    .t3-footer .footer-menu {
        text-align: center;
    }

    .t3-footer .footer-menu h4:after {
        font-family: "Font Awesome 5 Free", FontAwesome, sans-serif;
        font-weight: 900;
        content: "\f107";
        float: right;
    }

    .t3-footer .footer-menu h4.arrow-up:after {
        content: "\f106";
    }

    .t3-footer .footer-menu h4 {
        text-align: center;
        min-height: 0;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 20px;
    }

    /*.t3-footer .footer-menu h4.arrow-up {
        border: none;
        padding-bottom: 0;
    }
    .t3-footer .footer-menu h4.arrow-up + ul, .t3-footer .footer-menu h4.arrow-up + p {
        border-bottom: 1px solid rgba(0,0,0, 0.1);
        padding-bottom: 20px;
    }
*/
    .t3-footer .footer-menu .col-sm-6 {
        min-height: 0;
    }

    .t3-footer .footer-menu ul.fa-ul {
        text-align: left;
        margin: 0 auto;
        max-width: 155px;
        padding-left: 28px;
    }

    .copyright {
        text-align: center;
    }

    .social-icon {
        text-align: center;
        margin-top: 10px;
    }

    /* About Us */
    .about-us-description .content p {
        margin: auto;
        max-width: 100%;
    }

    .rotating-text {
        transform: none;
        -webkit-transform: none;
    }

    .home-product-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0px;
    }

    .home-product-text + .qx-column {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .rotating-text p:after {
        margin-top: 5px;
    }

    div#qx-section-261898 {
        padding-top: 0;
    }

    .about-us-description .home-product-bg img {
        max-width: 590px;
    }

    .what-we-do .qx-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .rotating-box {
        width: 100%;
    }

    .what-we-do .rotating-text p {
        margin: auto;
    }

    .what-we-do {
        padding-top: 100px;
        position: relative;
    }

    .what-we-do h3 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
    }

    .what-we-do .qx-row:first-child {
        margin-bottom: 20px;
    }

    .achievement .qx-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .rotating-text p {
        margin: auto;
        margin-bottom: 20px !important;
    }

    .experience .qx-row {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .marketing-objective p {
        font-size: 16px;
    }

    .about-contact {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .footer-menu h4 {
        cursor: pointer;
    }

    .footer-menu h4 + ul {
        display: none;
    }

    .footer-menu h4 + p {
        display: none;
    }

    .about-us-description {
        padding-top: 100px;
    }

    .about-us-description .home-product-bg.home-product-bg-right {
        position: relative;
        top: 35vw;
    }

    .about-us-description .home-product-bg.home-product-bg-right .parallax-img {
        overflow-y: hidden;
    }

    .about-us-description .content .title p {
        font-size: 18px !important;
        margin-bottom: 28px;
    }

    .about-us-description .content p {
        font-size: 16px;
    }

    .home-body-title p {
        display: none;
    }

    .what-we-do-ctn p {
        font-size: 16px;
        letter-spacing: 0.4px;
    }

    .wwd-bottom .ctn p {
        font-size: 16px;
    }

    .what-we-do {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .rotating-text p {
        width: 100%;
        text-align: center !important;
    }

    .rotating-text p:after {
        margin: 0 auto;
        margin-top: 5px;
    }

    .achievement .qx-nc-number {
        font-size: 79px;
    }

    .achievement .qx-nc-title {
        margin-bottom: 50px;
    }

    .achievement {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .marketing-objective .title h2 {
        font-size: 30px;
    }

    .contact-map h3 {
        font-size: 30px;
        margin-bottom: 40px;
        letter-spacing: 1.5px;
    }

    .about-contact .header p {
        font-size: 26px;
    }

    .experience h3 {
        font-size: 30px;
    }

    .itemid-204 .home-products .parallax-img img {
        width: 60% !important;
    }

    #qx-column-4799,
    #qx-row-12157 {
        margin-top: 50px;
    }

    #qx-image-50152 {
        position: relative;
        margin-top: -10vw;
    }

    #qx-image-91153 {
        position: absolute;
        top: 0;
        right: -20vw;
        width: 90%;
    }

    .ca-header {
        font-size: 24px !important;
        margin-bottom: 30px;
        margin-top: 50px;
        letter-spacing: 1.2px !important;
    }

    .ca-header br {
        display: none;
    }

    .wd-process-box h2 {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .wd-process-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .wd-process-box .qx-element-custom-html {
        display: none;
    }

    .wd-process-box .qx-row:nth-child(2) {
        margin-bottom: 0px;
    }

    .o2o-new-form {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .o2o-new-form h3 {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .o2o-enquiry-form .fill-in p {
        width: 100%;
    }

    .o2o-enquiry-form .formBody label {
        width: 100%;
        text-align: left;
    }

    .o2o-new-form .row {
        margin-bottom: 0px;
    }

    .sub-button {
        display: block;
        text-align: left;
    }

    .form-input.recaptcha {
        transform: scale(1);
    }

    .o2o-enquiry-form .sub-button input {
        margin-left: 0px;
        width: 100%;
    }

    .o2o-enquiry-form .sub-button .form-input {
        display: block;
    }

    .home-about.full-screen-height {
        height: 66vh;
    }

    .portfolio-experiment a {
        margin-bottom: 25px;
    }

    .christyng-vd .html5vid video {
        transform: none;
    }

    .tp-bullets.simplebullets.custom .bullet {
        height: 10px;
        width: 40px;
    }

    .itemid-211 .tp-caption.o2o_career_title,
    .o2o_career_title h1 {
        font-size: 32px !important;
        max-width: 100% !important;
        width: 100% !important;
        left: 0 !important;
        top: 40% !important;
        color: #fff !important;
        text-align: center !important;
        font-weight: 800 !important;
    }

    .itemid-211 .tp-caption.o2o_career_text,
    .o2o_career_text {
        font-size: 18px !important;
        max-width: 100% !important;
        width: 100% !important;
        left: 0 !important;
        top: 55% !important;
        line-height: 1.39 !important;
        padding: 0 10px !important;
        color: #fff !important;
        text-align: center !important;
    }

    .itemid-211 .tp-fullwidth-forcer,
    .itemid-211 .slotholder .tp-bgimg,
    .itemid-211 .slideshow .rev_slider_wrapper,
    .itemid-211 .slideshow .rev_slider_wrapper .rev_slider {
        height: 300px !important;
        box-shadow: none !important
    }

    .career-accordion .collapsible-header .left {
        display: none;
    }

    .career-accordion .collapsible-header .title {
        font-size: 24px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .career-accordion .collapsible-header {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .career-accordion .collapsible-body .career-box {
        padding: 25px 10px;
    }

    .career-accordion .collapsible-header span {
        float: none;
    }

    .portfolio-tab .tabs a {
        font-size: 14px;
        text-transform: capitalize;
        margin: 0px 24px;
    }

    .portfolio-tab .tabs a::after {
        display: none;
    }

    .portfolio-tab .tabs {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    #qx-button-221971 {
        text-align: center !important;
    }

    .portfolio-tab .tab a:before {
        display: block;
        height: 24px;
        width: 24px;
        content: "";
        background-image: url("../../../images/portfolio/all-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        margin: 0 auto 5px;
    }

    .portfolio-tab .tab:nth-child(2) a:before {
        background-image: url("../../../images/portfolio/corporate-icon.svg");
    }

    .portfolio-tab .tab:nth-child(3) a:before {
        background-image: url("../../../images/portfolio/ecommerce-icon.svg");
    }

    .portfolio-tab .tab:nth-child(4) a:before {
        background-image: url("../../../images/portfolio/microsite-icon.svg");
    }

    .portfolio-tab .tab:nth-child(5) a:before {
        background-image: url("../../../images/portfolio/other-icon.svg");
    }

    .portfolio-tab .tab:nth-child(1) a:hover::before,
    .portfolio-tab .tab:nth-child(1) a.active:before {
        background-image: url("../../../images/portfolio/all-icon-active.svg");
    }

    .portfolio-tab .tab:nth-child(2) a:hover::before,
    .portfolio-tab .tab:nth-child(2) a.active:before {
        background-image: url("../../../images/portfolio/corporate-icon-active.svg");
    }

    .portfolio-tab .tab:nth-child(3) a:hover::before,
    .portfolio-tab .tab:nth-child(3) a.active:before {
        background-image: url("../../../images/portfolio/ecommerce-active.svg");
        background-size: 22px
    }

    .portfolio-tab .tab:nth-child(4) a:hover::before,
    .portfolio-tab .tab:nth-child(4) a.active:before {
        background-image: url("../../../images/portfolio/microsite-icon-active.svg");
    }

    .portfolio-tab .tab:nth-child(5) a:hover::before,
    .portfolio-tab .tab:nth-child(5) a.active:before {
        background-image: url("../../../images/portfolio/other-icon-active.svg");
    }

    #qx-column-57275,
    #qx-column-78277,
    #qx-column-38279,
    .sem-flow-container .col-sm-2:nth-child(2),
    .sem-flow-container .col-sm-2:nth-child(3),
    .sem-flow-container .col-sm-2:nth-child(4),
    .sem-flow-container .col-sm-2:nth-child(5),
    .sem-client #qx-row-531046 > .qx-column:not(:nth-child(1)) {
        display: none;
    }

    .owl-loaded #qx-column-57275,
    .owl-loaded #qx-column-78277,
    .owl-loaded #qx-column-38279,
    .owl-loaded .sem-flow-container .col-sm-2:nth-child(2),
    .owl-loaded .sem-flow-container .col-sm-2:nth-child(3),
    .owl-loaded .sem-flow-container .col-sm-2:nth-child(4),
    .owl-loaded .sem-flow-container .col-sm-2:nth-child(5),
    .owl-loaded .sem-client #qx-row-531046 > .qx-column:not(:nth-child(1)) {
        display: block;
    }

    /* Contact Us */
    .o2o-contact-form {
        max-width: 100%;
    }

    .contact-us-button #g-recaptcha-80 {
        margin-left: 0;
        justify-content: center;
    }

    .contact-us-box {
        margin-top: 50px;
    }

    /* Home Page */
    .tp-fullwidth-forcer,
    .slideshow .rev_slider_wrapper,
    .slideshow .rev_slider_wrapper .rev_slider {
        height: 430px !important;
    }

    .tp-fullwidth-forcer {
        height: 560px !important;
    }

    ul.tp-revslider-mainul li {
        overflow: visible !important;
    }

    .slideshow .rev_slider_wrapper .rev_slider {
        box-shadow: 0 20px 350px rgba(0, 0, 0, 0.4);
    }

    .logo-wrapper img {
        width: 89px;
        height: 43px;
        left: 15px !important;
    }

    .slideshow .slotholder + .tp-caption + .tp-caption img {
        margin-left: -220px;
        margin-top: 60px !important;
        width: auto !important;
        height: 100% !important;
    }

    /*.slideshow .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: 300px !important;
        left: auto !important;
        right: auto !important;
        padding: 0 15px;
    }*/

    .slideshow .slotholder + .tp-caption + .tp-caption + .tp-caption img {
        width: 100% !important;
        height: auto !important;
    }

    .slideshow .o2o_slideshow_title {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        max-height: 100% !important;
        top: 100px !important;

    }

    .slideshow .o2o_slideshow_title div h1 {
        font-size: 28px !important;
        line-height: 34px !important;
        text-align: center;
        width: 80%;
        margin: auto !important;
    }

    .slideshow .o2o_slideshow_text {
        max-height: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        left: 0 !important;
        top: 235px !important;
    }

    .slideshow .o2o_slideshow_text div {
        font-size: 16px !important;
        line-height: 18px !important;
        text-align: center;
        width: 60%;
        margin: auto !important;
    }

    .rev_slider embed,
    .rev_slider iframe,
    .rev_slider object,
    .rev_slider video {
        width: 100% !important;
        height: auto !important;
    }

    .tp-videolayer {
        left: 0 !important;
        padding: 0 15px !important;
        top: 335px !important;
    }

    .home-products {
        overflow: visible;
    }

    .home-product-bg {
        width: 100%;
        top: 160px;
        opacity: 1;
    }

    .home-products .qx-element-image img {
        width: 100%;
        height: auto;
    }

    .home-products h3 {
        margin-top: 60px;
        text-align: left;
        text-transform: capitalize;
        letter-spacing: 0.45px;
    }

    .home-products p {
        text-align: left;
    }

    #qx-column-52574,
    #qx-column-7960 {
        order: 2;
    }

    #qx-column-51577,
    #qx-column-81963 {
        order: 1;
    }

    .home-product-bg.home-product-bg-right > .qx-column {
        padding-right: 0;
        padding-left: 0;
    }

    .home-product-bg {
        left: 0;
    }

    #qx-column-612085 {
        padding-left: 0;
        padding-right: 0;
    }

    .home-about {
        padding: 5px 0;
    }

    div#qx-image-72585 img {
        width: 55%;
        float: right;
        margin-bottom: 25px;
    }


    /* Ecommerce Page */
    .slideshow-ecommerce .slideshow-img-shadow {
        height: 100%;
        width: 100%;
        justify-content: center;
        left: 0 !important;
        padding: 0 15px;
        top: 300px !important;
    }

    /*    .slideshow-ecommerce .slideshow-img-shadow img {
        width: 100% !important;
        height: auto !important;
    }*/

    .slideshow-ecommerce .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: 205px !important;
    }

    .slideshow-ecommerce .o2o_slideshow_title div h1 {
        width: 67%;
    }

    .slideshow-ecommerce .slotholder .tp-bgimg {
        background-position: left bottom !important;
    }

    .slideshow-ecommerce .slotholder + .tp-caption + .tp-caption img {
        margin-left: 30px;
        width: 75% !important;
        height: auto !important;
        margin-top: 260px !important;
    }

    .slideshow-ecommerce .o2o_slideshow_text {
        top: 205px !important;
    }

    .home-products {
        padding-bottom: 70px;
    }

    .responsive-page .ecom-title {
        font-size: 24px !important;
        margin-top: 50px;
    }

    .responsive-page .home-product-text {
        order: 2;
    }

    .responsive-page .home-product-text + .qx-column {
        order: 1;
    }

    .responsive-page .home-products .qx-element-image img {
        width: 60%;
        margin: auto;
    }

    div#qx-image-481692 img {
        width: 65%;
    }

    .responsive-page .home-product-bg.home-product-bg-right img {
        width: 100%;
    }

    .responsive-page .home-product-bg .invisible-slide-right img {
        width: 100%;
    }

    #qx-column-87208,
    #qx-column-271696 {
        padding: 0;
    }

    #qx-image-871903 img {
        width: 100%;
    }

    .responsive-page .wd-client-box h2 {
        padding-left: 0;
        font-size: 24px;
        text-align: center;
        margin-top: 20px;
    }

    .responsive-page .wd-client-box > .row {
        flex-direction: column;
    }

    .responsive-page .wd-client-box .nav-tabs {
        padding-left: 0;
    }

    .responsive-page .wd-client-box .nav-tabs li a {
        font-size: 14px;
    }


    .itemid-204 .slideshow-ecommerce .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: 295px !important;
    }

    .itemid-204 .slideshow-ecommerce .slotholder .tp-bgimg {
        background-position: right bottom !important;
    }

    .wd-client-box .col-sm-6:last-child {
        display: none;
    }

    .wd-client-box .owl-item > div {
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 20px;
    }

    .wd-client-box .owl-item > div img {
        margin-bottom: 20px;
    }

    /* Ecommerce e*/
    .design-section-1 .section-1 h3 {
        margin-top: 0px;
    }

    .section-1 .sub-item .title {
        color: #263238;
    }

    .itemid-205 ul li {
        color: #757575;
    }

    .slideshow-ecommerce .slideshow-img-shadow img {
        width: 60% !important;
    }

    .slideshow-ecommerce .slideshow-img-shadow {
        text-align: center;
    }

    .ecom-video .html5vid video {
        width: 130px !important;
        margin: auto;
        border-radius: 30px;
    }

    .slideshow-ecommerce .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        width: 100%;
    }

    .ecom-video .html5vid:after {
        background-size: contain;
    }



    /* Contact Us */
    .slideshow-contact .slotholder + .tp-caption {
        left: 15px !important;
        top: -25px !important;
    }

    .slideshow-contact .slotholder + .tp-caption img {
        width: 100% !important;
        height: auto !important;
    }

    .slideshow-contact .o2o_slideshow_title {
        font-size: 28px !important;
        white-space: normal !important;
        padding: 0 50px !important;
        text-align: center;
        line-height: 34px !important;
        bottom: 50px;
        top: initial !important;
        letter-spacing: 1.4px !important;
    }

    .slideshow-contact .o2o_slideshow_title h1 {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .slideshow-contact .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: initial !important;
        bottom: 35px !important;
        width: 100%;
        text-align: center;
    }

    .slideshow-contact .slotholder + .tp-caption + .tp-caption + .tp-caption img {
        height: 24px !important;
        width: auto !important;
    }

    .slideshow-contact .tp-fullwidth-forcer {
        height: 440px !important;
    }

    .contact-us-box {
        margin-top: 35px;
    }

    .slideshow-contact .rev_slider_wrapper .rev_slider {
        box-shadow: none;
    }

    .contact-us-header {
        font-size: 24px;
        letter-spacing: 1.2px;
    }

    .contact-us-header .first-orange {
        color: #ff8721;
    }

    .contact-blob-child {
        left: 0;
        align-items: center;
    }

    .contact-us-socmed .header,
    .contact-us-find .header {
        font-size: 24px;
        letter-spacing: 0.6px;
        text-align: center;
    }

    .contact-us-socmed ul li,
    .contact-us-find ul li {
        margin-left: 15px;
        margin-right: 15px;
    }

    #qx-column-6111 {
        padding: 0;
        z-index: 2;
    }

    .contact-us-button #g-recaptcha-80 {
        transform: scale(1);
        display: block;
        margin-left: 0px;
    }

    .contact-us-socmed {
        margin-bottom: 30px;
    }

    .itemid-174 .slideshow .o2o_slideshow_text {
        top: 190px !important;
    }

    .itemid-174 .slideshow .o2o_slideshow_title {
        top: 140px !important;
    }

    .itemid-174 .tp-fullwidth-forcer,
    .itemid-225 .tp-fullwidth-forcer {
        height: 330px !important;
    }

    /* Web Hosting */
    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: 325px !important;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        top: 335px !important;
        left: 215px !important;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption img {
        width: 80% !important;
        height: auto !important;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        top: 290px !important;
        left: 20px !important;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption img {
        width: 55% !important;
        height: auto !important;
    }

    .slideshow-hosting .rev_slider_wrapper .rev_slider {
        box-shadow: none;
    }

    .slideshow-hosting .tp-fullwidth-forcer {
        height: 540px !important;
    }

    .slideshow-hosting .o2o_slideshow_text {
        top: 165px !important;
    }

    .slideshow-hosting .o2o_slideshow_text div {
        width: 70%;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        top: 270px !important
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption img {
        width: 50% !important;
        height: auto !important;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        top: 300px !important;
        left: 210px !important;
    }

    .slideshow-hosting .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption img {
        width: 50% !important;
        height: auto !important;
    }

    .web-hosting .home-about h2 {
        font-size: 30px;
    }

    #qx-text-561117 p {
        font-size: 30px;
    }

    .feature-title {
        padding: 50px 0 25px
    }

    #qx-image-63310 img {
        display: none;
    }

    .wh-feature-1 a {
        pointer-events: none;
    }

    .wh-feature-1 a:hover,
    .wh-feature-1 a:active {
        background: none !important;
    }

    .wh-feature-1 .active a {
        background: none !important;
    }

    .wh-feature-1 .active span,
    .wh-feature-1 a span {
        color: #212121 !important;
    }

    .wh-feature-1 a svg .cls-1 {
        fill: #f4811f;
    }

    .web-hosting .tab-content {
        display: none;
    }

    #qx-column-872365 {
        order: 1;
    }

    #qx-column-872361 {
        order: 2;
    }

    #qx-row-112367 {
        top: 590px;
    }

    #qx-image-882362 img {
        width: 70%;
        margin: auto;
    }

    #qx-image-882362 {
        margin-top: 100px;
    }

    #qx-button-221971 {
        text-align: center;
    }

    .wh-contact h3 {
        font-size: 24px;
        letter-spacing: 1.2px;
    }

    /* SEO */
    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption img {
        width: 60% !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption > div {
        text-align: center;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        bottom: -27px !important;
        left: 230px !important;
        top: initial !important;
    }

    .itemid-206 .slideshow .o2o_slideshow_text {
        top: 165px !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: initial !important;
        left: 0px !important;
        bottom: -135px;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption img {
        width: 60% !important;
        height: auto !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        bottom: 0px !important;
        left: 185px !important;
        top: initial !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption img {
        width: 60% !important;
        height: auto !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        bottom: 35px !important;
        left: 125px !important;
        top: initial !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption + .tp-caption img {
        width: 60% !important;
        height: auto !important;
    }

    .slideshow-seo .rev_slider_wrapper .rev_slider {
        box-shadow: none;
    }

    .seo .home-about h2 {
        font-size: 30px;
        margin-top: 30px;
    }

    div#qx-row-41271 {
        margin: 0;
        margin-top: 45px;
    }

    .seo-services-title {
        font-size: 30px;
        letter-spacing: 1.5px;
    }

    .seo-services .ctn {
        margin-bottom: 30px;
    }

    #qx-text-6567 .row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;

    }

    #qx-text-6567 .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        top: 0%;
        font-size: 40px;
    }

    .seo-services .ctn {
        margin-bottom: 30px;
    }

    .seo-services .qx-row:nth-child(2) {
        margin-bottom: 0;
    }

    .itemid-205 .design-section-1 .home-product-img img {
        width: 55%;
    }

    .seo-services,
    .seo-process {
        padding-bottom: 20px;
    }

    .portfolio-parent {
        height: 200px;
    }

    .portfolio-parent .child-logo > img {
        max-width: 100px !important;
    }

    .other-portfolio img {
        height: 100px;
        padding: 15px;
    }

    /* SEM */
    .sem-desc ul li {
        color: #757575;
    }

    .sem-flow-container .row {
        margin: 0;
    }

    .itemid-209 .slideshow .o2o_slideshow_text {
        top: 165px !important;
    }

    .itemid-209 .slideshow .o2o_slideshow_text div {
        width: 90%;
    }

    .itemid-209 .slideshow .tp-caption:nth-child(4) img {
        max-width: 200px !important;
        width: 100% !important;
    }

    .itemid-209 .slideshow .tp-caption:nth-child(5) img {
        width: 100% !important;
        max-width: 120px !important;
        height: auto !important;
    }

    .itemid-209 .slideshow .tp-caption:nth-child(4) {
        margin: 0 auto !important;
        width: 100% !important;
    }

    .itemid-209 .slideshow .tp-caption:nth-child(4) {
        text-align: center;
    }

    .itemid-209 .tp-fullwidth-forcer {
        height: 600px !important;
    }

    .slideshow-sem .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: 340px !important;
        left: 0 !important;
    }

    .itemid-209 .slideshow .rev_slider_wrapper,
    .itemid-209 .slideshow .rev_slider_wrapper .rev_slider {
        height: 500px !important
    }

    .itemid-209 .slideshow .tp-caption:nth-child(5) {
        top: 360px !important;
        left: 50% !important;
    }

    #qx-text-7546 .sem-desc {
        margin-top: 200px;
    }

    #qx-image-3848 img {
        width: 80%;
    }

    div#qx-section-18314 {
        padding-top: 25px;
    }

    div#qx-column-241657 {
        order: 2;
    }

    #qx-text-35696 p {
        text-align: center;
        margin: auto;
    }

    #qx-column-241657 {
        margin-top: 50px;
    }

    #qx-column-31496 {
        margin-top: 150px;
    }

    #qx-image-881494 img {
        margin-top: -45px;
        width: 50%;
    }

    #qx-image-901568 img {
        width: 40%;
    }

    #qx-column-131491 {
        margin-top: 150px;
    }

    #qx-image-90139 {
        margin-top: 0px;
    }

    #qx-image-331730 {
        margin-top: 150px;
    }

    #qx-section-23131 .home-product-bg img {
        width: 100%;
    }

    #qx-text-981727 {
        margin-top: 50px;
    }

    #qx-section-23131 {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;

    }

    #qx-row-98137 {
        position: relative;
        order: 1;
    }

    #qx-section-23131 > .qx-container {
        order: 2;
        margin-top: -50px;
    }

    div#qx-column-98133 {
        margin-top: 100px;
    }

    #qx-image-6136 {
        width: 100%;
        bottom: -75px !important;
    }

    .sem-flow {
        padding: 40px 0;
    }

    #qx-image-6136 img {
        width: 50%;
    }

    .sem-flow-header {
        font-size: 30px;
        letter-spacing: 1.5px;
    }

    .sem-client {
        padding: 35px 0;
    }

    .sem-client h2 {
        font-size: 30px;
        letter-spacing: 2.25px;
    }

    .sem-client img {
        margin: auto;
    }

    #qx-row-531046 {
        margin: 0;
    }

    #qx-row-531046 .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        top: 0%;
        font-size: 40px;
    }

    .sem-client .qx-row .qx-column {
        margin-bottom: 0;
    }

    .portfolio-experiment a:hover .line.-right,
    .portfolio-experiment a:active .line.-right,
    .portfolio-experiment a:hover .line.-top,
    .portfolio-experiment a:active .line.-top,
    .portfolio-experiment a:hover .line.-left,
    .portfolio-experiment a:active .line.-left,
    .portfolio-experiment a:hover .line.-bottom,
    .portfolio-experiment a:active .line.-bottom {
        -webkit-transition: none;
        transition: none;
        -webkit-transform-origin: unset;
        transform-origin: unset;
        display: none;
    }

    .portfolio-experiment a:hover {
        margin-left: -12px;
    }

    .portfolio-experiment a:hover:after,
    .portfolio-experiment a:active:after {
        transform: unset;
        transition: unset;
    }

    .portfolio-experiment a:hover:after,
    .portfolio-experiment a:active:after {
        left: calc(0.7em * 1.2);
        right: calc(0.7em * 1.2);
    }

    .portfolio-experiment a:hover .text,
    .portfolio-experiment a:active .text {
        -webkit-transform: translate3d(0, 0.7em, 0);
        transform: translate3d(0, 0.7em, 0);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
        transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
        transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
        transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
    }

    .four-zero-four-page .top-logo {
        margin-top: 15px;
        margin-left: 15px;
    }

    .four-zero-four-content {
        margin-top: 25px;
    }

    .four-zero-four-content .row {
        display: block;
    }

    .four-zero-four-content .header {
        font-size: 80px;
        letter-spacing: 5.0px;
    }

    .four-zero-four-content .subheader {
        font-size: 25px;
    }

    .four-zero-four-content .small {
        font-size: 16px;
    }

    .four-zero-four-content ul a {
        font-size: 16px;
    }

    .four-zero-four-content img {
        margin-top: 30px;
    }

    /* Promotion Page */
    .promotion-banner .qx-row {
        flex-direction: column;
    }
    .promotion-banner #qx-text-8160 {
        margin-top: 100px;
    }
    #rsform_14_page_0,
    #rsform_16_page_0 {
        margin-right: auto;
    }
    .promotion-content-1 #qx-text-3814 span, .
    promotion-content-3 #qx-text-531549 span {
        font-size: 25px !important;
    }
    .promotion-content-1 #qx-row-2375 {
        flex-direction: column;
    }
    .promotion-content-1 .qx-blurb-content p {
        min-height: auto;
    }
    .promotion-content-2 .qx-row {
        flex-direction: column;
    }
    .promotion-content-2 p {
        font-size: 28px;
        text-align: center;
    }
    #qx-image-151014 {
        margin-top: 25px;
    }
    #qx-image-151014 {

    }
    .col-md-20 {
        width: 33.33%;
    }
    .promotion-content-5 .o2o-contact-form {
        max-width: 100%;
    }
    .promotion-content-5 .contact-us-button button {
        float: none;
    }
    .promotion-content-5 .contact-us-button #g-recaptcha-80  {
        transform: scale(0.9);
    }
    .promotion-content-5 .contact-us-button #g-recaptcha-80 > div {
        margin: auto;
    }
    .promotion-content-5 .contact-us-button {
        clear: both;
    }

    /* Promotion Banner */
    .reflection-video {
        display: none;
    }
    .slideshow .slotholder +.tp-caption + .promotion-laptop {
        display: none;
    }
    .promotion-banner-detail {
        text-align: center;
    }
    .promotion-banner-detail p {
        margin-top: 15px !important;
    }
    .promotion-banner-detail p a {
        padding: 10px 0 !important;
        margin: auto !important;
    }
    .laptop-video .html5vid{
        border: 10px solid #fff;
        border-radius: 10px;
        margin-top: 15px;
    }

    .O2O_button_orange {
        top:180px!important;
        max-width: 172px!Important;
        height: 45px!important;
        line-height:45px!important;
        padding: 12px 12px!important;
        font-size: 14px!important;
        margin:0 auto!important;
        right:0!important;
        left:0!important;
    }
    .O2O_button_orange > div {
        font-size: 14px!important;
        height: 40px!important;
        line-height: 1!important;
    }
    .tp-videolayer>div>img {
        width: 280px!important;
        height: auto!important;
    }
    #qx-row-10892 img {
        max-width: 80px!important;
    }
}



@media (max-width: 480px) {

  .t3-copyright .partner img{
    max-width: 70px;
  }

  .t3-copyright .partner{
    text-align: center;
  }

  .t3-copyright .partner a{
    margin: 0px 5px;
  }

    .itemid-225 .slideshow .o2o_slideshow_title {
        top: 150px !important;
    }

    .itemid-225 .slideshow-ecommerce .o2o_slideshow_text {
        top: 210px !important;
    }


    .contact-map {
        padding-top: 20px;
    }


    .about-contact {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .about-contact .header p {
        margin-bottom: 30px;
    }

    #qx-text-981727 {
        margin-top: 110px;
    }

    .home-products {
        padding-bottom: 35px;
    }

    .design-section-1 .section-1 h3 {
        margin-top: 25px;
    }

    .seo-services .ctn {
        margin-bottom: 50px;
    }

    #qx-text-641492 .sem-desc h3 {
        margin-top: 50px;
    }

    div#qx-text-7546 {
        padding-top: 45px;
    }

    .sem-client {
        padding-top: 0;
    }

    div#qx-section-612359 {
        padding-top: 10px;
    }

    .wh-feature-1 li a {
        display: flex;
        align-items: flex-start;
    }

    .wh-feature-1 li a svg {
        width: 24px;
    }

    .feature-title {
        padding-top: 110px;
        padding-bottom: 0;
    }

    .home-about.full-screen-height {
        height: auto;
    }

    #qx-section-69227 {
        position: relative;
    }

    .feature-title {
        padding-top: 40px;

    }

    .portfolio-experiment a {
        margin-bottom: 0px;
    }

    .slideshow-ecommerce .o2o_slideshow_text {
        top: 245px !important;
    }

    .itemid-204 .slideshow-ecommerce .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: 325px !important;
    }

    .contact-us-socmed ul li,
    .contact-us-find ul li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption {
        top: initial !important;
        bottom: -115px;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption img {
        width: 60% !important;
        height: auto !important;
    }

    .slideshow-seo .slotholder + .tp-caption + .tp-caption + .tp-caption + .tp-caption {
        bottom: -25px !important;
        left: 190px !important;
        top: initial !important;
    }

    .slideshow-contact .slotholder + .tp-caption {
        left: 15px !important;
        top: 65px !important
    }

    /* Thank You Page */
    #qx-text-44110 {
        bottom: 20px;
    }

    .thank-btn .qx-btn {
        padding: 10px 40px;
        margin: 0 10px;
    }

    .tp-bullets {
        bottom: -120px !important;
    }

    .slideshow-ecommerce .slideshow-img-shadow img {
        width: 90% !important;
        height: auto !important;
    }

    .slideshow-contact .o2o_slideshow_title {
        bottom: 90px;
        font-size: 22px !important;
    }

    /* Promotion Page */
    .promotion-banner #qx-text-8160 {
        font-size: 18px;
    }
    #rsform_14_page_0,
    #rsform_16_page_0 {
        padding: 20px 0;
    }
    .promotion-form {
        padding: 25px;
    }
    .promotion-content-1 .qx-blurb-content p {
        font-size: 14px;
        line-height: 25px;
    }
    .promotion-content-2 p {
        font-size: 18px;
    }
    #qx-image-151014 img {
        width: 100%;
        height: auto;
    }
    .promotion-content-3 ul li p {
        font-size: 14px;
        line-height: 23px;
    }
    .promotion-content-3 ul {
        padding-left: 20px;
    }
    .promotion-content-4 .qx-element-image {
        margin-top: 30px;
    }
    .col-md-20 {
        width: 50%;
    }
    .promotion-content-4 .qx-element-image img {
        padding: 5px;
    }
    .promotion-content-5 .contact-us-form .form-input {
        width: 100%;
    }

    /* Promotion Banner */
    .slideshow .o2o_slideshow_title div h1 {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
    .promotion-banner-detail p {
        line-height: 1.2 !important;
    }
    .promotion-banner-detail p a {
        margin-top: 15px !important;
        padding: 15px 0 !important;
    }
    .promotion-banner #qx-text-8160,
    .promotion-content-2 p {
        line-height: 20px;
        text-align: center;
    }
    #qx-text-3814, #qx-text-51865, #qx-text-3814, #qx-text-531549 {
        text-align: center !important;
    }
    .promotion-content-2 p {
        margin-bottom: 30px;
    }
    .tp-videolayer {
        top: 300px !important;
    }
    .promotion-content-1 .qx-image {
        max-width: 70px;
        height: auto;
    }
    .promotion-content-1 .qx-blurb-title {
        margin-top: 15px;
    }
    .promotion-content-1 .qx-blurb-content p {
        margin-top: 10px;
        line-height: 20px;
    }
    .promotion-content-1 .qx-element-blurb {
        margin: 10px !important;
    }
    .promotion-content-1 #qx-button-4129 a.qx-btn {
        margin-top: 25px;
    }

}

/* new css */

/* home slider banner */
.qx-section.section-slideshow #qx-row-9569{
    /* display: none !important; */
}
.rev_slider .tp-caption.compare,.rev_slider .compare {
    background-color: transparent !important;
}
.rev_slider .tp-caption.compare h1{
    font-family:'DM Sans', 'Open Sans', Arial, sans-serif !important;
    font-size: 56px !important;
    font-weight: bold;
    line-height: 1.21 !important;
    letter-spacing: 1.12px;
    text-align: center;
    color: #fff;
    padding-bottom: 10px !important;
}
.rev_slider .tp-caption.compare p{
    font-family: 'DM Sans', 'Open Sans', Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.14 !important;
    letter-spacing: 0.55px;
    text-align: center;
    color: #fafafa;
}
.tp-revslider-mainul li:last-child{
    /* display: none !important; */
}
/* .rev_slider_wrapper .tp-bullets.simplebullets.custom{
    display: none;
} */

/* 2nd slide */
.rev_slider li:last-child .tp-caption.compare h1{
    font-family: 'DM Sans', 'Open Sans', Arial, sans-serif !important;
    font-size: 48px !important;
    font-weight: 600;
    line-height: 1.11 !important;
    letter-spacing: 1.12px;
    text-align: left;
    color: #fff;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
}

@media (min-width: 768px){
    /* submenu sme grant */
    li.dropdown.mega[data-id="230"] .nav-child.dropdown-menu.mega-dropdown-menu{
        left: -70px !important;
    }

    /* icon image size */
    #qx-row-10892 .qx-element-blurb__media.qx-d-inline-block  img{
      max-width: 55%;
    }
}

@media (max-width: 767px){
    #qx-section-601152 .qx-shape-top svg, #qx-section-341412 .qx-shape-top svg{
        display: none;
    }
}
@media (max-width: 840px){
    /* home slider banner */
    .rev_slider .tp-caption.compare h1{
        font-size: 26px !important;
    }
    .rev_slider .tp-caption.compare p{
        font-size: 10px !important;
    }

    /* 2nd slide */
    .rev_slider li:last-child .tp-caption.compare h1{
        font-size: 26px !important;
    }

}
@media (max-width: 480px){
    /* home slider banner */
    .rev_slider .tp-caption.compare,.rev_slider .compare {
        margin-top: 60% !important;
    }

    /* 2nd slide */
    .rev_slider li:last-child .tp-caption.compare,.rev_slider li:last-child .compare {
        margin-top: 60% !important;
    }
}


 /* sme grant 2025 */
.sme-grant-bulb-list ul {
    list-style: none; 
    max-width: 80%;
}
.sme-grant-bulb-list li {
    display: flex;  
    align-items: flex-start; 
    margin-bottom: 25px;
    line-height: 1.4;
    text-align: left;
}
.sme-grant-bulb-list li:last-child {
    margin-bottom: 0; 
}
.sme-grant-bulb-list .list-icon {
    width: 15px;          
    height: auto;         
    margin-right: 30px;  
    margin-top: 2px;     
}
.sme-grant-bulb-list span {
    color: #757575;      
    font-size: 20px;
}
.sme-grant-bulb-list strong {
    font-weight: bold;  
    color: #757575;   
}
.sme-grant-bulb-list ul {
  display: inline-block;      
  text-align: left;         
}
.sme-grant-bulb-list {
  text-align: center;
  margin-top: 35px;
}
 /* --- */
.fund-grant {
    max-width: 90%;
}
.fund-grant-row .qx-column {
    max-width: unset !important;
}
.fund-grant-row.bottom .qx-column {
    max-width: unset !important;
}
.fund-grant-row .qx-column .qx-element-wrap .qx-element {
    min-height: 290px;
    width: unset;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.2) !important;
    border-radius: 10px;
}
/* --- */
.sme-grant-checklist ul {
    padding-left: 3%;
} 
.sme-grant-checklist li {
        display: flex; 
        align-items: center; 
        margin-bottom: 15px; 
        padding: 10px 20px; 
        border: 1px solid #ff9900; 
        border-radius: 8px; 
}
.sme-grant-checklist li:last-child {
        margin-bottom: 0; 
    }
    .sme-grant-checklist .checklist-icon {
        width: 50px; 
        height: auto;
        margin-right: 15px; 
        flex-shrink: 0; 
        margin-left: -40px;
    }
    .sme-grant-checklist span {
        flex-grow: 1; 
        font-size: 20px; 
        color: #090909;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.8px;
    }
.eligible-row {
    margin-top: 40px;
}
/* --- */
    .sme-grant-what-you-need ul {
        list-style: none; 
        padding: 0;
        margin: 0;
    }
    .sme-grant-what-you-need li {
        display: flex; 
        align-items: center; 
        margin-bottom: 30px; 
        line-height: 1.4;
    }
    .sme-grant-what-you-need li:last-child {
        margin-bottom: 0; 
    }
    .sme-grant-what-you-need .what-you-need-icon {
        width: 25px; 
        height: auto;
        margin-right: 15px; 
        flex-shrink: 0;
    }
    .sme-grant-what-you-need span {
        flex-grow: 1; 
        font-size: 20px; 
        color: #090909; 
        font-weight: 600;
    }
/* --- */
.sme-grant-steps ul {
        list-style: none; 
        padding: 0;
        margin: 0;
    margin-top: 50px;
  margin-bottom: 30px;
    }
    .sme-grant-steps li {
        display: flex; 
        align-items: center; 
        margin-bottom: 25px; 
        color: #ff8c00;
    }
    .sme-grant-steps li:last-child {
        margin-bottom: 0; 
    }
    .sme-grant-steps .step-number {
        font-size: 32px; 
        font-weight: bold;
        margin-right: 15px; 
        flex-shrink: 0; 
        min-width: 40px;
    }
    .sme-grant-steps .step-arrows {
        margin-right: 30px; 
        flex-shrink: 0;
        display: flex; 
        align-items: center; 
    }
    .sme-grant-steps .step-arrows .arrow-image {
        width: 40px; 
        height: auto; 
        vertical-align: middle; 
    }
    .sme-grant-steps .step-text {
        flex-grow: 1; 
        font-weight: bold;
        font-size: 32px;
        color: #F48E1E; 
        line-height: 1.4;
    }
/* --- */
.smegrant-faq #qx-accordion-711724 .qx-element-accordion-item {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
}
.smegrant-faq .qx-accordion-title * {
    font-size: 20px !important;
}
.smegrant-faq .qx-accordion-content *{
    font-size: 18px !important;
}
.smegrant-faq #qx-accordion-711724 .qx-accordion-content   {
    padding-top: 0;
}
.smegrant-faq .qx-accordion-content li {
    list-style-type: disc;
  list-style-position: outside;
    margin: 5px 0;
}
.smegrant-faq .qx-accordion-content ul {
    padding-left: 2%;
}
/* --- */
.why-choose-o2o.blurb.row .qx-element-blurb__title {
    margin-bottom: 0px !important;
}
.about-o2o.smegrant {
    z-index: 5;
}
.itemid-230 .t3-navhelper {
    display: none;
}
.contact-us.smegrant #qx-image-22148 img {
   position: relative;
    bottom: -42px;
}
.smegrant-hero p {
    max-width: 70%;
    margin: 0 auto 70px auto;
}
.required-sme-row {
    margin-top: 50px;
}
.required-sme-row #qx-column-831227 {
   max-width: 40%;
}
.required-sme-row #qx-column-741229 {
    max-width: 60%;
    margin-left: 5%;
}
.sme-grant-steps {
    margin-bottom: 80px;
}
.about-o2o.smegrant p {
    margin: 0 auto;
  font-size: 32px;
}

@media (max-width: 767px) {
  .madani-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .madani-row > .qx-column {
    flex: 0 0 48% ;
    max-width: 48% !important;
    box-sizing: border-box;
    margin-bottom: 15px;
  }
  .madani-row > .qx-column:nth-child(1) {
    flex: 0 0 100%  !important;
    max-width: 100% !important;
  }
  
  #qx-image-54124 {
      text-align: center;
  }
    
    .bulb-row ul {
        padding-left: 0;
    }
    .sme-grant-bulb-list span {
        font-size: 14px;
    }
    .qx-element-wrap:has(.fund-grant) {
        display: flex;
        justify-content: center;
    }
    .itemid-237 h2 span {
        font-size: 20px;
    }
    .sme-grant-checklist span {
        font-size: 14px;
    }
    .sme-grant-checklist .checklist-icon {
        width: 30px;
        height: 30px;
        margin-left: -30px;
    }
    .required-sme-row #qx-column-831227,
    .required-sme-row #qx-column-741229 {
        max-width: unset;
    }
    .required-sme-row {
        margin-top: 20px;
    }
    .sme-grant-steps .step-number,
    .sme-grant-steps .step-text {
        font-size: 20px;
    }
    .sme-grant-steps .step-number {
        margin-right: 0;
    }
    .application-list{
        margin-right: 0 !important;
    }
    #qx-accordion-711724 .qx-accordion-content *,
    .smegrant-faq .qx-accordion-title * {
        line-height: 1.4 !important;
        letter-spacing: 0.5px;
    }
    .fund-grant-row .qx-column .qx-element-wrap .qx-element {
        width: unset;
      	min-height: unset;
    }
    .about-o2o.smegrant p {
        font-size: 18px;
    }
  
.sme-grant-bulb-list ul {
    max-width: 90%;
}
.fundgrant .qx-shape {
    display: none;
}
.fundgrant h2  {
    max-width: 50%;
    margin: 0 auto;
}
.fundgrant h2  span {
    line-height: normal;
}
/*  */
 .fund-grant-row.mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
  }
  .fund-grant-row.mobile .qx-column {
    width: 50% !important;
    max-width: 50% !important;
  }
  .fund-grant-row.mobile .qx-column .qx-element-wrap .qx-element {
    width: 100% !important;
    min-height: 300px !important;
  }
/*  */
.are-u-eligible .qx-shape {
    display: none;
}
/*  */
.whychooseo2o .qx-shape,
.smegrant-faq .qx-shape {
    display: none;
}
/*  */
.whychooseo2o #qx-row-431011 .qx-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}
.whychooseo2o #qx-row-431011 .qx-column {
  width: 48% !important;
  max-width: 48% !important;
  box-sizing: border-box !important;
}
.whychooseo2o #qx-row-431011 .qx-element-blurb__media {
    min-height: 70px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/*  */
.whychooseo2o #qx-row-191016 .qx-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  padding: 0 !important;
  margin: 0 !important;
}
.whychooseo2o #qx-row-191016 .qx-column {
  width: 33.3% !important;
  max-width: 33.3% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding: 0 !important;
}
.are-u-eligible #qx-row-85178 {
    margin-top: -10%;
}
.are-u-eligible #qx-row-171121 {
    margin-top: -5%;
}
#qx-section-601152 #qx-row-171154 {
    max-width: 30%;
}
#qx-section-601152 #qx-row-171154 h2 span {
    display: inline-block;
    word-spacing: 0;
    line-height: 1.4;
}
.fundgrant h2 span {
    display: inline-block;
    word-spacing: 0;
    line-height: 1.4;
}
 .fundgrant h3 {
    line-height: 1.4 !important;
}
/*  */
.whychooseo2o #qx-row-551021 {
    margin-top: -10%;
}
.why-choose-o2o.blurb .qx-col-wrap{
    padding: 5px !important;
}
.why-choose-o2o.blurb .qx-element-blurb__content .qx-element-blurb__body  {
    margin-top: 10px;
}
.why-choose-o2o.blurb .qx-element-blurb-v2 {
    min-height: 120px !important;
}
/*  */
.contact-us.smegrant h2 span {
    display: inline-block;
    word-spacing: 0;
    line-height: 1.4;
}
/*  */
.sme-grant-steps {
    margin-top: -5%;
}
.sme-grant-steps .step-arrows {
    margin-right: 5px;
}
.sme-grant-steps li {
    align-items: flex-start;
}
.sme-grant-steps .step-number {
    margin-top: 2%;
}
.sme-grant-steps .step-arrows {
    margin-top: -1%;
}
#qx-button-771032 {
    margin-top: -10%;
}



  
}


.why-choose-o2o.blurb .qx-element-blurb-v2 {
    min-height: 300px;
}
.fundgrant .fund-grant {
    margin: 0 auto;
}
#qx-row-60557 {
  justify-content: center;
}
.granthelp-form {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}