/* CSS */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

.full-body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    background-color: black;
    height: 100vh;
    /* Smooth page load */
    opacity: 0;
}

#main-wrapper {
    position: relative;
    overflow: hidden;
    width: 2880px;
    height: 1620px;
    background-image: url('../img_min/BKGND-01-Smart-World-min.png');
    background-size: 2880px 1620px;
    transform-origin: top left;
    z-index: 0;
}

.v-line {
    position: absolute;
    top: 126px;
    left: 1267px;
    width: 25px;
    height: 1370px;
    background: transparent url('../img_min/Vertical-Line-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 3;
}

.shiftN {
    transform: translateY(500px);
}

.shrink {
    transform: scale(0);
}

.grow {
    transform: scale(1);
}

.opacityZero {
    opacity: 0;
}

.opacityOne {
    opacity: 1;
}

.transition {
    transition: 1.5s all ease-in-out;
}

.transition-fast {
    transition: 1s all ease-in-out;
}

.transition-slow {
    transition: 2s all ease-in-out;
}

/* Animation */


/*.fadeIn {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    animation-name: fadeIn;*/
/*    animation-duration: 2s;*/
/*    animation-timing-function: ease-in-out;*/
/*}*/

/*@keyframes fadeIn {*/
/*    0% {*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*.fadeInUp {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    animation-name: fadeInUp;*/
/*    animation-duration: 2s;*/
/*    animation-timing-function: ease-in-out;*/
/*}*/

/*@keyframes fadeInUp {*/
/*    0% {*/
/*        transform: translate3d(0, 0, 0);*/
/*    }*/
/*    100% {*/
/*        transform: translate3d(0, 430px, 0);*/
/*    }*/
/*}*/


/** Transforms **/

.top-center-trans {
    transform-origin: top;
}

.center-trans {
    transform-origin: center;
}

.bot-trans {
    transform-origin: bottom;
}

.top-left-trans {
    transform-origin: top left;
}

.right-trans {
    transform-origin: right;
}

highlight {
    font: Normal 30px/37px NewHelvetica;
    color: #F9F7D1;
}


/*@keyframes fadeInUp {*/
/*    from {*/
/*        transform: translate3d(0, 430px, 0)*/
/*    }*/

/*    to {*/
/*        transform: translate3d(0, 0, 0);*/
/*        opacity: 1*/
/*    }*/
/*}*/

/*.animated {*/
/*    animation-duration: 1s;*/
/*    animation-fill-mode: both;*/
/*    -webkit-animation-duration: 1s;*/
/*    -webkit-animation-fill-mode: both*/
/*}*/

/*.animatedFadeInUp {*/
/*    opacity: 0*/
/*}*/

/*.fadeInUp {*/
/*    opacity: 0;*/
/*    animation-name: fadeInUp;*/
/*    -webkit-animation-name: fadeInUp;*/
/*}*/
/** Rotations **/

.ring-rotate-reset {
    transform: rotate(-45deg);
}

.ring-rotate-reset-45 {
    transform: rotate(-45deg);
}

.ring-rotate-reset-65 {
    transform: rotate(-65deg);
}

.ring-rotate-reset-95 {
    transform: rotate(-95deg);
}

.ring-rotate-reset-135 {
    transform: rotate(-105deg);
}

.ring-rotate-reset-135 {
    transform: rotate(-165deg);
}


.ring-rotate-reset-bck {
    transform: rotate(45deg);
}

.ring-rotate-forward {
    transform: rotate(5deg);
}

.ring-rotate-forward-5 {
    transform: rotate(15deg);
}

.ring-rotate-backward {
    transform: rotate(-5deg);
}

/** Navigation **/

#nav a {
    cursor: pointer;
}

/* Home */

/* Navigation */
#backButton a {
    position: absolute;
    top: 1486px;
    left: 2573px;
    width: 65px;
    height: 65px;
    background: transparent url('../img_min/Button-Back-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    cursor: pointer;
}

