/**************************** SLIDES ***************************/
@-webkit-keyframes anim {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1.2);
    }
}

@-moz-keyframes anim {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1.2);
    }
}

@-o-keyframes anim {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1.2);
    }
}

@keyframes animInit {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1.2);
    }
}

#slide1 {
    -webkit-transition: z-index .01s ease;
    -moz-transition: z-index .01s ease;
    -o-transition: z-index .01s ease;
    -ms-transition: z-index .01s ease;
    transition: z-index .01s ease;
}

#slide6 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    left: 100%;
    overflow: hidden;
}


#s1:not(.ad) {
    background-image: url('../Images/Ohio/Landerbrook_Dr-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

#s2:not(.ad) {
    background-image: url('../Images/Ohio/Chagrin-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

#s3:not(.ad) {
    background-image: url('../Images/Ohio/Auburn_Dr-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

#s4:not(.ad) {
    background-image: url('../Images/Ohio/Canyon_Falls_Blvd-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

#s5:not(.ad) {
    background-image: url('../Images/Ohio/Science_Park_Dr-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

#s6:not(.ad) {
    background-image: url('../Images/Ohio/Chapel_Rd-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

/**************************** SLIDE INFO ADDS ***************************/
.oTrans {
    position: absolute;
    color: #FFFFFF;
}

    .oTrans .tPropName {
        margin-bottom: .2em;
        display: block;
        font-family: Georgia;
        font-style: italic;
        font-weight: bold;
        font-size: 2.46em;
        line-height: .9em;
    }

.tPropAddressCont {
}

.tStamp img {
    width: 18.5em;
    position: absolute;
    z-index: -1;
}

.tPropAddressCont span {
    font-size: 1em;
    font-family: VectoraLTStd-Bold;
}

.break {
    display: none;
}

.line {
    display: inline-block;
    width: 1px;
    height: 1em;
    background-color: #FFFFFF;
    margin-right: .65em;
    margin-left: .65em;
    top: 1px;
    position: relative;
}

.oTrans h5 {
    margin: 0;
}

#slide1 .oTrans {
    top: 31%;
    left: 18%;
}

#slide2 .oTrans {
    top: 31%;
    left: 18%;
}

#slide3 .oTrans {
    top: 31%;
    left: 18%;
}

#slide4 .oTrans {
    top: 31%;
    left: 18%;
    color: #2B3F47;
}

#slide5 .oTrans {
    top: 31%;
    left: 18%;
}

#slide6 .oTrans {
    top: 31%;
    left: 18%;
    color: #2B3F47;
}

/**************************** MADISON STAMP ***************************/
#slide1 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

#slide2 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

#slide3 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

#slide4 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

#slide5 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

#slide6 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

#slide7 .tStamp img {
    top: -7.2em;
    left: -9.5em;
}

/**************************** WHITE ARTICLE ***************************/
.articles .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.articles article {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-top: 9em;
    padding-bottom: 9em;
    overflow: hidden;
}

.articles h2 {
    margin-top: 0 !important;
}

.articles p {
    margin-bottom: 0 !important;
}

.whiteArticle {
    background-color: #FFFFFF;
}

.apart {
    width: 33.333%;
    float: left;
    font-size: 1.3em;
    line-height: 1.13em;
}

    .apart:nth-of-type(-n+3) {
        margin-bottom: 2em;
    }

    .apart span {
        padding-right: 1.1em;
        float: right;
        width: calc(100% - 1.5em);
        min-height: 3.2em;
        text-align: left;
        box-sizing: border-box;
        /* padding-left: .5em; */
    }

.orange {
    color: #EC7258;
    font-family: VectoraLTStd-Italic;
}

.dBlue {
    padding-left: .5em;
}

.desktop {
    margin-top: 3.5em;
}

    .desktop h2 {
        margin-bottom: 1.2em;
    }


.mobile {
    display: none;
    margin-top: 4em;
}

    .mobile span {
        display: block;
        font-size: 1.7em;
        line-height: 1.55;
        font-family: VectoraLTStd-Light;
    }

.checkCircle {
    display: inline !important;
    width: 1.5em !important;
    float: left !important;
}

    .checkCircle img {
        height: 1.5em;
        margin-top: -.15em;
    }
/**************************** LIGHT BLUE ARTICLE ***************************/
.lBlueArticle {
    background-color: #DFE9EF;
    padding-bottom: 0 !important;
    min-height: unset;
}

.ohioQuote {
    float: right;
    width: calc(75% - 20px);
    top: 2.5em;
    position: relative;
}

.ohioQuoteImage {
    transform: translate3d(0,0,0);
    width: 25%;
    height: 25%;
    border-radius: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 7em;
}

.quoteName {
    font-size: .85em;
}

.quoteTitle {
    font-size: .85em;
    font-weight: 600;
}

.mobileImage {
    display: none;
}

/**************************** DARK BLUE ARTICLE ***************************/
.dBlueArticle {
    background-color: #7EB0CC;
    color: #FFFFFF;
}

    .dBlueArticle h2 {
        color: #2B3F47;
        margin-bottom: 1em;
    }

    .dBlueArticle button {
        color: #2B3F47;
        border: solid 1px #2B3F47;
        background-color: transparent;
        margin-top: 0;
        outline: none;
    }

#btnContainer {
    margin-top: 5em;
    height: auto;
}

article button:hover {
    color: #EC7258;
    border: solid 1px #EC7258;
    transition: all ease-out .1s;
}

