@media(min-width: 769px) {
    .maincontent > div {
        float: left;
        display: inline-block;
        height: 100% !important;
    }


    .maincontent .content_image {
        width: 45%;
        padding-left: 0vw;
    }
    .maincontent .content_image .slide {
        background-image: url(./assets/slides/3.Dior.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 27.5vw;
        margin-left: 9vw;
        margin-top: 5vw;
        height: 100%;
        z-index: 2;
    }
    .maincontent[data-slide="6"]  .content_image .slide {
        margin-top: 4vw;
        width: 33vw;
    }
    .maincontent .content_image .deluxepad_tools{
        background-image: url(./assets/deluxepad_tools.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 32.3vw !important;
        margin-left: 9vw;
        margin-top: 4vw;
        height: 100%;
        z-index: 1;
    }
    .maincontent .content_image .overlay {
        background-image: url(./assets/ipad_overlay.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 40vw !important;
        margin-left: 5vw;
        height: 10000000px !important;
        z-index: 3;
    }
    .mobile_arrows {
        display: none !important;
    }
}

@media(max-width: 768px) {
    .maincontent .content_text .body img.author {
        width: 20vw !important;
    }

    .maincontent .content_text .title h2 {
        font-size: 5vw !important;
    }
    .maincontent .content_text .body {    
        font-size: 3.4vw !important;
    }
    .logo {
        top: 5vw !important;
        left: 7vw !important;
        min-width: 30% !important;
    }
    .logo_page_container {
        left:33.5vw!important;
        top:6.5vw!important;
    }
    .maincontent > .nav_left_wrapper, .maincontent >  .nav_right_wrapper {
        display: none !important;
    }
    .maincontent {
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100% !important;
        position: absolute;
        display: block;
        z-index: 2;
        overflow-y: auto !important;
        overflow-x: hidden;
        -ms-overflow-style: none;  /* IE 10+ */
        overflow: -moz-scrollbars-none;  /* Firefox */
    }
    .content_text {
        float: left !important;
        margin-top: 10vw !important;
        width: 100% !important;
        display: block !important;
        max-height: 80vh !important;
        max-width: 90vw !important;
        margin-left: 5vw;
        margin-right: 5vw;    
        height: auto !important;
        padding-bottom: 0px !important;
    }
    .content_image {
        float: left !important;
        width:  100% !important;
        display: block !important;
        max-width: 100vw !important;
        height: 70vw !important;
        overflow-y: hidden !important;
    }

    .mobile_arrows {
        display: none;
        float: left;
        width: 90vw;
        height: 20vw;
        margin-top: 4vw;
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .mobile_arrows > .nav_left_wrapper{
        float: left !important;
    }
    .mobile_arrows > .nav_right_wrapper{
        float: right !important;
    }
    .mobile_arrows > .nav_left_wrapper, .mobile_arrows > .nav_right_wrapper {
        min-width: 20vw;
        height: 20vw;
        margin: 0px;
    }
    .maincontent .content_image .slide {
        background-image: url(./assets/slides/3.Dior.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 60vw;
        margin-left: 14.6vw;
        margin-top: 12vw;
        height: 100%;
        z-index: 2;
    }
    .maincontent[data-slide="6"]  .content_image .slide {
        margin-top: 9vw;
        width: 71vw;
    }
    .maincontent .content_image .deluxepad_tools{
        background-image: url(./assets/deluxepad_tools.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 70vw !important;
        margin-left: 14.5vw;
        margin-top: 10vw;
        height: 100%;
        z-index: 1;
    }
    .maincontent .content_image .overlay {
        background-image: url(./assets/ipad_overlay.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        margin-left: 5vw;
        width: 90vw !important;
        height: 10000000px !important;
        z-index: 3;
    }
}
.content_text {
    background-color: #0b0907;
}
body {
    background-color: #0b0907;
    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}
body.loading {
    background-color: white;
}
.loader {
    display: none;
}
.loading .maincontent {
    opacity: 0;    
}
.loading .loader {
    display: block;
    text-align: center;
    height: 100vh;
    vertical-align: middle;
}
.loading .loader .img {
    width: 300px;
    height: 100vh;
    display: inline-block;
    background-image: url(./assets/loading.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.loading .logo .logo_page_container{
    display: none;
}
.logo {
    position: absolute;
    width: 23% !important;
    height: auto;
    left: 10vw;
    top: 2vw;
    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}
.logo_page_container {
    position: absolute;
    left:30vw;
    top: 2.5vw;
}
p.logo_page {
    color: white;
    font-family: GothamGRMedium,"Times New Roman", Times, serif;
    font-size: 1.5vw;
}
.maincontent {
    top: 0px !important;
    min-width: 1024px;
    width: 100% !important;
    padding-top: 5vw;
    height: auto !important;
    min-height: 100vh;
    position: absolute;
    display: block;
    z-index: 2;
    overflow-y: hidden;
    overflow-x: hidden;
    -ms-overflow-style: none;  /* IE 10+ */
    overflow: -moz-scrollbars-none;  /* Firefox */
}
.maincontent .nav_left_wrapper {
    width: 2.6vw !important;
    vertical-align: middle;
    margin-right: 5vw;
    margin-left: 2.4vw;
    height: 80vh !important;
}
.maincontent .nav_right_wrapper {
    background-image: url(./assets/arrow_next_active.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
.maincontent .nav_right_wrapper {
    width: 2.6vw !important;
    margin-left: 5vw;
    vertical-align: middle;
    margin-right: 2.4vw;
    height: 80vh !important;
}
.maincontent .nav_right_wrapper {
    width: 2.6vw !important;
    margin-left: 5vw;
    vertical-align: middle;
    margin-right: 2.4vw;
    height: 80vh !important;
}
.maincontent .nav_left_wrapper {
    background-image: url("./assets/arrow_prev_active.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;    
}
.maincontent .nav_right_wrapper {
    background-image: url("./assets/arrow_next_active.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;    
}

.maincontent .content_text,
.maincontent .content_image {
    margin-top: 5vw;
}
.maincontent .content_text {
    width: 32%;
    padding-right: 0%;
    overflow-y: hidden;
    padding-bottom: 100px;
    -ms-overflow-style: none;  /* IE 10+ */
    overflow: -moz-scrollbars-none;  /* Firefox */
}
.maincontent .content_text .title h2 {
    font-weight: 500;
    font-family: GothamGRMedium,"Times New Roman", Times, serif;
    font-size: 2.66vw;
    line-height: 1.1;
    color: #fff;
    text-align: left;
    margin-top: 0px;
}
.maincontent .content_text .body {    
    font-family: GothamGRBook,"Times New Roman", Times, serif;
    font-size: 1.52vw;
    line-height: 1.1;
    color: #fff;
    text-align: left;
}
.maincontent .content_text .body p {
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
}
.maincontent .content_text .body img.author {
    width: 7vw;
    height: auto;
    float: left;
    margin: 10px;
}

.autoCharStyle1, i {
    font-style: italic;
    font-weight: normal;
    font-family: GothamGRBookItalic,"Times New Roman", Times, serif;
    color: #fff;
}
.autoCharStyle2 {
    font-weight: 500;
    font-family: GothamGRMedium,"Times New Roman", Times, serif;
    color: #fff;
}
.maincontent .content_image {
    width: 45%;
    padding-left: 0vw;
}
/*Fonts*/
@font-face {
    font-family:GothamGRBookItalic;
    src: url('./assets/fonts/GothamGRBookItalic.eot');
    src: local('☺'), url('./assets/fonts/GothamGRBookItalic.woff') format('woff'), url('./assets/fonts/GothamGRBookItalic.ttf') format('truetype'), url('./assets/fonts/GothamGRBookItalic.svg') format('svg'), url('./assets/fonts/GothamGRBookItalic.otf') format('otf');
    font-style: italic;
}

@font-face {
    font-family:MinionPro-Regular;
    src: url('./assets/fonts/MinionPro-Regular.eot');
    src: local('☺'), url('./assets/fonts/MinionPro-Regular.woff') format('woff'), url('./assets/fonts/MinionPro-Regular.ttf') format('truetype'), url('./assets/fonts/MinionPro-Regular.svg') format('svg'), url('./assets/fonts/MinionPro-Regular.otf') format('otf');

}

@font-face {
    font-family:GothamGRBook;
    src: url('./assets/fonts/GothamGRBook.eot');
    src: local('☺'), url('./assets/fonts/GothamGRBook.woff') format('woff'), url('./assets/fonts/GothamGRBook.ttf') format('truetype'), url('./assets/fonts/GothamGRBook.svg') format('svg'), url('./assets/fonts/GothamGRBook.otf') format('otf');
}

@font-face {
    font-family:GothamGRMedium;
    src: url('./assets/fonts/GothamGRMedium.eot');
    src: local('☺'), url('./assets/fonts/GothamGRMedium.woff') format('woff'), url('./assets/fonts/GothamGRMedium.ttf') format('truetype'), url('./assets/fonts/GothamGRMedium.svg') format('svg'), url('./assets/fonts/GothamGRMedium.otf') format('otf');
}
.maincontent[data-slide] [data-slide] {
    display: none;
    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}

.maincontent[data-slide="-1"]   .nav_left_wrapper {
    background-image: url("./assets/arrow_prev_inactive.png");
}
.maincontent[data-slide="66"]   .nav_right_wrapper {
    background-image: url("./assets/arrow_next_inactive.png");
}
.maincontent[data-slide="1"] [data-slide="1"] {
    display: inline-block;
}
.maincontent[data-slide="2"] [data-slide="2"] {
    display: inline-block;
}
.maincontent[data-slide="3"] [data-slide="3"] {
    display: inline-block;
}
.maincontent[data-slide="4"] [data-slide="4"] {
    display: inline-block;
}
.maincontent[data-slide="5"] [data-slide="5"] {
    display: inline-block;
}
.maincontent[data-slide="6"] [data-slide="6"] {
    display: inline-block;
}
.maincontent .content_image .slide {
    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}
.maincontent[data-slide="1"][data-slide-image="1"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image1.jpg);
}
.maincontent[data-slide="1"][data-slide-image="2"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image2.jpg);
}
.maincontent[data-slide="1"][data-slide-image="3"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image3.jpg);
}
.maincontent[data-slide="1"][data-slide-image="4"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image4.jpg);
}
.maincontent[data-slide="1"][data-slide-image="5"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image5.jpg);
}
.maincontent[data-slide="1"][data-slide-image="6"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image6.jpg);
}
.maincontent[data-slide="1"][data-slide-image="7"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image7.jpg);
}
.maincontent[data-slide="1"][data-slide-image="8"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image8.jpg);
}
.maincontent[data-slide="1"][data-slide-image="9"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image9.jpg);
}
.maincontent[data-slide="1"][data-slide-image="10"] .content_image .slide {
    background-image: url(./assets/slide1/slide1image10.jpg);
}


.maincontent[data-slide="2"][data-slide-image="1"] .content_image .slide {
    background-image: url(./assets/slide2/screens/1.CartierJewellery.jpg);
}
.maincontent[data-slide="2"][data-slide-image="2"] .content_image .slide {
    background-image: url(./assets/slide2/screens/2.CartierWatches.jpg);
}
.maincontent[data-slide="2"][data-slide-image="3"] .content_image .slide {
    background-image: url(./assets/slide2/screens/3.Dior.jpg);
}
.maincontent[data-slide="2"][data-slide-image="4"] .content_image .slide {
    background-image: url(./assets/slide2/screens/4.DolceGabbana.jpg);
}
.maincontent[data-slide="2"][data-slide-image="5"] .content_image .slide {
    background-image: url(./assets/slide2/screens/5.Vancleef.jpg);
}

.maincontent[data-slide="3"][data-slide-image="1"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image1.jpg);
}
.maincontent[data-slide="3"][data-slide-image="2"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image2.jpg);
}
.maincontent[data-slide="3"][data-slide-image="3"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image3.jpg);
}
.maincontent[data-slide="3"][data-slide-image="4"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image4.jpg);
}
.maincontent[data-slide="3"][data-slide-image="5"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image5.jpg);
}
.maincontent[data-slide="3"][data-slide-image="6"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image6.jpg);
}
.maincontent[data-slide="3"][data-slide-image="7"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image7.jpg);
}
.maincontent[data-slide="3"][data-slide-image="8"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image8.jpg);
}
.maincontent[data-slide="3"][data-slide-image="9"] .content_image .slide {
    background-image: url(./assets/slide3/slide3image9.jpg);
}

