@font-face {
    font-family: DTLArgoT;
    src: url(../../fonts/DTLArgoT.otf);
}

@font-face {
    font-family: OpenSans;
    src: url(../../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSansLight;
    src: url(../../fonts/OpenSans-Light.ttf);
}

@font-face {
    font-family: OpenSansBold;
    src: url(../../fonts/OpenSans-Bold.ttf);
}

.fixed-right{
    position: fixed;
    z-index: 100;
    right: 0px;
}

.top-170{
    top: 170px;
}

.not-desktop{
    display: none;
}

.office-component{
    border-bottom: #989898 solid 1px;
}

.flex-space-around{
    display: flex;
    justify-content: space-around;
}

.flex-space-between{
    display: flex;
    justify-content: space-between;
}

.flex-space-evenly{
    display: flex;
    justify-content: space-evenly;
}

.flex-center{
    display: flex;
    justify-content: center;
}

.city{
    padding-left: 37px;
}

.city h1{
    font-size: 24px;
    color: #989898;
    font-weight: 100;
}

.city h4{
    color:#545454;
}

input[type="text"]{
    font-family: OpenSans;
    min-width: 220px;
    font-size: 16px;
    margin: 0 30px 0 0;
    color: #989898;
    font-weight: 100;
}

.flex-inline{
    display: flex;
}

.light{
    font-family: OpenSans;
}

.list{
    font-family: OpenSans;
    background-color:#194da4;
    color: aliceblue
}

.drop-list{
    font-family: OpenSans;
    list-style: none;
    margin-top: 0;
    padding-top: 10px;
    background-color:#194da4;
    color: aliceblue;
}

.list h3{
    font-weight:  300;
}

.width-157{
    min-width: 173.95px;
}

.bold{
    font-weight: 400;
}

.flex-end{
    display: flex;
    justify-content: flex-end;
}

.city-list{
    position: absolute;
}

.gray{
    color: #989898;
}

.margin-none{
    margin: 0;
}

.margin-right-44{
    margin-right: 44px;
}

.margin-left-14{
    margin-left: 14px;
}

.margin-right-14{
    margin-right: 14px;
}

.size-14{
    font-size: 14px;
}

.magnifier{
    content:url(../../icons/magnifier.svg);
}

.on-icon{
    content:url(../../icons/on.svg);
}

.off-icon{
    content:url(../../icons/off.svg);
}

.group-on{
    content:url(../../icons/group.svg);
}

.group-off{
    content:url(../../icons/group-off.svg);
}

.finder{
    margin-right: 37px;
}

.finder h4{
    color: #545454;
    font-family: DTLArgoT;
}

.phone-icon{
    display: none;
}

.office-dir p{
    margin: 0;
}

.drop-list ul {
    margin-right: 40px;
}


.drop-list ul > li {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid;
    width: 260px;
}

.separator{
    position: absolute;
    top:-21px;
    width: 100%;
    border-width: 0.5px;
}

.relative{
    position: relative;
}

.show-list{
    width: 93.63px;
}

.button-next{
    display: none;
}

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

    .fixed-right{
        position: inherit;
        z-index: 100;
        right: inherit;
    }
    
    .top-170{
        top: inherit;
    }

    .not-desktop{
        display: inherit;
    }
    
    .not-mobile{
        display: none;
    }

    .finder {
        display: none;
    }

    .phone-icon{
        display: inherit;
    }

    .show-list{
        display: none;
    }

    .list{
        width: 100%;
        padding-left: 24px;
        margin-left: 0;
    }

    .gray{
        color: aliceblue;
        margin-left: 5px;
    }

    .city h4, .city h1{
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .city h4{
        font-family: DTLArgoT;
    }

    .city h1{
        margin-bottom: 10px;
        color: black;
    }

    .drop-list{
        list-style: none;
        margin-top: 0;
        padding-top: 10px;
        background-color:#194da4;
        color: aliceblue;
        position: fixed;
        bottom: 0;
        top: 15%;
        width: 100%;
        z-index: 1000;
    }

    .drop-list ul {
        margin-right: 0;
    }
    
    .separator{
        position: absolute;
        top:-21px;
        width: 90%;
        border-width: 0.5px;
    }

    .button-next{
        font-size: OpenSans;
        background-color: #002c76;
        width: 100%;
        position: fixed;
        bottom: 0;
        color: aliceblue;
        border: none;
        cursor: grab;
        display: inline;
    }

    .button-next:disabled{
        background-color: #ced4e0;
        cursor: not-allowed;
    }

    .drop-list ul > li {
        width: 90%;
    }

    .button-next h1{
        font-weight: 350;
    }
}