* {
    box-sizing: border-box;
}

body {
    margin: 0;
    width: 3840px;
    height: 2160px;
    color: #000;
    background-color: fff;
    user-select: none;
}

.hidden {
    display: none;
}

.fullsize {
    width: 100%;
    height: 100%;
}

.button {
    cursor: pointer;
    pointer-events: all;
    /*opacity: 0.5;*/
}

.button-link {
    cursor: pointer;
    pointer-events: all;
    opacity: 0.5;
}

.button.pulse,
.icon.pulse {
    transform-origin: center;
    animation: 3s linear 0s infinite normal none running pulse !important;
    animation-delay: 0.5s !important;
}

.button.locked {
    cursor: none;
    pointer-events: none;
}

.button.disabled,
.button.tempdisabled {
    cursor: none;
    pointer-events: none;
    opacity: 0.3;
    animation: none !important;
}

.button.disabled .icon,
.button.tempdisabled .icon {
    cursor: none;
    pointer-events: none;
}

.button.tempdisabled .icon.pulse,
.button.disabled .icon.pulse {
    transform-origin: center;
    animation: none !important;
    animation-delay: 0.5s !important;
}


.app-area,
.app-section,
.app-background,
.app-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    overflow: hidden;
}

.img-check-v {
    position: absolute;
    width: 53px;
    height: 48px;
    background-size: cover;
    background-position: center;
    background-image: url(../../assets/image/btn_check_v.png);
}

.button-close-popup {
    width: 101px;
    height: 101px;
    background-size: cover;
    background-position: center;
    background-image: url(../../assets/image/common/btn_close.png);
}

.box {
    position: absolute;
}

#footer {
    font-family: 'Poppins';
    font-size: 25px;
    position: absolute;
    bottom: 44px;
    left: 1147px;
}


/* ************************** */
/* AREA HOME */
/* ************************** */

