@font-face {
    font-family: "AvenirRoman";
    src: url("/fonts/AvenirRoman.eot");
    src: url("/fonts/AvenirRoman.eot") format("embedded-opentype"), url("/fonts/AvenirRoman.woff2") format("woff2"), url("/fonts/AvenirRoman.woff") format("woff"), url("/fonts/AvenirRoman.ttf") format("truetype"), url("/fonts/AvenirRoman.svg#AvenirRoman") format("svg");
}

.leftpic {
    width: 2.1in;
    transform: rotate(-8deg);
    max-height: 1.6in;
    -webkit-box-shadow: -4px 4px 8px 0px rgba(50, 50, 50, 0.9);
    -moz-box-shadow: -4px 4px 8px 0px rgba(50, 50, 50, 0.9);
    box-shadow: -4px 4px 8px 0px rgba(50, 50, 50, 0.9);
}

.rightpic {
    width: 2.1in;
    transform: rotate(8deg);
    max-height: 1.6in;
    -webkit-box-shadow: -4px 4px 8px 0px rgba(50, 50, 50, 0.9);
    -moz-box-shadow: -4px 4px 8px 0px rgba(50, 50, 50, 0.9);
    box-shadow: -4px 4px 8px 0px rgba(50, 50, 50, 0.9);
}

#leftpic {
    position: absolute;
    top: 2.1in;
    left: 0.25in;
    width: 2.3in;
    height: 1.5in;
}

#rightpic {
    position: absolute;
    top: 1.9in;
    left: 5.95in;
    width: 2.75in;
    height: 1.9in;
}

#JLJS {
    position: absolute;
    top: 2.75in;
    width: 8.75in;
    left: 0in;
    height: 0.65in;
}

.scrolly {
    border: 1px solid #777;
}

#scrolly {
    height: 9rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding: 0 !important;
}

#positive_gallery #scrolly {
    height: 8.5rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding: 0 !important;
}

#positive_gallery .scrollypic {
    position: relative;
    width: 135px !important;
}

#positive_gallery .scrollyTitle {
    position: absolute;
    top: 4rem;
    left: 0;
    font-size: 0.7rem;
    width: 135px;
    float: left;
}

.holidayscrolly {
    height: 9rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding: 0 !important;
}

    .holidayscrolly > div:not(.modal) {
        height: 9rem;
        margin: 5px 5px;
        display: inline;
    }

#AgentLogos_1 #scrolly {
    height: 1.25in;
    overflow-x: auto;
}

#scrolly > div:not(.modal) {
    height: 11rem;
    margin: 5px 5px;
    display: inline;
}

#scrolly_Jumbo {
    width: 98%;
    height: 11rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0 !important;
}

    #scrolly_Jumbo > div:not(.modal) {
        height: 11rem;
        margin: 5px 5px;
        display: inline;
    }

#scrolly_Pano {
    height: 11rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0 0.25rem;
}

    #scrolly_Pano > div:not(.modal) {
        height: 11rem;
        margin: 5px 5px;
        display: inline;
    }

.frontportrait {
    transform: rotate(-90deg);
    position: relative;
    top: 120px;
    left: 155px;
    min-width: 8.5in;
    min-height: 5.5in;
    border: 1px solid black;
    overflow: hidden;
}

.portrait {
    transform: rotate(-90deg);
    position: absolute;
    top: -55px;
    left: 55px;
    display: flex;
    width: 591px;
    height: 700px;
    border: 1px solid red;
    overflow: hidden;
}

    .portrait > #ImgProp1.photo1 {
        height: 700px;
    }

    .portrait > #ImgProp1.photo2 {
        position: absolute;
        top: 0;
        height: 350px;
        width: 100%;
    }

    .portrait > #ImgProp2.photo1 {
        display: none;
    }

    .portrait > #ImgProp2.photo2 {
        position: absolute;
        top: 352px;
        height: 350px;
        width: 100%;
    }