html {
    height: 100%;
}
body {
    -ms-overflow-x: hidden;
}
@-moz-document url-prefix() {
    body {
        overflow-x: hidden;
    }
}
.homepage-page {
    height: 122%;
}
#homepage-page-hero-unit {
    position: relative;
    top: 50%;
    margin-top: -301px;
}
.scrollmagic-pin-spacer {
    min-height: 0 !important;
}
.clearfix:after,
.clearfix:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.background-svg-wrapper {
    position: relative;
}

.container-wrapper .homepage-svg-backgrounds {
    width: 100%;
    height: 100%;
}
img.homepage-svg-backgrounds.ECM_Block_bg_img {
        width: auto;
    height: auto;display: none
}

.svg-asset-wrapper {
    position: absolute;
}
.scene-text {
    margin-bottom: 25px;
    width: 375px;
}
.sc-center .scene-text {
    margin-left: auto;
    margin-right: auto;
}
.scene-link {
    margin-top: 10px;
}
.scene-content {
    margin-top: 15px;
    position: absolute;
    color: #fff;
    transition: all 0.4s linear;
    margin-left: -10px;
    opacity: 0;
    pointer-events: none;
}
.scene-content-animated-left {
    margin-left: 0;
    opacity: 1;
    pointer-events: all;
}
#staging-services-text {
    left: 33.3%;
    top: 12%;
    text-align: center;
    opacity: 0;
}
#staging-services-text.scene-content-animated-left {
    opacity: 1;
}
#simultaneous-interpretation-text {
    left: 7%;
    top: 4%;
}
#post-production-filming-text {
    right: 0%;
    top: 10%;
}
#post-production-filming-text .scene-text {
    width: 300px;
}
#av-hire-text {
    left: 7%;
    top: 0;
}
#technical-support-text {
    left: 7%;
    top: 1%;
}
#event-consulting-text {
    left: 65%;
    top: 4%;
    z-index: 1;
}
#event-management-text {
    left: 33.3%;
    top: 0;
    margin-top: 0;
    text-align: center;
    color: #000;
}
#event-management-text h1 {
    margin-top: 0;
    color: #000;
    margin-bottom: 0;
}
#event-management-text .scene-text {
    margin-bottom: 10px;
    color: #565656;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
