.desktop-hide {
            display: none;
        }

        @media only screen and (max-width: 750px) {
            .desktop-hide {
                display: block;
            }

            .mobile-hide {
                display: none;
            }
        }

        .map {
            width: 100%;
        }

        .europe,
        .eastasia,
        .southasia,
        .africa,
        .middleeast {
            fill: #d9dce1;
            transition: all 1000ms;
        }

        .europebubble,
        .eastasiabubble,
        .southasiabubble,
        .africabubble,
        .middleeastbubble {
            opacity: 0;
            transition: opacity 1000ms;
        }

        .carousel {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            padding: 90px 0;
            text-align: center;

            transform: translate(-50%, -50%);
        }

        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        .carousel-inner>.item {
            position: relative;
            display: none;
            animation: 0.5s ease-in-out;
        }

        .carousel-inner>.active,
        .carousel-inner>.next {
            display: block;
        }

        .carousel-inner>.next {
            position: absolute;
            top: 0;
            width: 100%;
        }

        .carousel-inner>.to-left {
            animation-name: left;
        }

        .carousel-inner>.from-right {
            animation-name: right;
        }

        .carousel-inner>.to-right {
            animation-name: right;
            animation-direction: reverse;
        }

        .carousel-inner>.from-left {
            animation-name: left;
            animation-direction: reverse;
        }

        .container {
            margin: 0 auto;
        }

        blockquote {
            padding: 10px 20px;
            margin: 30px 90px;
            font-size: 32px;
        }

        .author {
            margin: 0;
            opacity: 0.5;
        }

        .carousel-control {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;

            cursor: pointer;
        }

        .carousel-control.right {
            right: 0;
            left: auto;
        }

        .carousel-control>.arrow {
            position: absolute;
            bottom: 0%;
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS42MjEiIGhlaWdodD0iMjguMjQzIiB2aWV3Qm94PSIwIDAgMTUuNjIxIDI4LjI0MyI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICAgIHN0cm9rZTogIzAwNzViZTsNCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOw0KICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOw0KICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7DQogICAgICAgIHN0cm9rZS13aWR0aDogM3B4Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9IlBhdGhfMyIgZGF0YS1uYW1lPSJQYXRoIDMiIGNsYXNzPSJjbHMtMSIgZD0iTTAsMCwxMiwxMiwwLDI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjEyMSAyLjEyMSkiLz4NCjwvc3ZnPg0K") center center no-repeat;
            background-size: 26px 20px;

            transform: translateY(-50%);
        }

        .carousel-control>.arrow:hover {
            opacity: 0.8;
        }

        .carousel-control>.arrow.left {
            transform: translateY(-50%) rotate(180deg);
        }

        .carousel-control>.arrow.right {
            right: 50%;
        }

        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            padding-left: 0;
            margin: 0;
            list-style: none;
            transform: translateX(-50%);
        }

        .carousel-indicators li {
            display: inline-block;
            width: 10px;
            height: 10px;
            cursor: pointer;
            background-color: #595959;
            border-radius: 10px;
        }

        .carousel-indicators li.active {
            background-color: #0075BE;
        }

        @media (min-width: 992px) {
            .container {
                width: 970px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                width: 1170px;
            }
        }

        @keyframes left {
            from {
                left: 0;
            }

            to {
                left: -100%;
            }
        }

        @keyframes right {
            from {
                left: 100%;
            }

            to {
                left: 0;
            }
        }
        @media only screen and (max-width: 640px) {
            .carousel {
                top: 0;
                padding: 0;
                transform: translate(-50%, -20%);
                position: relative;
                margin-top:50px;
            }
            ol.carousel-indicators{padding-bottom: 0;}
        }


        /* Style navigation buttons to sit in the middle, either side of the carousel. */
        .carousel__button--prev,
        .carousel__button--next {
            position: absolute;

            width: 3rem;
            height: 3rem;
            background-color: #FFF;
            transform: translateY(-50%);
            border-radius: 50%;
            cursor: pointer;
            z-index: 1001;
            /* Sit on top of everything */

            /*  opacity: 0;  Hide buttons until carousel is initialised 
  transition:opacity 1s;*/
        }


        /* Use pseudo elements to insert arrows inside of navigation buttons */
        .carousel__button--prev::after,
        .carousel__button--next::after {
            content: " ";
            position: absolute;
            width: 10px;
            height: 10px;

            left: 54%;
            border-right: 2px solid #0075BE;
            border-bottom: 2px solid #0075BE;
            transform: translate(-50%, -50%) rotate(135deg);
        }

        .carousel__button--next::after {
            left: 47%;
            transform: translate(-50%, -50%) rotate(-45deg);
        }