#fwdButton a {
    position: absolute;
    top: 1486px;
    left: 2747px;
    width: 65px;
    height: 65px;
    background: transparent url('../img_min/Button-Forward-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

#homeButton a {
    position: absolute;
    top: 1486px;
    left: 2660px;
    width: 65px;
    height: 65px;
    background: transparent url('../img_min/Button-Home-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.menuButton {
    top: 1486px;
    left: 2486px;
    width: 65px;
    height: 65px;
    background: transparent url('../img_min/Button-Menu-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    cursor: pointer;
}

/*.menuButton:hover {*/
/*    transform: scale(.95);*/
/*    transition-duration: 500ms;*/
/*}*/

.menu-body {
    top: 1185px;
    left: 2486px;
    width: 288px;
    height: 275px;
    background: transparent url('../img_min/menu-box-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 10;
}

.menu-body .menu-text {
    top: 15px;
    left: 23px;
    width: 240px;
    height: 255px;
    text-align: left;
    font: normal normal normal 24px/26px HelveticaNeueLt;
    color: #FFFFFF;
    position: absolute;
    z-index: 11;
}

.menu-body .menu-text a {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
}

.menu-body .menu-text a:hover {
    cursor: pointer;
    color: #F9F7D1;
    text-decoration: underline;
    transform-origin: center;
    transition-duration: 1s;
}

/** home **/

#home .title-top {
    position: absolute;
    top: 720px;
    left: 1368px;
    width: 1250px;
    height: 140px;
    text-align: left;
    font: normal normal normal 120px/90px HelveticaNeueMed;
    color: #FFFFFF;
    opacity: 1;
    /*cursor: pointer;*/
}

#home .title-bottom {
    position: absolute;
    top: 848px;
    left: 1373px;
    width: 1053px;
    height: 47px;
    font: normal normal normal 40px/46px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F9F7D1;
    text-align: left;
    opacity: 1;
}

#homeLayer {
    top: -1px;
    left: -16px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-01-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
}

#homeLayer .ellipse {
    top: 126px;
    left: -436px;
    width: 1319px;
    height: 1320px;
    background: transparent url('../img_min/circle-photo-homepage-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 1;
    position: absolute;
}

/** Footer **/

footer {
    transition: 5s;
    z-index: 30;
}

#copy-text {
    top: 1569px;
    left: 33px;
    width: 358px;
    height: 23px;
    text-align: center;
    font: normal normal normal 20px/28px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*opacity: 0.7;*/
    position: absolute;
}

/*  Smart World  */