.dBlueArticle p {
    margin-bottom: 5em !important;
    width: 80%;
    margin: auto;
}

.services {
    width: 33.333%;
    float: left;
}

    .services a {
        display: block;
        text-decoration: underline;
        font-size: .85em;
        margin-top: .5em;
    }

    .services img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        max-width: 100%;
        margin: auto auto 0;
    }

.imgCont {
    position: relative;
    width: 60%;
    text-align: center;
    display: inline-block;
    height: auto;
    margin-bottom: 1.2em;
}


/**************************** MEDIA QUERIES ***************************/
@media only screen and (min-height: 1060px) {
    #slide6 .oTrans {
        top: 35%;
    }
}

@media only screen and (max-width: 1746px) {
    #slide6 .oTrans {
        top: 29%;
        left: 29.5%;
    }
}

@media only screen and (max-width: 1698px) {
    #slide2 .oTrans {
        left: 27.5%;
    }
}

@media only screen and (max-width: 1574px) {
    #slide5 .oTrans {
        top: 28%;
    }

    #slide6 .oTrans {
        left: 28%;
    }
}

@media only screen and (max-width: 1480px) {
    .oTrans {
        font-size: .9em;
    }
}

@media only screen and (max-width: 1380px) {
    .ohioQuoteImage {
        float: none;
        width: 13em;
        height: 13em;
        margin-bottom: 0;
    }

    .ohioQuote {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .lBlueArticle {
        padding-bottom: 9em !important;
    }
}

@media only screen and (max-width: 1282px) {
    .oTrans {
        font-size: .7em;
    }
}

@media only screen and (max-width: 1098px) {
    .apart {
        font-size: 1em;
    }
}

@media only screen and (max-width: 1014px) {
    .articles article {
        font-size: .8em;
    }
}

@media all and (orientation:portrait) {
    .groupImage {
        width: 105%;
        margin-left: -2.5%;
    }

    .oTrans {
        font-size: 1em;
    }

    /*#s1:not(.ad) {
        background-image: url('../Images/Texas/ChaseTowerMobile.jpg');
    }

    #s2:not(.ad) {
        background-image: url('../Images/Texas/necLosColinasMobile2.jpg');
    }

    #s3:not(.ad) {
        background-image: url('../Images/Texas/basswoodManorMobile.jpg');
    }

    #s4:not(.ad) {
        background-image: url('../Images/Texas/parksDentonMobile.jpg');
    }

    #s5:not(.ad) {
        background-image: url('../Images/Texas/skillmanTownMobile2.jpg');
    }

    #s6:not(.ad) {
        background-image: url('../Images/Texas/gardenParkMobile.jpg');
    }

    #slide1 .oTrans {
        left: 25%;
    }

    #slide2 .oTrans {
        left: 15%;
    }

    #slide3 .oTrans .break, #slide6 .oTrans .break {
        clear: right;
        display: block;
    }

    #slide3 .oTrans {
        top: 48%;
        left: 15%;
    }

    #slide3 .tStamp img {
        top: -7.2em;
        left: 12.5em;
    }

    #slide4 .oTrans {
        top: 55%;
        left: 28%;
    }

    #slide5 .oTrans {
        top: 18%;
        left: 15%;
    }

    #slide5 .tStamp img {
        top: -4.5em;
        left: 12.5em;
    }

    #slide6 .oTrans {
        left: 15%;
    }

    #slide6 .tStamp img {
        top: -5em;
        left: 11em;
    }*/

    @media only screen and (max-width: 555px) {
        .oTrans {
            font-size: .7em;
        }
    }

    @media only screen and (max-width: 453px) {
        .tPropAddressCont span {
            letter-spacing: normal;
        }
    }

    @media only screen and (max-width: 430px) {
        .oTrans {
            font-size: .6em !important;
        }
    }

    @media only screen and (max-width: 380px) {
        .footerbottom img {
            height: 45px;
        }

        .ohioLogoFooter {
            left: 12.8em;
            top: -1.2em;
        }
    }

    @media only screen and (max-width: 365px) {
        .oTrans {
            font-size: .55em !important;
            left: 12%;
        }
    }

    @media only screen and (max-width: 350px) {
        .oTrans {
            left: 7%;
        }
    }
}

@media only screen and (max-width: 585px) {
    .services {
        width: 100%;
        margin-bottom: 9em;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .services img {
        width: 100%;
        position: relative;
    }

    .services a {
        font-size: 1.7em;
    }

    article p {
        font-size: 1.7em;
    }

    .imgCont {
        width: 75%;
    }

    .articles h2 {
        font-size: 2.6em;
    }

    .deskImage {
        display: none;
    }

    .mobileImage {
        display: block;
    }

    .articles article {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .articles p {
        width: 100%;
    }

    .last {
        margin-bottom: 0;
    }

    article button {
        font-size: 2em;
    }

    .dBlueArticle p {
        margin-bottom: 4em !important;
    }

    .ohioLogoLink {
        display: none !important;
        position: relative;
    }
}

@media only screen and (max-height: 400px) and (max-width:680px) {
    .panel {
        height: 700px;
    }

    .break {
        display: block;
    }

    .oTrans {
        font-size: .6em;
    }
}

@media only screen and (max-height: 320px) and (max-width:568px) {
    .oTrans {
        font-size: .55em;
    }
}

@media only screen and (max-width: 355px) {
    .articles article {
        font-size: .65em;
    }
}