div.cv2-worldwide-header {
    text-align:  center;
}

div.cv2-worldwide-header h1 {
    padding-top:  100px;
    font-size:  45px;
    color:  #63c8c4;
    font-weight:  600;
}

div.cv2-worldwide-map {
    position:  relative;
}

a.cv2-worldwide-map-item {
    position:  absolute;
    text-align:  center;
    width:  200px;
    color:  black;
    text-decoration: none;
}

a.cv2-worldwide-map-item img {
    display:  inline-block;
    width: 80px;
    height:  80px;
    border:  1px solid #f4e05d;
    border-radius:  10px;
}

a.cv2-worldwide-map-item .label {
    background-color:  white;
    border-radius:  10px;
    max-width:  100%;
    font-weight:  600;
    margin-top:  10px;
    white-space:  nowrap;
    font-size:  18px;
    overflow: hidden;
    text-overflow:  ellipsis;
}

/* Los Angeeles */
a#cv2-worldwide-map-2920654 {
    top:  55%;
    left:  0%;
    color:  #63c8c4;
}

a#cv2-worldwide-map-2920654 img {
    border-color:  #63c8c4;
}

/* New York */
a#cv2-worldwide-map-2990574 {
    top:  55%;
    left:  35%;
    color:  #DFC443;
}

a#cv2-worldwide-map-2990574 img {
    border-color:  #DFC443;
}

/* London */
a#cv2-worldwide-map-996637 {
    top:  45%;
    left:  53%;
    color:  #fd9627;
}

a#cv2-worldwide-map-996637 img {
    border-color:  #fd9627;
}

/* Paris */
a#cv2-worldwide-map-41923 {
    top:  55%;
    left:  70%;
    color:  #63c8c4;
}

a#cv2-worldwide-map-41923 img {
    border-color:  #63c8c4;
}

/* Toronto */
a#cv2-worldwide-map-1003 {
    top:  40%;
    left:  20%;
    color:  #ea4c5f;
}

a#cv2-worldwide-map-1003 img {
    border-color:  #ea4c5f;
}



@media all and (max-width: 1200px) {

    a.cv2-worldwide-map-item {
        width:  150px;
    }

    a.cv2-worldwide-map-item img {
        width: 60px;
        height:  60px;
        border-radius:  10px;
    }

    a.cv2-worldwide-map-item .label {
        font-weight:  600;
        margin-top:  8px;
        font-size:  14px;
    }

    /* London */
    a#cv2-worldwide-map-996637 {
        left:  56%;
    }

    /* New York */
    a#cv2-worldwide-map-2990574 {
        left:  33%;
    }

}

@media all and (max-width: 900px) {

    a.cv2-worldwide-map-item {
        width:  130px;
    }

    a.cv2-worldwide-map-item img {
        width: 60px;
        height:  60px;
        border-radius:  10px;
    }

    a.cv2-worldwide-map-item .label {
        font-weight:  600;
        margin-top:  3px;
        font-size:  12px;
    }

    /* London */
    a#cv2-worldwide-map-996637 {
        left:  50%;
    }

}

@media all and (max-width: 759px) {

    .cv2-worldwide-header h1 {
        font-size:  35px;
    }

    a.cv2-worldwide-map-item {
        width:  100px;
    }

    a.cv2-worldwide-map-item img {
        width: 40px;
        height:  40px;
        border-radius:  10px;
    }

    a.cv2-worldwide-map-item .label {
        font-weight:  600;
        margin-top:  1px;
        font-size:  10px;
    }

    /* London */
    a#cv2-worldwide-map-996637 {
        left:  50%;
    }

    /* New York */
    a#cv2-worldwide-map-2990574 {
        left:  36%;
    }


    /* Toronto */
    a#cv2-worldwide-map-1003 {
        top:  35%;
    }
}

@media all and (max-width: 600px) {

    div.cv2-worldwide-header h1 {
        padding-top:  40px;
        font-size:  24px;
        font-weight:  700;
    }
    
    a.cv2-worldwide-map-item {
        width:  80px;
    }

}

@media all and (max-width: 500px) {


    a.cv2-worldwide-map-item {
        width:  60px;
    }

    a.cv2-worldwide-map-item img {
        width: 30px;
        height:  30px;
        border-radius:  5px;
    }

    /* Toronto */
    a#cv2-worldwide-map-1003 {
        top:  5%;
        left:  25%;
    }

    /* London */
    a#cv2-worldwide-map-996637 {
        top:  10%;
        left:  55%;
    }

    /* Paris */
    a#cv2-worldwide-map-41923 {
        top:  40%;
        left:  75%;
    }


}