/*  Data Challenges  */
#dataChallenges .title-top {
    top: 726px;
    left: 79px;
    width: 735px;
    height: 110px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueMed;
    letter-spacing: 0px;
    color: #F6F6F6;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#dataChallenges .globe-img {
    top: 130px;
    left: -437px;
    width: 1316px;
    height: 1316px;
    background: transparent url('../img_min/Circle-Pic-Data-Challenges-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#dataChallenges .chart-build-1 {
    top: 312px;
    left: 1303px;
    width: 1346px;
    height: 991.5px;
    background: transparent url('../img_min/chart-build-1-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 1;
}

#dataChallenges .chart-build-2 {
    top: 372px;
    left: 1445px;
    width: 1109px;
    height: 638px;
    background: transparent url('../img_min/chart-build-2-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 1;
}

#dataChallenges .chart-build-3 {
    top: 384px;
    left: 1270px;
    width: 38px;
    height: 442px;
    /*transform: matrix(0, -1, 1, 0, 0, 0);*/
    background: transparent url('../img_min/chart-build-3-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 1;
}

#dataChallenges .arrow {
    top: 252px;
    left: 1421px;
    width: 1099px;
    height: 325px;
    transform: matrix(1, -0.07, 0.07, 1, 0, 0);
    background: transparent url('../img_min/Arrow-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#dataChallenges .arrow-text {
    top: 334px;
    left: 1650px;
    width: 294px;
    height: 113px;
    background: transparent url('../img_min/arrow-text-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

/*  Smart Solutions  */
#smartSolutions .title-top {
    top: 680px;
    left: 123px;
    width: 486px;
    height: 209px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueMed;
    letter-spacing: 0px;
    color: #F6F6F6;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#smartSolutions .globe-img {
    top: 130px;
    left: -437px;
    width: 1316px;
    height: 1316px;
    background: transparent url('../img_min/circle-pic-smart-solutions-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ssMenu .iconOne {
    top: 197px;
    left: 1322px;
    width: 223px;
    height: 223px;
    background: transparent url('../img_min/ss-icon-one-min.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

/*  SS Menu  */

#ssMenu a {
    cursor: pointer;
}

#ssMenu a:hover {
    color: #F9F7D1;
    transform-origin: center;
    transition-duration: 1s;
}

#ssMenu .textOne {
    top: 277px;
    left: 1580px;
    width: 734px;
    height: 61px;
    text-align: left;
    font: normal normal normal 50px/52px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    z-index: 1;
    position: absolute;
}

#ssMenu .iconTwo {
    top: 414px;
    left: 1508px;
    width: 230px;
    height: 223px;
    background: transparent url('../img_min/ss-icon-two-min.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

#ssMenu .textTwo {
    top: 490px;
    left: 1765px;
    width: 435px;
    height: 61px;
    text-align: left;
    font: normal normal normal 50px/52px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    z-index: 1;
    position: absolute;
}

#ssMenu .iconThree {
    top: 690px;
    left: 1574px;
    width: 223px;
    height: 223px;
    background: transparent url('../img_min/ss-icon-three-min.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

#ssMenu .textThree {
    top: 771px;
    left: 1832px;
    width: 670px;
    height: 61px;
    text-align: left;
    font: normal normal normal 50px/52px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    z-index: 1;
    position: absolute;
}

#ssMenu .iconFour {
    top: 969px;
    left: 1511px;
    width: 223px;
    height: 223px;
    background: transparent url('../img_min/ss-icon-four-min.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

#ssMenu .textFour {
    top: 1050px;
    left: 1765px;
    width: 719px;
    height: 61px;
    text-align: left;
    font: normal normal normal 50px/52px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    z-index: 1;
    position: absolute;
}

#ssMenu .iconFive {
    top: 1202px;
    left: 1323px;
    width: 223px;
    height: 223px;
    background: transparent url('../img_min/ss-icon-five-min.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

#ssMenu .textFive {
    top: 1283px;
    left: 1580px;
    width: 750px;
    height: 61px;
    text-align: left;
    font: normal normal normal 50px/52px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    z-index: 1;
    position: absolute;
}

/*  What Are  */

#whatAre {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-03-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#whatAre .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#whatAre .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/video-sample-screen-what-are-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#whatAre .button-play {
    position: absolute;
    width: 80px;
    height: 81px;
    left: 1399px;
    top: 1438px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    z-index: 3;
    cursor: pointer;
}

#howDoes .button-play {
    position: absolute;
    width: 80px;
    height: 81px;
    left: 1399px;
    top: 1438px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    z-index: 3;
    cursor: pointer;
}

/* How Does SS */