.maincontent[data-slide="4"][data-slide-image="1"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image1.jpg);
}
.maincontent[data-slide="4"][data-slide-image="2"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image2.jpg);
}
.maincontent[data-slide="4"][data-slide-image="3"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image3.jpg);
}
.maincontent[data-slide="4"][data-slide-image="4"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image4.jpg);
}
.maincontent[data-slide="4"][data-slide-image="5"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image5.jpg);
}
.maincontent[data-slide="4"][data-slide-image="6"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image6.jpg);
}
.maincontent[data-slide="4"][data-slide-image="7"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image7.jpg);
}
.maincontent[data-slide="4"][data-slide-image="8"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image8.jpg);
}
.maincontent[data-slide="4"][data-slide-image="9"] .content_image .slide {
    background-image: url(./assets/slide4/slide4image9.jpg);
}

.maincontent[data-slide="5"][data-slide-image="1"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image1.jpg);
}
.maincontent[data-slide="5"][data-slide-image="2"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image2.jpg);
}
.maincontent[data-slide="5"][data-slide-image="3"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image3.jpg);
}
.maincontent[data-slide="5"][data-slide-image="4"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image4.jpg);
}
.maincontent[data-slide="5"][data-slide-image="5"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image5.jpg);
}
.maincontent[data-slide="5"][data-slide-image="6"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image6.jpg);
}
.maincontent[data-slide="5"][data-slide-image="7"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image7.jpg);
}
.maincontent[data-slide="5"][data-slide-image="8"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image8.jpg);
}
.maincontent[data-slide="5"][data-slide-image="9"] .content_image .slide {
    background-image: url(./assets/slide5/slide5image9.jpg);
}
.maincontent[data-slide="6"][data-slide-image="1"] .content_image .slide {
    background-image: url(./assets/slide6/slide6image1.jpg);
}
.maincontent[data-slide="6"][data-slide-image="2"] .content_image .slide {
    background-image: url(./assets/slide6/slide6image2.jpg);
}
.maincontent[data-slide="6"][data-slide-image="3"] .content_image .slide {
    background-image: url(./assets/slide6/slide6image3.jpg);
}
.maincontent[data-slide="6"][data-slide-image="4"] .content_image .slide {
    background-image: url(./assets/slide6/slide6image4.jpg);
}
.maincontent[data-slide="6"][data-slide-image="5"] .content_image .slide {
    background-image: url(./assets/slide6/slide6image5.jpg);
}
::-webkit-scrollbar { 
    display: none; 
}
* {
    -ms-overflow-style: none;  /* IE 10+ */
    overflow: -moz-scrollbars-none;  /* Firefox */
}
*::-webkit-scrollbar {   /** Safari and Chrome **/
    display: none;
}
body, html { /* these are default, can be replaced by hex color values */
    scrollbar-base-color: trasparent;
    scrollbar-face-color: trasparent;
    scrollbar-highlight-color: trasparent;
    scrollbar-3dlight-color: trasparent;
    scrollbar-shadow-color: trasparent;
    scrollbar-darkshadow-color: trasparent;
    scrollbar-track-color: trasparent;
    scrollbar-arrow-color: trasparent;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}