/* NEW HOME PAGE */

    div.city-selector-container {
        text-align: center;   
        position: relative;
    }

    div.city-selector-secondary h1 {
        padding-top:  30px;
        font-size:  40px;
        color:  #63c8c4;
        font-weight:  700;
        padding-bottom:  40px;
        font-family:  Lato, sans-serif;
    }

    div.home-city-selector-item {
        position: relative;
        height: 200px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 10px;
    }

    div.home-city-selector-city {
        background-color: #f6f6f6;
        background-position: center top;
        background-size: cover;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    div.city-selector-secondary {
        font-size: 14px;
        font-weight:  bold;
        text-align:  center;
    }

    div.city-selector-secondary div.main-breadcrumb {
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 0px;
        font-size: 16px;
    }

    div.city-selector-secondary-cities {
        text-align:  left;
    }

    div.city-selector-secondary h1 {
        margin-bottom: 20px;
    }

    div.city-selector-secondary-b {
        display: none;
        text-align: center;
        font-size: 20px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: white;
    }

    div.city-selector-secondary div.city-selector-secondary-icon {
        display: inline-block;
        background-size: cover;
        background-position: center center;
        width: 160px;
        height: 160px;
        border-radius: 10px;
        margin-bottom:  25px;
    }

    div.city-selector-secondary-content-b {
        position: absolute;
        left: 0;
        right: 0;
        top: 200px;
    }

    a.city-selector-back {
        display: block;
        color: #888888;
        margin-bottom: 20px;
        text-decoration: none;
    }

    div.city-selector-secondary-cities a {
        display: inline-block;
        text-decoration: none;
        margin-top: 10px;
        margin-bottom: 3px;
        letter-spacing: 2px;
        font-size:  24px;
        font-weight:  300;
        font-family:  Lato, sans-serif;
        letter-spacing:  1px;
        color:  black;
        position:  relative;
        padding-bottom:  20px;
    }

    img.city-selector-background-icon {
        position: absolute;
        left:  50%;
        top:  -30px;
        margin-left:  -110px;
        width:  226px;
        height:  226px;
        z-index: -1;
        transition: transform 300ms, margin-left 300ms;
    }

    @media all and (min-width:  800px) {

        div.city-selector-secondary-cities a:hover img.city-selector-background-icon {
            transform:  rotate(90deg);
            margin-left:  -115px;
        }

    }

    @media all and (max-width:  799px) {

        div.city-selector-secondary-cities a.rotate img.city-selector-background-icon {
            transform:  rotate(90deg);
        }

    }

    div.city-selector-title {
        color:  #fd9627;
    }

    div.city-selector-secondary-cities a {
        display: inline-block;
        text-align: center;
        width: 25%;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    @media all and (min-width: 920px) {

    }

    @media all and (max-width: 919px) {

        div.city-selector-secondary div.city-selector-secondary-icon {
            margin-bottom: 10px;
        }

        div.city-selector-secondary-cities a {
            display: inline-block;
            text-align: center;
            width: 50%;
            box-sizing: border-box;
            margin-bottom: 30px;
        }


    }


    div.city-content a {
        background-color: rgba(0,0,0,0.3);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    div.city-content h2 span {
        display: none;
    }    


    div.city-content h2 {
        margin-bottom: 5px;
        padding: 0;
        padding-top: 60px;
        color: white;
        text-align: center;
        font-size: 40px;
    }

    div.city-content h2 a {
        padding-top: 70px;
        color: white;
        text-transform: uppercase;
    }

    div.home-city-selector-city a {
        display: block;
        width: 100%;
        height: 100%;
    }

    div.home-city-selector div.logo img {
        width: 160px;
        height: 21px;
        border: 0;
    }

    div.home-city-selector h1 {
        font-size: 16px;
    }

    div.home-city-selector-city h2 {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    @media all and (max-width:  800px) {

        div.city-selector-secondary div.city-selector-secondary-icon {
            width: 110px;
            height: 110px;
            border-radius: 10px;
            margin-bottom:  20px;
        }        

        div.city-selector-secondary-cities a {
            font-size:  16px;
        }

        div.city-selector-secondary h1 {
            padding-top:  30px;
            font-size:  20px;
            color:  #63c8c4;
            font-weight:  500;
            padding-bottom:  10px;
            font-family:  Lato, sans-serif;
        }


        img.city-selector-background-icon {
            position: absolute;
            left:  50%;
            top:  -20px;
            margin-left:  -75px;
            width:  150px;
            height:  150px;
            z-index: -1
        }
    }

    @media all and (min-width: 680px) {

        div.city-selector-container {
            margin: 0 auto;
            margin-top: 30px;
            max-width: 800px;
            text-align: left;
        }

        div.city-selector-container-inner {
            position: relative;
            margin-right: -20px;
        }

        div.home-city-selector-city {
            background-position: center top;
        }

        div.home-city-selector-item {
            width: 50%;
            box-sizing: border-box;
            display: inline-block;
            margin-left: 0;
            border-right: 20px solid white;
        }

    }

    @media all and (max-width: 679px) and (min-width: 545px) {

        div.city-selector-container {
            margin: 0 auto;
            margin-top: 30px;
            max-width: 400px;
        }

    }

    @media all and (max-width: 544px) {

        div.city-selector-container {
            margin: 0 auto;
            text-align: center;   
        }

        div.city-selector-container h1 {
            font-size: 18px;  
        }

    }

    @media all and (max-width: 350px) {

        div.city-selector-secondary-cities a {
            width:  100%;
        }

    }


    @media all and (max-width: 300px) {

        div.city-content h2 {
            font-size: 30px;
        }

        div.city-content h2 a {
            padding-top: 70px;
        }

    }