#howDoes {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-03-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#howDoes .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#howDoes .main-block {
    top: 130px;
    left: 282px;
    /*width: 2317px;*/
    /*height: 1304px;*/
    width: 2317px;
    height: 1294px;
    background: transparent url('../img_min/video-sample-screen-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

/*  Smart Benefits  */
#smartBenefits .title-top {
    top: 680px;
    left: 123px;
    width: 486px;
    height: 209px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueMed;
    letter-spacing: 0px;
    color: #F6F6F6;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#smartBenefits .globe-img {
    top: 130px;
    left: -437px;
    width: 1316px;
    height: 1316px;
    background: transparent url('../img_min/circle-pic-smart-benefits-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartBenefits .sb-icon-1 {
    top: 532px;
    left: 938px;
    width: 308px;
    height: 629px;
    background: transparent url('../img_min/sb-icon-1-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartBenefits .sb-icon-2 {
    top: 532px;
    left: 1325px;
    width: 308px;
    height: 629px;
    background: transparent url('../img_min/sb-icon-2-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartBenefits .sb-icon-3 {
    top: 532px;
    left: 1711px;
    width: 309px;
    height: 631px;
    background: transparent url('../img_min/sb-icon-3-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartBenefits .sb-icon-4 {
    top: 532px;
    left: 2098px;
    width: 308px;
    height: 629px;
    background: transparent url('../img_min/sb-icon-4-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartBenefits .sb-icon-5 {
    top: 532px;
    left: 2485px;
    width: 308px;
    height: 629px;
    background: transparent url('../img_min/sb-icon-5-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/*  Smart Use Cases  */

#smartUseCases a {
    cursor: pointer;
}

#smartUseCases .suc-cities:hover {
    background: transparent url('../img_min/suc-cities-hov-min.png') 0% 0% no-repeat padding-box;
}

#smartUseCases .suc-events:hover {
    background: transparent url('../img_min/suc-events-hov-min.png') 0% 0% no-repeat padding-box;
}

#smartUseCases .suc-manu:hover {
    background: transparent url('../img_min/suc-manu-hov-min.png') 0% 0% no-repeat padding-box;
}

#smartUseCases .suc-healthcare:hover {
    background: transparent url('../img_min/suc-healthcare-hov-min.png') 0% 0% no-repeat padding-box;
}

#smartUseCases .title-top {
    top: 691px;
    left: 118px;
    width: 686px;
    height: 209px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueMed;
    letter-spacing: 0px;
    color: #F6F6F6;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#smartUseCases .globe-img {
    top: 130px;
    left: -437px;
    width: 1316px;
    height: 1316px;
    background: transparent url('../img_min/circle-pic-smart-use-cases-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartUseCases .suc-cities {
    top: 299px;
    left: 1103px;
    width: 402px;
    height: 157px;
    background: transparent url('../img_min/suc-cities-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-cities-line {
    top: 248px;
    left: 1508px;
    width: 172px;
    height: 83px;
    background: transparent url('../img_min/Smart-Cities-LINE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-cities-icon {
    top: 69px;
    left: 1670px;
    width: 678px;
    height: 319px;
    background: transparent url('../img_min/Smart-Cities-PHOTO-BOX-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-events {
    top: 601px;
    left: 1388px;
    width: 402px;
    height: 157px;
    background: transparent url('../img_min/suc-events-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-events-line {
    top: 603px;
    left: 1790px;
    width: 154px;
    height: 27px;
    background: transparent url('../img_min/Smart-Events-LINE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-events-icon {
    top: 426px;
    left: 1935px;
    width: 678px;
    height: 321px;
    background: transparent url('../img_min/Smart-Events-PHOTO-BOX-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-manu {
    top: 933px;
    left: 1438px;
    width: 402px;
    height: 157px;
    background: transparent url('../img_min/suc-manu-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-manu-line {
    top: 934px;
    left: 1840px;
    width: 154px;
    height: 27px;
    background: transparent url('../img_min/Smart-Manu-LINE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-manu-icon {
    top: 821px;
    left: 1983px;
    width: 678px;
    height: 319px;
    background: transparent url('../img_min/Smart-Manu-PHOTO-BOX-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-healthcare {
    top: 1245px;
    left: 1180px;
    width: 402px;
    height: 157px;
    background: transparent url('../img_min/suc-healthcare-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-healthcare-line {
    top: 1245px;
    left: 1581px;
    width: 172px;
    height: 83px;
    background: transparent url('../img_min/Smart-Healthcare-LINE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartUseCases .suc-healthcare-icon {
    top: 1187px;
    left: 1744px;
    width: 678px;
    height: 320px;
    background: transparent url('../img_min/Smart-Healthcare-PHOTO-BOX-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/*  Smart Cities  */
#smartCities {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-03-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartCities .title {
    top: 1248px;
    left: 2100px;
    width: 521px;
    height: 110px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 3;
}

/* Circle */
/* Smart Cities */
/* experience */
#smartCities .circle .slice-one:hover {
    background: transparent url('../img_min/slice-1-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* demo */
#smartCities .circle .slice-two:hover {
    background: transparent url('../img_min/slice-2-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* case */
#smartCities .circle .slice-three:hover {
    background: transparent url('../img_min/slice-3-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* Smart Events */
/* experience */
#smartEvents .circle .slice-one:hover {
    background: transparent url('../img_min/slice-1-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* demo */
#smartEvents .circle .slice-two:hover {
    background: transparent url('../img_min/slice-2-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* case */
#smartEvents .circle .slice-three:hover {
    background: transparent url('../img_min/slice-3-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* Smart Manu */
/* experience */
#smartManu .circle .slice-one:hover {
    background: transparent url('../img_min/slice-1-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* demo */
#smartManu .circle .slice-two:hover {
    background: transparent url('../img_min/slice-2-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* case */
#smartManu .circle .slice-three:hover {
    background: transparent url('../img_min/slice-3-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* Smart Healthcare */
/* experience */
#smartHealth .circle .slice-one:hover {
    background: transparent url('../img_min/slice-1-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* demo */
#smartHealth .circle .slice-two:hover {
    background: transparent url('../img_min/slice-2-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

/* case */
#smartHealth .circle .slice-three:hover {
    background: transparent url('../img_min/slice-3-hov-min.png') 0% 0% no-repeat padding-box;
    cursor: pointer;
}

#smartCities .circle .blue {
    overflow: visible;
    width: 1319px;
    height: 1320px;
    left: 781px;
    top: 150px;
    background: transparent url('../img_min/circle-photo-bkgnd-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartCities .circle .img-0 {
    top: 165px;
    left: 797px;
    width: 1290px;
    height: 1290px;
    background: transparent url('../img_min/circle-pic-smart-cities-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartCities .circle .img-1 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-cities-photo-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    transition: 1s all ease-in-out;
    border-radius: 50%;
    z-index: 999;
}

#smartCities .circle .img-2 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-cities-photo-02-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartCities .circle .img-3 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-cities-photo-03-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartCities .circle .slice-one {
    top: 195px;
    left: 821px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-1-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}


#smartCities .circle .slice-two {
    top: 195px;
    left: 1490px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-2-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartCities .circle .slice-three {
    top: 1055px;
    left: 931px;
    width: 1015px;
    height: 373px;
    background: transparent url('../img_min/slice-3-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartCities .circle .circle-text {
    width: 1013px;
    height: 896px;
    left: 924px;
    top: 446px;
    overflow: visible;
    background: transparent url('../img_min/circle-text-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* Experience */
#smartCities .experience .block {
    top: 79px;
    left: 234px;
    width: 2415px;
    height: 1473px;
    background: transparent url('../img_min/video-screen-double-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartCities .experience .button-play-left {
    top: 1438px;
    left: 795px;
    width: 80px;
    height: 80px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartCities .experience .button-play-right {
    top: 1438px;
    left: 1988px;
    width: 80px;
    height: 80px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartCities .experience .title-left {
    top: 1064px;
    left: 612px;
    width: 511px;
    height: 82px;
    text-align: left;
    font: normal normal normal 70px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 3;
}

#smartCities .experience .title-right {
    top: 1064px;
    left: 1777px;
    width: 529px;
    height: 82px;
    text-align: left;
    font: normal normal normal 70px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 3;
}

#smartCities .experience .left-block {
    top: 400px;
    left: 282px;
    width: 1130px;
    height: 636px;
    background: transparent url('../img_min/video-screen-space-solutions-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartCities .experience .right-block {
    top: 400px;
    left: 1467px;
    width: 1130px;
    height: 636px;
    background: transparent url('../img_min/video-screen-traffic-solutions-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

/* Demo */
#smartCities .demo .block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartCities .demo .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartCities .demo .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/demo-sample-screen-CITIES-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartCities .demo .button-launch-demo {
    width: 209px;
    height: 57px;
    left: 1336px;
    top: 1442px;
    overflow: visible;
    background: transparent url('../img_min/button-launch-demo-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartCities .case .main-block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/case-study-smart-cities-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

/*  Smart Events  */
#smartEvents {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-03-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartEvents .title {
    top: 1248px;
    left: 2100px;
    width: 568px;
    height: 110px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 1;
}

/* Circle */
#smartEvents .circle .blue {
    overflow: visible;
    width: 1319px;
    height: 1320px;
    left: 781px;
    top: 150px;
    background: transparent url('../img_min/circle-photo-bkgnd-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartEvents .circle .img-0 {
    top: 165px;
    left: 797px;
    width: 1290px;
    height: 1290px;
    background: transparent url('../img_min/circle-photo-smart-events-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartEvents .circle .img-1 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-events-photo-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    transition: 1s all ease-in-out;
    border-radius: 50%;
    z-index: 999;
}

#smartEvents .circle .img-2 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-events-photo-02-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartEvents .circle .img-3 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-events-photo-03-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartEvents .circle .slice-one {
    top: 195px;
    left: 821px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-1-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartEvents .circle .slice-two {
    top: 195px;
    left: 1490px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-2-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartEvents .circle .slice-three {
    top: 1055px;
    left: 931px;
    width: 1015px;
    height: 373px;
    background: transparent url('../img_min/slice-3-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartEvents .circle .circle-text {
    width: 1013px;
    height: 896px;
    left: 924px;
    top: 446px;
    overflow: visible;
    background: transparent url('../img_min/circle-text-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* Experience */
#smartEvents .experience .block {
    top: 79px;
    left: 234px;
    width: 2415px;
    height: 1473px;
    background: transparent url('../img_min/video-screen-double-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartEvents .experience .button-play-left {
    top: 1438px;
    left: 795px;
    width: 80px;
    height: 80px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartEvents .experience .button-play-right {
    top: 1438px;
    left: 1988px;
    width: 80px;
    height: 80px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartEvents .experience .title-left {
    top: 1064px;
    left: 472px;
    width: 796px;
    height: 82px;
    text-align: left;
    font: normal normal normal 70px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 3;
}

#smartEvents .experience .title-right {
    top: 1064px;
    left: 1755px;
    width: 572px;
    height: 82px;
    text-align: left;
    font: normal normal normal 70px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 3;
}

#smartEvents .experience .left-block {
    top: 400px;
    left: 282px;
    width: 1130px;
    height: 636px;
    background: transparent url('../img_min/video-screen-experience-solutions-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartEvents .experience .right-block {
    top: 400px;
    left: 1467px;
    width: 1130px;
    height: 636px;
    background: transparent url('../img_min/video-screen-stadium-solutions-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

/* Demo */
#smartEvents .demo .block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartEvents .demo .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartEvents .demo .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/demo-sample-screen-EVENTS.jpg') 0% 0% no-repeat padding-box;
    background-size: cover;
    /* background: transparent url('../img_min/indycar-thumb.PNG') 0% 0% no-repeat padding-box; */
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

/*#smartEvents .demo .button-launch-demo {*/
/*    width: 209px;*/
/*    height: 57px;*/
/*    left: 1336px;*/
/*    top: 1442px;*/
/*    overflow: visible;*/
/*    background: transparent url('../img_min/button-launch-demo-min.png') 0% 0% no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    cursor: pointer;*/
/*}*/

#smartEvents .demo .button-launch-demo {
    position: absolute;
    width: 80px;
    height: 81px;
    left: 1399px;
    top: 1438px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    z-index: 3;
    cursor: pointer;
}

#smartEvents .case .main-block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/case-study-smart-events-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

/*  Smart Manu  */
#smartManu {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-03-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartManu .title {
    top: 1208px;
    left: 2100px;
    width: 612px;
    height: 209px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 1;
}

/* Circle */
#smartManu .circle .blue {
    overflow: visible;
    width: 1319px;
    height: 1320px;
    left: 781px;
    top: 150px;
    background: transparent url('../img_min/circle-photo-bkgnd-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartManu .circle .img-0 {
    top: 165px;
    left: 797px;
    width: 1290px;
    height: 1290px;
    background: transparent url('../img_min/circle-photo-smart-manu-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartManu .circle .img-1 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-manu-photo-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    transition: 1s all ease-in-out;
    border-radius: 50%;
    z-index: 999;
}

#smartManu .circle .img-2 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-manu-photo-02-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartManu .circle .img-3 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-manu-photo-03-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartManu .circle .slice-one {
    top: 195px;
    left: 821px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-1-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartManu .circle .slice-two {
    top: 195px;
    left: 1490px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-2-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartManu .circle .slice-three {
    top: 1055px;
    left: 931px;
    width: 1015px;
    height: 373px;
    background: transparent url('../img_min/slice-3-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartManu .circle .circle-text {
    width: 1013px;
    height: 896px;
    left: 924px;
    top: 446px;
    overflow: visible;
    background: transparent url('../img_min/circle-text-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* Experience */
#smartManu .experience .block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartManu .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartManu .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/video-sample-screen-03-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartManu .button-play {
    position: absolute;
    width: 80px;
    height: 81px;
    left: 1399px;
    top: 1438px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    z-index: 3;
    cursor: pointer;
}

/* Demo */
#smartManu .demo .block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartManu .demo .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartManu .demo .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/demo-sample-screen-EVENTS-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartManu .demo .button-launch-demo {
    width: 209px;
    height: 57px;
    left: 1336px;
    top: 1442px;
    overflow: visible;
    background: transparent url('../img_min/button-launch-demo-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartManu .case .main-block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/case-study-smart-events-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

/*  Smart Heatlh  */
#smartHealth {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/BKGND-03-Smart-World-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartHealth .title {
    top: 1208px;
    left: 2100px;
    width: 457px;
    height: 209px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F6F6F6;
    position: absolute;
    z-index: 1;
}

/* Circle */
#smartHealth .circle .blue {
    overflow: visible;
    width: 1319px;
    height: 1320px;
    left: 781px;
    top: 150px;
    background: transparent url('../img_min/circle-photo-bkgnd-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartHealth .circle .img-0 {
    top: 165px;
    left: 797px;
    width: 1290px;
    height: 1290px;
    background: transparent url('../img_min/circle-pic-healthcare-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartHealth .circle .img-1 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-healthcare-photo-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    transition: 1s all ease-in-out;
    border-radius: 50%;
    z-index: 999;
}

#smartHealth .circle .img-2 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-healthcare-photo-02-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartHealth .circle .img-3 {
    top: 434px;
    left: 1064px;
    width: 752px;
    height: 752px;
    background: transparent url('../img_min/smart-healthcare-photo-03-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartHealth .circle .slice-one {
    top: 195px;
    left: 821px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-1-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartHealth .circle .slice-two {
    top: 195px;
    left: 1490px;
    width: 569px;
    height: 881px;
    background: transparent url('../img_min/slice-2-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartHealth .circle .slice-three {
    top: 1055px;
    left: 931px;
    width: 1015px;
    height: 373px;
    background: transparent url('../img_min/slice-3-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#smartHealth .circle .circle-text {
    width: 1013px;
    height: 896px;
    left: 924px;
    top: 446px;
    overflow: visible;
    background: transparent url('../img_min/circle-text-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* Experience */
#smartHealth .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartHealth .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/video-sample-screen-02-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartHealth .button-play {
    position: absolute;
    width: 80px;
    height: 81px;
    left: 1399px;
    top: 1438px;
    overflow: visible;
    background: transparent url('../img_min/Button-Play-min.png') 0% 0% no-repeat padding-box;
    z-index: 3;
    cursor: pointer;
}

/* Demo */
#smartHealth .demo .block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    opacity: 1;
    z-index: 0;
    position: absolute;
}

#smartHealth .demo .outline {
    width: 2415px;
    height: 1473px;
    left: 234px;
    top: 79px;
    background: transparent url('../img_min/video-screen-SINGLE-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#smartHealth .demo .main-block {
    top: 130px;
    left: 282px;
    width: 2317px;
    height: 1304px;
    background: transparent url('../img_min/demo-sample-screen-HEALTHCARE-min.png') 0% 0% no-repeat padding-box;
    z-index: 2;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

#smartHealth .demo .button-launch-demo {
    width: 209px;
    height: 57px;
    left: 1336px;
    top: 1442px;
    overflow: visible;
    background: transparent url('../img_min/button-launch-demo-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

#smartHealth .case .main-block {
    top: 0px;
    left: 0px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img_min/case-study-smart-events-min.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
    position: absolute;
}


/*  Where do we Start  */
#whereStart .title-top {
    top: 680px;
    left: 123px;
    width: 486px;
    height: 209px;
    text-align: left;
    font: normal normal normal 95px/99px HelveticaNeueMed;
    letter-spacing: 0px;
    color: #F6F6F6;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#whereStart .globe-img {
    top: 130px;
    left: -437px;
    width: 1316px;
    height: 1316px;
    background: transparent url('../img_min/circle-pic-where-to-start-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/*  Icon 1  */
#whereStart .icon-1-outline {
    top: 250px;
    left: 1053px;
    width: 472px;
    height: 963px;
    background: transparent url('../img_min/where-to-start-outline-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#whereStart .icon-1-text-top {
    top: 331px;
    left: 1191px;
    width: 200px;
    height: 96px;
    background: transparent url('../img_min/icon-1-text-top-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#whereStart .icon-1-img {
    top: 287px;
    left: 1096px;
    width: 391px;
    height: 473px;
    background: transparent url('../img_min/icon-1-img-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#whereStart .icon-1-text-bot {
    top: 798px;
    left: 1125px;
    width: 304px;
    height: 304px;
    background: transparent url('../img_min/icon-1-text-bot-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/*  Icon 2  */
#whereStart .icon-2-outline {
    top: 250px;
    left: 1645px;
    width: 470px;
    height: 961px;
    background: transparent url('../img_min/where-to-start-outline-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#whereStart .icon-2-text-top {
    top: 312px;
    left: 1729px;
    width: 304px;
    height: 142px;
    background: transparent url('../img_min/icon-2-text-top-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#whereStart .icon-2-img {
    top: 287px;
    left: 1686px;
    width: 392px;
    height: 473px;
    background: transparent url('../img_min/icon-2-img-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#whereStart .icon-2-text-bot {
    top: 802px;
    left: 1712px;
    width: 263px;
    height: 228px;
    background: transparent url('../img_min/icon-2-text-bot-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/*  Icon 3  */
#whereStart .icon-3-outline {
    top: 250px;
    left: 2235px;
    width: 472px;
    height: 963px;
    background: transparent url('../img_min/where-to-start-outline-01-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#whereStart .icon-3-text-top {
    top: 331px;
    left: 2324px;
    width: 298px;
    height: 96px;
    background: transparent url('../img_min/icon-3-text-top-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#whereStart .icon-3-img {
    top: 287px;
    left: 2277px;
    width: 391px;
    height: 473px;
    background: transparent url('../img_min/icon-3-img-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#whereStart .icon-3-text-bot {
    top: 802px;
    left: 2306px;
    width: 328px;
    height: 190px;
    background: transparent url('../img_min/icon-3-text-bot-min.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}