/* GROUP HOME */
/* SLIDE 1 */
.app-area[area="home"] .app-section[group="home"] .app-slide[slide="1"] {
    background-image: url(../../assets/image/home/slide1.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.app-area[area="home"] .app-section[group="home"] .app-slide[slide="1"] .button[selection="ava"] {
    background-image: url(../../assets/image/home/btn_home_ava.png);
    position: absolute;
    top: 1356px;
    left: 546px;
    width: 576px;
    height: 143px;
}

.app-area[area="home"] .app-section[group="home"] .app-slide[slide="1"] .button[selection="michelle"] {
    background-image: url(../../assets/image/home/btn_home_michelle.png);
    position: absolute;
    top: 1356px;
    left: 1638px;
    width: 568px;
    height: 143px;
}

.app-area[area="home"] .app-section[group="home"] .app-slide[slide="1"] .button[selection="david"] {
    background-image: url(../../assets/image/home/btn_home_david.png);
    position: absolute;
    top: 1356px;
    left: 2719px;
    width: 568px;
    height: 143px;
}

.app-area[area="home"] .app-section[group="home"] .button[buttonid="resources"] {
    background-image: url(../../assets/image/common/btn_resources_text.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1948px;
    left: 50px;
    width: 145px;
    height: 146px;
}

.app-area[area="home"] .app-section[group="home"] .button[buttonid="resources"] .icon {
    background-image: url(../../assets/image/common/btn_resources_icon.png);
    position: absolute;
    top: 0px;
    left: 24px;
    width: 98px;
    height: 98px;
}












































/*----------------------------*/

.app-section[group="main"] .app-slide .button.button-check {
    position: absolute;
    width: 140px;
    height: 140px;
}

.app-section[group="main"] .button[buttonid="resources"] {
    position: absolute;
    top: 2015px;
    left: 142px;
    width: 303px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="resources"] .icon {
    background-image: url(../../assets/image/btn_resources.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="home"] {
    position: absolute;
    top: 2015px;
    left: 496px;
    width: 220px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="home"] .icon {
    background-image: url(../../assets/image/btn_home.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="back"] {
    background-image: url(../../assets/image/btn_back.png);
    position: absolute;
    top: 1976px;
    left: 2883px;
    width: 428px;
    height: 143px;
}

.app-section[group="main"] .button[buttonid="closepopupresources"] {
    background-image: url(../../assets/image/popup_access_resources.png);
    position: absolute;
    top: 1804px;
    left: 122px;
    width: 989px;
    height: 214px;
}

.app-section[group="main"] .button[buttonid="continue"],
.app-section[group="main"] .button[buttonid="startover"] {
    position: absolute;
    top: 1976px;
    left: 3302px;
    width: 428px;
    height: 143px;
}

.app-section[group="main"] .button[buttonid="continue"] {
    background-image: url(../../assets/image/btn_continue.png);
}

.app-section[group="main"] .button[buttonid="startover"] {
    background-image: url(../../assets/image/btn_startover.png);
    position: absolute;
    top: 1976px;
    left: 3302px;
    width: 428px;
    height: 143px;
}


.app-section[group="main"] .button-menu[menu="1"] {
    background-image: url(../../assets/image/btn_menu1_off.png);
    position: absolute;
    top: 59px;
    left: -12px;
    width: 582px;
    height: 123px;
    z-index: 5;
}

.app-section[group="main"] .button-menu[menu="1"].active {
    background-image: url(../../assets/image/btn_menu1_on.png);
}

.app-section[group="main"] .button-menu[menu="2"] {
    background-image: url(../../assets/image/btn_menu2_off.png);
    position: absolute;
    top: 59px;
    left: 488px;
    width: 604px;
    height: 123px;
    z-index: 4;
}

.app-section[group="main"] .button-menu[menu="2"].active {
    background-image: url(../../assets/image/btn_menu2_on.png);
}

.app-section[group="main"] .button-menu[menu="3"] {
    background-image: url(../../assets/image/btn_menu3_off.png);
    position: absolute;
    top: 59px;
    left: 1013px;
    width: 604px;
    height: 123px;
    z-index: 3;
}

.app-section[group="main"] .button-menu[menu="3"].active {
    background-image: url(../../assets/image/btn_menu3_on.png);
}

.app-section[group="main"] .button-menu[menu="4"] {
    background-image: url(../../assets/image/btn_menu4_off.png);
    position: absolute;
    top: 59px;
    left: 1531px;
    width: 604px;
    height: 123px;
    z-index: 2;
}

.app-section[group="main"] .button-menu[menu="4"].active {
    background-image: url(../../assets/image/btn_menu4_on.png);
}

.app-section[group="main"] .button-menu[menu="5"] {
    background-image: url(../../assets/image/btn_menu5_off.png);
    position: absolute;
    top: 59px;
    left: 2053px;
    width: 604px;
    height: 123px;
    z-index: 1;
}

.app-section[group="main"] .button-menu[menu="5"].active {
    background-image: url(../../assets/image/btn_menu5_on.png);
}

.app-section[group="main"] .button-menu[menu="99"] {
    background-image: url(../../assets/image/btn_menu99_on.png);
    position: absolute;
    top: 59px;
    left: 1013px;
    width: 1122px;
    height: 123px;
    z-index: 3;
}

/* SLIDE 2 */
.app-section[group="main"] .app-slide[slide="2"] {
    background-image: url(../../assets/image/slide2.png);
}

.app-section[group="main"] .app-slide[slide="2"] #slide2slider {
    position: absolute;
    top: 1745px;
    width: 1730px;
    left: 1035px;
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider::-webkit-slider-runnable-track {
    background: transparent;
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider::-moz-range-track {
    background: transparent;
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    box-shadow: none;    
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
}

.app-section[group="main"] .app-slide[slide="2"] .button-link[link="resource"] {
    position: absolute;
    top: 1629px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb] {
    position: absolute;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox="1"] {
    background-image: url(../../assets/image/slide2_slider1_box.png);
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox="2"] {
    background-image: url(../../assets/image/slide2_slider2_box.png);
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox="3"] {
    background-image: url(../../assets/image/slide2_slider3_box.png);
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb="1"] {
    background-image: url(../../assets/image/slide2_slider1_thumb.png);
    top: 1642px;
    left: 1134px;
    width: 65px;
    height: 232px;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb="2"] {
    background-image: url(../../assets/image/slide2_slider2_thumb.png);
    top: 1581px;
    left: 1890px;
    width: 62px;
    height: 292px;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb="3"] {
    background-image: url(../../assets/image/slide2_slider3_thumb.png);
    top: 1557px;
    left: 2644px;
    width: 63px;
    height: 316px;
}

/* SLIDE 3 */
.app-section[group="main"] .app-slide[slide="3"] {
    background-image: url(../../assets/image/slide3.png);
}

.app-section[group="main"] .app-slide[slide="3"] .button-link[link="resource"][slideid="30"] {
    position: absolute;
    top: 799px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="3"] .button-link[link="resource"][slideid="31"] {
    position: absolute;
    top: 1119px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

/* SLIDE 4 */
.app-section[group="main"] .app-slide[slide="4"] {
    background-image: url(../../assets/image/slide4.png);
}

/* SLIDE 5 */
.app-section[group="main"] .app-slide[slide="5"] {
    background-image: url(../../assets/image/slide5.png);
}

.app-section[group="main"] .app-slide[slide="5"] .button.area[selection="1"] {
    position: absolute;
    top: 1089px;
    left: 1348px;
    width: 870px;
    height: 315px;
}

.app-section[group="main"] .app-slide[slide="5"] .button.button-check[selection="1"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="5"] .button.area[selection="2"] {
    position: absolute;
    top: 1089px;
    left: 2356px;
    width: 870px;
    height: 315px;
}

.app-section[group="main"] .app-slide[slide="5"] .button.button-check[selection="2"] {
    top: 0px;
    left: 0px;
}

/* SLIDE 6 */
.app-section[group="main"] .app-slide[slide="6"] {
    background-image: url(../../assets/image/slide6.png);
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="1"] {
    position: absolute;
    top: 1478px;
    left: 1323px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="1"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="2"] {
    position: absolute;
    top: 1478px;
    left: 1928px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="2"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="3"] {
    position: absolute;
    top: 1478px;
    left: 2535px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="3"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="4"] {
    position: absolute;
    top: 1478px;
    left: 3141px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="4"] {
    top: 0px;
    left: 0px;
}

/* SLIDE 7 */
.app-section[group="main"] .app-slide[slide="7"] {
    background-image: url(../../assets/image/slide7.png);
}

.app-section[group="main"] .app-slide[slide="7"] .button-close {
    top: 673px;
    left: 3621px;
}

/* SLIDE 8 */
.app-section[group="main"] .app-slide[slide="8"] {
    background-image: url(../../assets/image/slide8.png);
}

/* SLIDE 9 */
.app-section[group="main"] .app-slide[slide="9"] {
    background-image: url(../../assets/image/slide9.png);
}

.app-section[group="main"] .app-slide[slide="9"] .button-link[link="endoscopy"] {
    position: absolute;
    top: 680px;
    left: 2841px;
    width: 320px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="9"] .button-link[link="biopsies"] {
    position: absolute;
    top: 1221px;
    left: 1841px;
    width: 250px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="9"] .button-link[link="external"] {
    position: absolute;
    top: 1629px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

/* SLIDE 10 */
.app-section[group="main"] .app-slide[slide="10"] {
    background-image: url(../../assets/image/slide10.png);
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="1"] {
    background-image: url(../../assets/image/slide10_box1.png);
    top: 518px;
    left: 1218px;
    width: 1422px;
    height: 1339px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="2"] {
    top: 748px;
    left: 2898px;
    width: 659px;
    height: 659px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="2"] [videoid="3"] {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 656px;
    height: 656px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="2"] .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="3"] {
    background-image: url(../../assets/image/slide10_box3.png);
    top: 1563px;
    left: 2898px;
    width: 798px;
    height: 259px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="3"] .button-link[link="resource"] {
    position: absolute;
    top: 9px;
    left: 183px;
    width: 194px;
    height: 130px;
}

/* SLIDE 11 */
.app-section[group="main"] .app-slide[slide="11"] {
    background-image: url(../../assets/image/slide11.png);
}

.app-section[group="main"] .app-slide[slide="11"] .box[box="2"] {
    top: 748px;
    left: 2898px;
    width: 659px;
    height: 659px;
}

.app-section[group="main"] .app-slide[slide="11"] .box[box="2"] [videoid="4"] {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 656px;
    height: 656px;
}

.app-section[group="main"] .app-slide[slide="11"] .box[box="2"] .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* SLIDE 12 */
.app-section[group="main"] .app-slide[slide="12"] {
    background-image: url(../../assets/image/slide12.png);
}

.app-section[group="main"] .app-slide[slide="12"] .button-link[link="resource"] {
    position: absolute;
    top: 959px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 13 */
.app-section[group="main"] .app-slide[slide="13"] {
    background-image: url(../../assets/image/slide13.png);
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="0"] {
    position: absolute;
    top: 560px;
    left: 1052px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="0"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="1"] {
    position: absolute;
    top: 560px;
    left: 2400px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="1"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="2"] {
    position: absolute;
    top: 1070px;
    left: 1053px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="2"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="3"] {
    position: absolute;
    top: 1070px;
    left: 2400px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="3"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button-link[link="resource"] {
    position: absolute;
    top: 1634px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 14 */
.app-section[group="main"] .app-slide[slide="14"] {
    background-image: url(../../assets/image/slide14.png);
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check {
    cursor: default;
    pointer-events: none;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="0"] {
    top: 570px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="1"] {
    top: 570px;
    left: 3534px;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="2"] {
    top: 1080px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="3"] {
    top: 1080px;
    left: 3534px;
}

/* SLIDE 15 */
.app-section[group="main"] .app-slide[slide="15"] {
    background-image: url(../../assets/image/slide15.png);
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="0"] {
    top: 570px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="1"] {
    top: 570px;
    left: 3534px;
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="2"] {
    top: 1080px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="3"] {
    top: 1080px;
    left: 3534px;
}

/* SLIDE 16 */
.app-section[group="main"] .app-slide[slide="16"] {
    background-image: url(../../assets/image/slide16.png);
}

.app-section[group="main"] .app-slide[slide="16"] .button[selection="1"] {
    background-image: url(../../assets/image/slide16_btn1.png);
    position: absolute;
    top: 1120px;
    left: 1513px;
    width: 798px;
    height: 253px;
}

.app-section[group="main"] .app-slide[slide="16"] .button[selection="2"] {
    background-image: url(../../assets/image/slide16_btn2.png);
    position: absolute;
    top: 1120px;
    left: 2398px;
    width: 798px;
    height: 253px;
}

/* SLIDE 17 */
.app-section[group="main"] .app-slide[slide="17"] {
    background-image: url(../../assets/image/slide17.png);
}

/* SLIDE 18 */
.app-section[group="main"] .app-slide[slide="18"] {
    background-image: url(../../assets/image/slide18.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="1"] {
    background-image: url(../../assets/image/slide18_btn1_off_2.png);
    position: absolute;
    top: 716px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="1"] {
    background-image: url(../../assets/image/slide18_btn1_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="2"] {
    background-image: url(../../assets/image/slide18_btn2_off_2.png);
    position: absolute;
    top: 716px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="2"] {
    background-image: url(../../assets/image/slide18_btn2_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="3"] {
    background-image: url(../../assets/image/slide18_btn3_off_2.png);
    position: absolute;
    top: 976px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="3"] {
    background-image: url(../../assets/image/slide18_btn3_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="4"] {
    background-image: url(../../assets/image/slide18_btn4_off_2.png);
    position: absolute;
    top: 976px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="4"] {
    background-image: url(../../assets/image/slide18_btn4_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="5"] {
    background-image: url(../../assets/image/slide18_btn5_off_2.png);
    position: absolute;
    top: 1236px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="5"] {
    background-image: url(../../assets/image/slide18_btn5_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="6"] {
    background-image: url(../../assets/image/slide18_btn6_off_2.png);
    position: absolute;
    top: 1236px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="6"] {
    background-image: url(../../assets/image/slide18_btn6_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="1"] {
    background-image: url(../../assets/image/slide18_box1.png);
    position: absolute;
    top: 746px;
    left: 2895px;
    width: 804px;
    height: 660px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="2"] {
    background-image: url(../../assets/image/slide18_box2.png);
    position: absolute;
    top: 804px;
    left: 2895px;
    width: 804px;
    height: 549px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="3"] {
    background-image: url(../../assets/image/slide18_box3.png);
    position: absolute;
    top: 635px;
    left: 2895px;
    width: 804px;
    height: 887px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="4"] {
    background-image: url(../../assets/image/slide18_box4.png);
    position: absolute;
    top: 568px;
    left: 2895px;
    width: 804px;
    height: 1029px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="5"] {
    background-image: url(../../assets/image/slide18_box5.png);
    position: absolute;
    top: 623px;
    left: 2895px;
    width: 804px;
    height: 915px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="6"] {
    background-image: url(../../assets/image/slide18_box6.png);
    position: absolute;
    top: 681px;
    left: 2895px;
    width: 804px;
    height: 799px;
}

/* SLIDE 19 */
.app-section[group="main"] .app-slide[slide="19"] {
    background-image: url(../../assets/image/slide19.png);
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="1"] {
    background-image: url(../../assets/image/slide18_btn1_on_2.png);
    position: absolute;
    top: 716px;
    left: 1138px;
    width: 550px;
    height: 216px;    
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="2"] {
    background-image: url(../../assets/image/slide18_btn2_on_2.png);
    position: absolute;
    top: 716px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="3"] {
    background-image: url(../../assets/image/slide18_btn3_on_2.png);
    position: absolute;
    top: 976px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="4"] {
    background-image: url(../../assets/image/slide18_btn4_on_2.png);
    position: absolute;
    top: 976px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="5"] {
    background-image: url(../../assets/image/slide18_btn5_on_2.png);
    position: absolute;
    top: 1236px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="6"] {
    background-image: url(../../assets/image/slide18_btn6_on_2.png);
    position: absolute;
    top: 1236px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .box-draggable-x[value="6"] {
    background-image: url(../../assets/image/slide18_btn6_on_2.png);
    position: absolute;
    top: 1536px;
    left: 1920px;
    width: 550px;
    height: 216px;
}


.app-section[group="main"] .app-slide[slide="19"] .box {
}

.app-section[group="main"] .app-slide[slide="19"] .box.dropping {
    -webkit-box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6); 
    box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6);
}

.app-section[group="main"] .app-slide[slide="19"] .box.dropped {
    -webkit-box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6); 
    box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6);
}


.app-section[group="main"] .app-slide[slide="19"] .box[value="1"] {
    position: absolute;
    top: 313px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(0,91,113,0.95);
    border-radius: 60px;
    background-image: url(../../assets/image/slide19_box1_droppable_bkg.png);
    background-repeat: no-repeat;
    background-position: center;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="2"] {
    position: absolute;
    top: 575px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(0,152,165,0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="3"] {
    position: absolute;
    top: 838px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(77,183,192,0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="4"] {
    position: absolute;
    top: 1100px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(128, 204, 210, 0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="5"] {
    position: absolute;
    top: 1363px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(179,224,228,0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="6"] {
    position: absolute;
    top: 1628px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(179,224,228,0.95);
    border-radius: 60px;
    background-image: url(../../assets/image/slide19_box1_droppable_bkg.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* SLIDE 20 */
.app-section[group="main"] .app-slide[slide="20"] {
    background-image: url(../../assets/image/slide20.png);
}

/* SLIDE 21 */
.app-section[group="main"] .app-slide[slide="21"] {
    background-image: url(../../assets/image/slide21.png);
}

.app-section[group="main"] .app-slide[slide="21"] .button.area[selection="0"] {
    position: absolute;
    top: 1122px;
    left: 1064px;
    width: 744px;
    height: 249px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.button-check[selection="0"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.area[selection="1"] {
    position: absolute;
    top: 1122px;
    left: 1914px;
    width: 744px;
    height: 249px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.button-check[selection="1"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.area[selection="2"] {
    position: absolute;
    top: 1122px;
    left: 2763px;
    width: 744px;
    height: 249px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.button-check[selection="2"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="21"] .button-link[link="external"] {
    position: absolute;
    top: 1676px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 22 */
.app-section[group="main"] .app-slide[slide="22"] {
    background-image: url(../../assets/image/slide22.png);
}

.app-section[group="main"] .app-slide[slide="22"] .button-close {
    top: 423px;
    left: 3621px;
}

/* SLIDE 23 */
.app-section[group="main"] .app-slide[slide="23"] {
    background-image: url(../../assets/image/slide23.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button[selection="1"] {
    background-image: url(../../assets/image/slide23_btn1_off.png);
    position: absolute;
    top: 634px;
    left: 1275px;
    width: 1260px;
    height: 306px;
}

.app-section[group="main"] .app-slide[slide="23"] .button.active[selection="1"] {
    background-image: url(../../assets/image/slide23_btn1_on.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button.selected[selection="1"] {
    background-image: url(../../assets/image/slide23_btn1_selected.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button[selection="2"] {
    background-image: url(../../assets/image/slide23_btn2_off.png);
    position: absolute;
    top: 934px;
    left: 1275px;
    width: 1260px;
    height: 306px;
}

.app-section[group="main"] .app-slide[slide="23"] .button.active[selection="2"] {
    background-image: url(../../assets/image/slide23_btn2_on.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button.selected[selection="2"] {
    background-image: url(../../assets/image/slide23_btn2_selected.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button[selection="3"] {
    background-image: url(../../assets/image/slide23_btn3_off.png);
    position: absolute;
    top: 1235px;
    left: 1275px;
    width: 1260px;
    height: 306px;
}

.app-section[group="main"] .app-slide[slide="23"] .button.active[selection="3"] {
    background-image: url(../../assets/image/slide23_btn3_on.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button.selected[selection="3"] {
    background-image: url(../../assets/image/slide23_btn3_selected.png);
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="1"] {
    background-image: url(../../assets/image/slide23_box1.png);
    position: absolute;
    top: 573px;
    left: 2895px;
    width: 804px;
    height: 1013px;
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="2"] {
    background-image: url(../../assets/image/slide23_box2.png);
    position: absolute;
    top: 898px;
    left: 2895px;
    width: 804px;
    height: 372px;
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="3"] {
    background-image: url(../../assets/image/slide23_box3.png);
    position: absolute;
    top: 573px;
    left: 2895px;
    width: 804px;
    height: 1013px;
}

.app-section[group="main"] .app-slide[slide="23"] .button-link[link="external"] {
    position: absolute;
    top: 1617px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 24 */
.app-section[group="main"] .app-slide[slide="24"] {
    background-image: url(../../assets/image/slide24.png);
}

/* SLIDE 25 */
.app-section[group="main"] .app-slide[slide="25"] {
    background-image: url(../../assets/image/slide25.png);
}

.app-section[group="main"] .app-slide[slide="25"] .button-link[link="resource"] {
    position: absolute;
    top: 1679px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 26 */
.app-section[group="main"] .app-slide[slide="26"] {
    background-image: url(../../assets/image/slide26.png);
}

.app-section[group="main"] .app-slide[slide="26"] .button-link[link="resource"] {
    position: absolute;
    top: 1629px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="26"] #slide26slider {
    position: absolute;
    top: 1608px;
    width: 2804px;
    left: 522px;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider::-webkit-slider-runnable-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider::-moz-range-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    filter: drop-shadow( 0px 0px 10px rgba(255,0,0,1));
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb] {
    position: absolute;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="1"] {
    background-image: url(../../assets/image/slide26_slider1_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="2"] {
    background-image: url(../../assets/image/slide26_slider2_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="3"] {
    background-image: url(../../assets/image/slide26_slider3_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="4"] {
    background-image: url(../../assets/image/slide26_slider4_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="1"] {
    background-image: url(../../assets/image/slide26_slider1_thumb.png);
    top: 1397px;
    left: 529px;
    width: 88px;
    height: 240px;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="2"] {
    background-image: url(../../assets/image/slide26_slider2_thumb.png);
    top: 1328px;
    left: 1428px;
    width: 85px;
    height: 307px;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="3"] {
    background-image: url(../../assets/image/slide26_slider3_thumb.png);
    top: 1285px;
    left: 2325px;
    width: 90px;
    height: 354px;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="4"] {
    background-image: url(../../assets/image/slide26_slider4_thumb.png);
    top: 1236px;
    left: 3229px;
    width: 122px;
    height: 402px;
}

/* GROUP RESOURCES */

.app-section[group="resources"] {
    background-image: url(../../assets/image/bkg_section_resources.png);
}

.app-section[group="resources"] .button[buttonid="home"] {
    position: absolute;
    top: 2015px;
    left: 142px;
    width: 220px;
    height: 75px;
}

.app-section[group="resources"] .button[buttonid="home"] .icon {
    background-image: url(../../assets/image/btn_home.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
}

.app-section[group="resources"] .button[buttonid="back"] {
    background-image: url(../../assets/image/btn_back.png);
    position: absolute;
    top: 1976px;
    left: 3302px;
    width: 428px;
    height: 143px;
}


/* SLIDE 27 */
.app-section[group="resources"] .app-slide[slide="27"] {
    background-image: url(../../assets/image/slide27.png);
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource {
    position: absolute;
    width: 798px;
    height: 164px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="1"] {
    background-image: url(../../assets/image/slide27_btn1.png);
    top: 585px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="2"] {
    background-image: url(../../assets/image/slide27_btn2.png);
    top: 786px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="3"] {
    background-image: url(../../assets/image/slide27_btn3.png);
    top: 987px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="4"] {
    background-image: url(../../assets/image/slide27_btn4.png);
    top: 1188px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="5"] {
    background-image: url(../../assets/image/slide27_btn5.png);
    top: 585px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="6"] {
    background-image: url(../../assets/image/slide27_btn6.png);
    top: 786px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="7"] {
    background-image: url(../../assets/image/slide27_btn7.png);
    top: 987px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="8"] {
    background-image: url(../../assets/image/slide27_btn8.png);
    top: 1188px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="9"] {
    background-image: url(../../assets/image/slide27_btn9.png);
    top: 1383px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="10"] {
    background-image: url(../../assets/image/slide27_btn10.png);
    top: 585px;
    left: 2464px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="11"] {
    background-image: url(../../assets/image/slide27_btn11.png);
    top: 786px;
    left: 2464px;
}

/* SLIDE 28 */
.app-section[group="resources"] .app-slide[slide="28"] {
    background-image: url(../../assets/image/slide28.png);
}

.app-section[group="resources"] .app-slide[slide="28"] #slide28slider {
    position: absolute;
    top: 1666px;
    width: 2616px;
    left: 602px;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider::-webkit-slider-runnable-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider::-moz-range-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb] {
    position: absolute;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="1"] {
    background-image: url(../../assets/image/slide28_slider1_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="2"] {
    background-image: url(../../assets/image/slide28_slider2_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="3"] {
    background-image: url(../../assets/image/slide28_slider3_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="4"] {
    background-image: url(../../assets/image/slide28_slider4_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="1"] {
    background-image: url(../../assets/image/slide28_slider1_thumb.png);
    top: 1457px;
    left: 613px;
    width: 88px;
    height: 240px;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="2"] {
    background-image: url(../../assets/image/slide28_slider2_thumb.png);
    top: 1397px;
    left: 1449px;
    width: 85px;
    height: 307px;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="3"] {
    background-image: url(../../assets/image/slide28_slider3_thumb.png);
    top: 1345px;
    left: 2283px;
    width: 90px;
    height: 354px;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="4"] {
    background-image: url(../../assets/image/slide28_slider4_thumb.png);
    top: 1320px;
    left: 3130px;
    width: 115px;
    height: 379px;
}


/* SLIDE 29 */
.app-section[group="resources"] .app-slide[slide="29"] {
    background-image: url(../../assets/image/slide29.png);
}

/* SLIDE 30 */
.app-section[group="resources"] .app-slide[slide="30"] {
    background-image: url(../../assets/image/slide30.png);
}

/* SLIDE 31 */
.app-section[group="resources"] .app-slide[slide="31"] {
    background-image: url(../../assets/image/slide31.png);
}

/* SLIDE 32 */
.app-section[group="resources"] .app-slide[slide="32"] .box[sliderid="1"] {
    background-image: url(../../assets/image/slide32_box1.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.app-section[group="resources"] .app-slide[slide="32"] .box[sliderid="2"] {
    background-image: url(../../assets/image/slide32_box2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.app-section[group="resources"] .app-slide[slide="32"] .button[direction="next"] {
    background-image: url(../../assets/image/btn_slidenext.png);
    width: 154px;
    height: 154px;
    position: absolute;
    top: 1000px;
    left: 3486px;
}

.app-section[group="resources"] .app-slide[slide="32"] .button[direction="prev"] {
    background-image: url(../../assets/image/btn_slideprev.png);
    width: 154px;
    height: 154px;
    position: absolute;
    top: 1000px;
    left: 215px;
}

/* SLIDE 33 */
.app-section[group="resources"] .app-slide[slide="33"] {
    background-image: url(../../assets/image/slide33.png);
}

/* SLIDE 34 */
.app-section[group="resources"] .app-slide[slide="34"] {
    background-image: url(../../assets/image/slide34.png);
}

/* SLIDE 35 */
.app-section[group="resources"] .app-slide[slide="35"] {
    background-image: url(../../assets/image/slide35.png);
}

/* ANIMATIONS */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        -webkit-animation-timing-function: ease-in-out;
    }

    5% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        -webkit-animation-timing-function: ease-in-out;
    }

    10% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        -webkit-animation-timing-function: ease-in-out;
    }
}