#event-management-text .scene-link a {
    color: #000;
}
#event-management-text .scene-link a:hover {
    color: 2b7a77;
}
#event-cm-scene {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.consultingmanagement-wrapper,
.event-cm-svgs {
    position: relative;
}
.event-cm-backgrounds {
    position: absolute;
    top: 0;
    width: 100%;
}
#ec-scene-main-bg {
    background: url(../assets/scene-assets/event-consulting-scene/bg-main.svg) no-repeat;    min-height: 690px;
}
#em-scene-main-bg {
    background-color: #eefffe;
    height: 100%;
}
#em-scene-main-bg img {
    display: none;
}
#ec-bg-right {
    right: 0;
}
#ec-character-svg,
#ec-client-idea-1-svg,
#ec-client-svg,
#ec-floor-svg,
#ec-pav-idea-1-svg,
#ec-popup-1-svg,
#ec-popup-2-svg {
    position: relative;
    height: 100%;
    width: 100%;
}
.ec-floor-wrapper {
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #d0d2d3;
}
.ec-client-wrapper {
bottom: -130%;
    left: 52%;
    width: 10%;
}
.ec-character-wrapper {
    bottom: -130%;
    left: 46%;
    width: 6.95%;
}
.ec-popup-1-wrapper {
    top: 17%;
    left: 25.5%;
    width: 13.8%;
    height: 21.7%;
}
.ec-popup-2-wrapper {
    top: 17%;
    left: 43%;
    width: 13.8%;
    height: 21.7%;
}
.ec-client-idea-1-wrapper {
    top: 18.5%;
    left: 29%;
    width: 7.4%;
    height: 15.3%;
}
.ec-pav-idea-1-wrapper {
    top: 18.5%;
    left: 46%;
    width: 7.4%;
    height: 15.3%;
}
.em-slidein-bg-relative {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
#em-amp-svg,
#em-box-svg,
#em-chair-svg,
#em-character-back-svg,
#em-character-front-svg,
#em-clock-svg,
#em-door-svg,
#em-floor-svg,
#em-ladder-svg,
#em-pc-svg,
#em-speaker-svg,
#em-table-svg,
#em-truck-svg,
#em-venue-svg {
    position: relative;
    width: 100%;
    height: 100%;
}
.em-left-bottom-bg-wrapper {
    bottom: 0;
    left: 0;
    width: 32.82%;
    height: 57%;
}
.em-left-top-bg-wrapper {
    top: 0;
    left: 0;
    width: 35.1%;
    height: 100%;
}
#em-slide-left-top {
    background: url(../assets/scene-assets/event-management-scene/em-left-yellow-bg.svg) no-repeat;
    height: 100%;
    background-size: contain;
}
#em-slide-left-top img {
    display: none;
}
#em-slide-right-top {
    background: url(../assets/scene-assets/event-management-scene/em-truck-bg.svg) no-repeat right top;
    height: 100%;
    background-size: contain;
    z-index: 1;
    position: relative;
}
#em-slide-right-top img {
    display: none;
}
.em-right-top-bg-wrapper {
    top: 0;
    right: 0;
    width: 35.1%;
    height: 100%;
    z-index: 1 !important;
}
.em-right-bottom-bg-wrapper {
    bottom: 0;
    right: 0;
    width: 32.82%;
    height: 42.2%;
}
.em-floor-wrapper {
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8e392;
    height: 100px;
}
.em-door-wrapper {
    bottom: 98px;
    left:54.6%;
    width: 11.4%;
    overflow: hidden;
}
.em-chair-wrapper {
    bottom: 60px;
    width: 6.6%;
    height: 25%;
    left: 48.5%;
}
.em-table-wrapper {
    bottom: 60px;
    left: 37.5%;
    width: 10.3%;
}
.em-pc-wrapper {
    top: 55.4%;
    left: 35.8%;
    width: 9%;
    height: 16%;
    display: none;
}
.em-character-back-wrapper {
    bottom: 97px;
    left: 56.5%;
    width: 7.81%;
}
.em-character-front-wrapper {
   width: 12.95%;
    height: 60.7%;
    top: 37%;
    left: 40%;
}
.em-venue-wrapper {
    top: 46%;
    left: 6%;
    width: 79.6%;
    height: 48.5%;
}
.em-ladder-wrapper {
    top: 0;
    width: 22%;
    height: 100%;
    left: 39%;
}
.em-amp-wrapper {
    top: 48%;
    left: 50%;
    width: 41%;
    height: 50%;
}
.em-speaker-wrapper {
    top: 57%;
    left: 10%;
    width: 46%;
    height: 41%;
}
.em-box-wrapper {
    top: 65%;
    left: 66%;
    width: 35%;
    height: 33%;
}
.em-truck-wrapper {
    top: 24%;
    left: 14%;
    width: 75%;
    height: 63%;
}
#scene-3-6 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#scene-3 {
    top: 0;
    margin-left: 105%;
    position: absolute;
    width: 100%;
    height: 100%;
}
.scene-wrapper {
    width: 100%;
    height: 100%;
}
.scene-3-svgs {
    position: relative;
    overflow: visible;
}
#box-left-svg,
#box-right-svg,
#charackter-left-svg,
#charackter-right-svg,
#curtain-left-svg,
#curtain-right-svg,
#floodlight-left-svg,
#floodlight-right-svg,
#ladder-svg,
#mike-amp-svg,
#monitor-svg,
#podium-charachter-svg,
#podium-svg,
#speaker-left-svg,
#speaker-right-svg,
#stage-bar-svg,
#stand-svg,
#talk-svg {
    position: relative;
    width: 100%;
    height: 100%;
}
.ladder-wrapper {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 100%;
}
.speaker-right-wrapper {
    position: absolute;
    top: 68.5%;
    left: 89%;
    width: 18.35%;
    height: 23.85%;
}
.stage-bar-wrapper {
    bottom: -3.5%;
    width: 100%;
    height: 12%;
    left: 0;
}
.stage-bar-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    background: #e89f75;
    margin-top: -2px;
    top: 100%;
    left: 0;
}
.speaker-left-wrapper {
    top: 10%;
    left: 5%;
    width: 0%;
    height: 37.6%;
}
#speaker-left-svg {
    display: none;
}
.talk-wrapper-t {
    top: 68.5%;
    left: -7.5%;
    width: 46.3%;
    height: 24%;
}
.talk-wrapper-a {
    top: 68.5%;
    left: 5%;
    width: 46.3%;
    height: 24%;
}
.talk-wrapper-l {
    top: 68.5%;
    left: 17.5%;
    width: 46.3%;
    height: 24%;
}
.talk-wrapper-k {
    top: 68.5%;
    left: 29.5%;
    width: 46.3%;
    height: 24%;
}
.monitor-wrapper {
    top: 82.2%;
    left: 90.5%;
    width: 9.7%;
    height: 10.05%;
}
.character-left-wrapper {
    top: 52%;
    width: 5.9%;
    height: 40.55%;
    left: 23.5%;
}
.character-right-wrapper {
    top: 51%;
    width: 5.92%;
    height: 40.6%;
    left: 88.5%;
}
.floodlight-left-wrapper {
    top: 9%;
    left: -4.5%;
    width: 9.8%;
    height: 75%;
}
#floodlight-left-svg {
    display: none;
}
.box-left-wrapper {
    top: 72%;
    left: 18%;
    width: 11.5%;
    height: 20.7%;
}
.box-right-wrapper {
    top: 72%;
    left: 56.5%;
    width: 11.5%;
    height: 20.7%;
}
.stand-wrapper {
    top: 73%;
    left: 69%;
    width: 8.15%;
    height: 19.7%;
}
.mike-amp-wrapper {
    top: 63.7%;
    left: 74%;
    width: 13%;
    height: 28.7%;
}
.floodlight-right-wrapper {
    top: 9%;
    left: 83%;
    width: 12%;
    height: 74%;
}
.curtain-left-wrapper {
    top: 0;
    width: 50%;
    left: 0;
    height: 92.2%;
    display: none;
}
.curtain-right-wrapper {
    top: 0;
    width: 50%;
    left: 50%;
    height: 92.2%;
}
.podium-wrapper {
/*
     top: 34.8%;
    left: 72%;
    width: 18.15%;
    height: 57.6%;
*/

       top: auto;
    left: auto;
    width: 53%;
    height: auto;
    right: 0;
    bottom: 150px;

}
.podium-charachter-wrapper {
    top: 16.8%;
    left: 75.5%;
    width: 10.35%;
    height: 31.2%;
}
.simul-scene-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}
#ss0-1 {
    opacity: 0.8;
}
#ss0-2 {
    opacity: 0.5;
}
#lang-english-svg,
#lang-french-svg,
#lang-hindi-svg,
#lang-ola-svg,
#lang-spanish-svg,
#translator-1-svg,
#translator-2-svg,
#translator-3-svg,
#translator-4-svg {
    position: relative;
    width: 100%;
    height: 100%;
}
.translator-1-wrapper {
    bottom: -15%;
    width: 15.43%;
    height: 58.5%;
    left: 23%;
}
.translator-4-wrapper {
    bottom: -14.5%;
    width: 15.43%;
    height: 58.5%;
    left: 77%;
}
.translator-3-wrapper {
    bottom: -15%;
    width: 15.43%;
    height: 58.5%;
    left: 59%;
}
.translator-2-wrapper {
    bottom: -15%;
    width: 15.43%;
    height: 58.5%;
    left: 41%;
}
.lang-french-wrapper {
    top: 45%;
    left: 31.5%;
    width: 9.9%;
    height: 10.1%;
    opacity: 0;
}
.lang-ola-wrapper {
    top: 45%;
    left: 47.5%;
    width: 9.9%;
    height: 10.1%;
    opacity: 0;
}
.lang-hindi-wrapper {
    top: 45%;
    left: 63.5%;
    width: 9.9%;
    height: 10.1%;
    opacity: 0;
}
.lang-spanish-wrapper {
    top: 45%;
    left: 79.5%;
    width: 9.9%;
    height: 10.1%;
    opacity: 0;
}
.lang-english-wrapper {
    top: 11%;
    left: 64%;
    width: 11.35%;
    height: 21.7%;
}
.simultaneous-text-popup {
    transition: all 0.4s linear;
    animation: popup 0.5s ease;
    animation-fill-mode: forwards;
}
@keyframes popup {
    0% {
        top: 68%;
        opacity: 0;
    }
    50% {
        top: 43%;
    }
    to {
        top: 45%;
        opacity: 1;
    }
}
.post-production-svg-wrapper {
    position: absolute;
    top: 0;
    transform-origin: 90% 20%;
    width: 100%;
}
.post-production-svg {
    width: 100%;
}
.post-production-svg-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333331;
    border-top: 1px solid #cdcdcc;
    top: 100%;
    left: 0;
}
#scene-6 {
    width: 100%;
}
.scene-6-svgs {
    position: relative;
}
#av-scene-main-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #cbcaca;
    top: 100%;
    left: 0;
}
.truck-svg-wrapper {
    position: absolute;
    width: 58.7%;
    height: 61.3%;
    top: 0;
}
#scene-6-truck {
    position: absolute;
    bottom: -53%;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#section-1-character {
    position: absolute;
    width: 8%;
    height: 52%;
    top: 0;
    top: 44%;
    left: 34%;
}
#section-2-character {
    position: absolute;
    width: 8%;
    height: 52%;
    top: 0;
    top: 44%;
    left: 43%;
}
#section-3-character {
    position: absolute;
    width: 8%;
    height: 52%;
    top: 0;
    top: 44%;
    left: 52%;
}
#character-svg-1-1 {
    position: absolute;
    width: 100%;
    height: 100%;
}
.mike-wrapper {
    left: 49%;
     width: 9.5%;
    height: 37%;
    top: 46.5%;;
}
.camera-wrapper {
    left: 32%;
    width: 11.5%;
height: 41%;
    top: 42.5%;
}
.dvd-player-wrapper {
    left: 52.88%;
    width: 11.78%;
    height: 5.2%;
    top: 58.4%;
}
.speaker-wrapper {
    left: 67%;
  width: 10.5%;
    height: 36%;
    top: 47.5%;
}
.shelfBox1-wrapper {
    left: 41.3%;
   width: 10.5%;
    height: 36%;
    top: 47.5%;
}
#dvdplayer1Bottom,
#floorCamera,
#mikeBottomShelf,
#shelfBox1,
#speakerSmallShelf {
    width: 100%;
    height: 100%;
    position: relative;
}
@keyframes truckmove {
    0% {
        transform: translatey(1px);
    }
    50% {
        transform: translatey(0);
    }
    to {
        transform: translatey(1px);
    }
}
.truckmove #truck-wo-wheels {
    animation: truckmove 0.2s linear infinite;
}
#tyre1,
#tyre2,
#tyre3 {
    transform-origin: center center;
}
#technical-support-scene {
    width: 100%;
    height: 100%;
    position: relative;
}
.technical-support-svgs {
    position: relative;
}
#technical-support-background .background-svg-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 325px;
    background-color: #222;
    margin-top: -1px;
    top: 100%;
    left: 0;
}
#tech-amp-svg,
#tech-guy-1-svg,
#tech-guy-2-svg,
#tech-guy-3-svg,
#tech-guy-4-svg,
#tech-light-svg,
#tech-tools-svg {
    position: relative;
    width: 100%;
    height: 100%;
}
.tech-guy-4-wrapper {
    left: 78.3%;
    top: 29.2%;
    width: 12.3%;
    height: 58.6%;
}
.tech-guy-1-wrapper {
    left: 38%;
        top: 29.2%;
    width: 12.3%;
    height: 58.6%;
}
.tech-guy-2-wrapper {
    left: 49%;
        top: 29.2%;
    width: 12.3%;
    height: 58.6%;
}
.tech-guy-3-wrapper {
        left: 60%;
        top: 29.2%;
    width: 12.3%;
    height: 58.6%;
}
.tech-light-wrapper {
    left: 37.5%;
    top: 15%;
    width: 14.3%;
    height: 78.5%;
}
.tech-amp-wrapper {
    left: 70.5%;
    top: 70%;
    width: 9.65%;
    height: auto;
}
.tech-tools-wrapper {
    left: 34%;
    top: 70.5%;
    width: 6.9%;
    height: 12.8%;
}
.safari-6 #av-scene-main-bg img,
.safari-6 #scene-3 .homepage-svg-backgrounds-wrapper img,
.safari-6 #technical-support-background .background-svg-wrapper img {
    height: auto;
}

.hero-unit-large-text-wrapper span {
    position: relative;
    font-family: Archer Book;
    font-weight: 300;
    display: inline-block;
    margin: 10px 0;
    color: #fff;
}

.hero-unit-large-text-wrapper span:before {
    right: 100%;
    margin-right: 20px;
}

.hero-unit-large-text-wrapper span:after,
.hero-unit-large-text-wrapper span:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 100%;
    top: 50%;
}

.hero-unit-large-text-wrapper span:after {
    margin-left: 20px;
}

.hero-unit-large-text-wrapper span:after,
.hero-unit-large-text-wrapper h2:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 100%;
    top: 50%;
}

h3.serviceh3 {
    font-weight: 300;
    margin-top: 35px;
    margin-bottom: 35px;
}

h2.abouth2 {
    font-weight: 600;
    font-size: 30px !important;
    margin-top: 0;
    padding: 0 40px;
    margin-bottom: 0;
}