/*** Slideshow ***/

#hp-ss-logo-agent-tagline {

    position: relative;

}



.hp-ss {

}



.hp-ss-inner {

    position: relative;

}



.hp-ss-inner {

}



/*.hp-ss-inner:before {



    content: '';



    width: 100%;



    height: 100%;



    background: #000;



    opacity: 0.4;



    position: absolute;



    top: 0;



    left: 0;



    z-index: 1;



}



.hp-ss-inner:after {



    content: '';



    width: 100%;



    height: 26%;



    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);



    position: absolute;



    top: 0;



    left: 0;



    z-index: 1;



}*/

.hp-ss-inner > canvas {

    display: block;

    width: 100%;

    height: auto;

}



.hp-ss-inner .aios-slider {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.ss-bg {

    max-width: 955px;

    max-width: 59.688vw;

    max-height: 95px;

    max-height: 5.938vw;

    top: auto;

    bottom: 0;

    left: auto;

    right: 0;

}



.ss-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #f4f4f4;

    opacity: 0.9;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.ss-bg canvas {

    filter: grayscale(1);

}



/*** Slideshow Agent ***/

.hp-ss-agent {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-ss-agent:before {

    content: '';

    display: block;

    position: absolute;

    z-index: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: min(7.5vw,120px);

    height: 100%;

    background: var(--primary);

    opacity: 0.8;

}



.hp-ss-agent-inner {

    max-width: 1460px;

    max-width: 91.25vw;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    display: flex;

    flex-flow: row wrap;

    align-items: flex-end;

    justify-content: center;

}



.hp-ss-agent-inner::before {

    content: '';

    width: calc(calc(100vw - 100%) / 2);

    height: 100%;

    max-height: 567px;

    max-height: 35.438vw;

    background: #555;

    opacity: 0;

    position: absolute;

    bottom: 0;

    left: calc(calc(-100vw + 100%) / 2);

}



.ss-agent-photo {

    /*    max-width: 550px;*/

    max-width: min(23.25vw,372px);

    position: relative;

}



/*.ss-agent-photo::before {



    content: 'RubinTeam';



    font-family: var(--font-family-title);



    font-size: 173.62px;



    font-size: 10.851vw;



    font-weight: 900;



    letter-spacing: 0.26em;



    line-height: 1;



    color: #fff;



    text-transform: uppercase;



    position: absolute;



    top: -30px;



    top: -1.875vw;



    left: 75px;



    left: 4.688vw;



    z-index: 2;



    opacity: 0.2;



}



html.webkit .ss-agent-photo::before {



   background-image: url(../images/ss-photo.jpg);



   



    background-size: 100vw auto;



    background-position: top left;



    background-repeat: no-repeat;



   background-attachment: fixed;



    -webkit-text-fill-color: transparent;



   



    -webkit-background-clip: text;



    filter: brightness(1.3);



}*/

.ss-agent-photo::after {

    content: '';

    background: linear-gradient(to bottom, rgba(18, 60, 105, 1) 0%, rgba(10, 44, 81, 1) 100%);

    /* opacity: 0.9;



   */

    opacity: 0;

    position: absolute;

    top: 47px;

    top: 2.938vw;

    bottom: 0;

    left: 0;

    right: -25px;

    right: -1.563vw;

    z-index: 1;

}



.ss-agent-photo img {

    /*    width: 100%;*/

    position: relative;

    left: -4px;

    left: -0.25vw;

    z-index: 2;

}



.ss-agent-button {

}



.ss-agent-button .site-button {

    margin: 0 15px;

}



.ss-agent-desc {

    font-size: 12px;

    color: #73a0c9;

    position: relative;

}



.ss-agent-desc:before {

    content: '';

    display: block;

    position: absolute;

    width: 18px;

    height: 17px;

    background: url(../images/ss-agent_icon.png) center center no-repeat;

    background-size: cover;

}



.ss-agent-desc a {

    color: inherit;

    text-decoration: underline;

}



.ss-agent-desc a:hover {

    color: #fff;

}



.hp-ss .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:before {

    content: '';

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.1;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}



.hp-ss .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:after {

    content: '';

    width: 100%;

    height: 26%;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0.3;

}



.hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline {

    top: 0;

    background: none;

    text-align: center;

    display: flex;

    flex-flow: column wrap;

    align-items: center;

    justify-content: center;

    font-size: min(5.0625vw,81px);

    text-transform: uppercase;

    font-weight: 800;

    font-family: var(--font-family-title);

    padding: 0 15px;

    filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.69));

    -webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.69));

}



.hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title {

    font-size: inherit;

    width: 100%;

    font-weight: inherit;

    letter-spacing: 0.050em;

}



.hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description {

    font-size: 0.494em;

    width: 100%;

    font-weight: inherit;

    letter-spacing: 0.050em;

    margin: min(2.3125vw,37px) 0 0;

}



.hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description:before {

    content: '';

    display: block;

    position: absolute;

    left: 15px;

    right: 15px;

    top: max(-1.750vw,-28px);

    height: min(0.125vw,2px);

    width: min(49.125vw,786px);

    background: #fff;

    margin: 0 auto;

    opacity: 0;

    /*transform: scaleX(0.7);*/

    transform: scaleX(0);

    -moz-transform: scaleX(0);

    -webkit-transform: scaleX(0);

    /*transition: all ease .8s;*/

    transition: all ease-in-out 2s;

    -moz-transition: all ease-in-out 2s;

    -webkit-transition: all ease-in-out 2s;

}



.hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline.tagline-active .aios-slider-tagline-description:before {

    opacity: 1;

    transform: scaleX(1);

    -moz-transform: scaleX(1);

    -webkit-transform: scaleX(1);

}



/*** Slideshow Tagline ***/

.hp-ss-tagline {

    width: 100%;

    position: absolute;

    bottom: 95px;

    bottom: 5.938vw;

    left: 0;

    z-index: 1;

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-ss-tagline-inner {

    max-width: 1400px;

    max-width: 87.5vw;

    margin: 0 auto;

}



.ss-tagline-button {

    display: flex;

    flex-flow: column;

    align-items: flex-end;

    padding: 35px 0 56px;

    padding: 2.188vw 0 3.5vw;

    position: relative;

}



.ss-tagline-button::before {

    content: '';

    width: calc(100% + calc(100vw - 100%));

    max-width: 658px;

    max-width: 41.125vw;

    height: 100%;

    background: linear-gradient(to bottom, rgba(18, 60, 105, 1) 0%, rgba(10, 44, 81, 1) 100%);

    /* opacity: 0.9;



   */

    opacity: 0.85;

    position: absolute;

    top: 0;

    right: calc(calc(-100vw + 100%) / 2);

    z-index: 1;

}



.ss-taglines {

    font-size: 0;

    position: relative;

    z-index: 1;

}



.ss-taglines:not(.slick-initialized) .ss-tagline:not(:first-child) {

    display: none;

}



.ss-tagline {

    position: relative;

    z-index: 1;

    min-height: 132px;

}



.ss-tagline h2 {

    font-family: var(--font-family-title);

    font-size: 144.17px;

    /*    font-size: 9.011vw;*/

    font-size: 4.2vw;

    font-weight: 900;

    letter-spacing: 0.02em;

    line-height: 1;

    color: #fff;

    text-transform: uppercase;

}



.ss-tagline span {

    display: block;

    font-family: var(--font-family-title);

    /* font-size: 81px;



   */

    /*    font-size: 5.063vw;*/

    font-size: 2.1vw;

    font-weight: 900;

    letter-spacing: 0.02em;

    line-height: 1;

    color: #fff;

    text-transform: uppercase;

    margin: -24px 0 0;

    margin: 0 0 0;

}



.ss-tagline img {

    width: 100%;

}



.ss-tagline.resize_01 h2 {

    /*    font-size: 8.011vw;*/

}



.ss-tagline.resize_01 span {

    /*    text-align: right;*/

}



.ss-tagline.resize_02 h2 {

}



.ss-tagline.resize_02 span {

    /*    text-align: right;



    font-size: 3vw;



    line-height: 0.8616;*/

}



.ss-tagline-button .site-button {

    justify-content: flex-end;

    margin: 17px 10px 0 0;

    margin: 1.063vw 0.625vw 0 0;

    position: relative;

    z-index: 1;

}



.ss-tagline-disclaimer {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    margin: 32px 10px 0 0;

    margin: 2vw 0.625vw 0 0;

    position: relative;

    z-index: 1;

}



.ss-tagline-disclaimer i {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 22px;

    width: 1.375vw;

    height: 22px;

    height: 1.375vw;

    border: 2px solid rgba(255, 255, 255, 0.3);

    border: 0.125vw solid rgba(255, 255, 255, 0.3);

    border-radius: 50%;

    font-size: 10.53px;

    font-size: 0.658vw;

    font-weight: 300;

    font-style: normal;

    color: #73a0c9;

    text-align: center;

    margin: 0 12px 0 0;

    margin: 0 0.75vw 0 0;

}



.ss-tagline-disclaimer span {

    display: block;

    font-size: 12.36px;

    font-size: 0.772vw;

    font-weight: 300;

    color: #73a0c9;

}



.ss-tagline-disclaimer span a {

    color: #73a0c9;

    text-decoration: underline;

}



.ss-tagline-disclaimer span a:hover {

    color: #6086a9;

}



/*** Stats ***/

#hp-stats {

    position: relative;

    z-index: 1;

    background: #000;

}



.hp-stats {

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-stats-inner {

    max-width: 1284px;

    max-width: 80.25vw;

    margin: 0 auto;

    padding: 116px 0 98px;

    padding: 7.25vw 0 6.125vw;

    position: relative;

}



.stats-bg {

    width: calc(100% + calc(100vw - 100%));

    left: calc(calc(-100vw + 100%) / 2);

}



.stats-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #123c69;

    opacity: 0.95;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.hp-stats-inner .site-title {

    justify-content: center;

    position: relative;

    z-index: 1;

    margin: 0 0 71px;

    margin: 0 0 4.438vw;

}



.hp-stats-inner .site-title span {

    text-align: center;

    padding: 0 0 0 0.15em;

    margin: 6px 0 0;

    margin: 0.375vw 0 0;

}



.hp-stats-inner .site-title h2 {

    text-align: center;

    padding: 0 0 0 0.05em;

}



.stats {

    display: flex;

    flex-flow: row wrap;

    position: relative;

    z-index: 1;

}



.stat {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 33.33%;

    min-height: 258px;

    min-height: 16.125vw;

}



.stat:not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    border-bottom: 0.063vw solid rgba(255, 255, 255, 0.3);

}



.stat-inner {

}



.stat-inner span {

    display: block;

    font-size: 21px;

    font-size: 1.313vw;

    font-weight: 300;

    letter-spacing: 0.15em;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    padding: 0 0 0 0.15em;

    margin: 7px 0;

    margin: 0.438vw 0;

}



.stat-inner > em {

    display: block;

    font-size: 18px;

    font-size: 1.125vw;

    font-weight: 300;

    font-style: normal;

    letter-spacing: 0.05em;

    line-height: 1.33;

    color: #fff;

    text-align: center;

    padding: 0 0 0 0.05em;

    margin: 7px 0;

    margin: 0.438vw 0;

}



.stat-inner h2 {

    font-family: var(--font-family-title);

    font-size: 61px;

    /* font-size: 3.813vw;



   */

    font-size: 5.063vw;

    font-weight: 900;

    letter-spacing: 0.05em;

    /* line-height: 1;



   */

    line-height: 0.901;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    padding: 0 0 0 0.05em;

    margin: 7px 0;

    margin: 0.438vw 0;

}



.stat-inner h2 em {

    font-style: normal;

}



.stats-btn {

    display: flex;

    justify-content: center;

    flex-flow: row wrap;

    position: relative;

    z-index: 2;

    margin: 60px 0 0;

}



.stats-btn a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 306px;

    width: 19.125vw;

    max-width: 100%;

    height: 58px;

    height: 3.625vw;

    border: 1px solid #fff;

    border: 0.063vw solid #fff;

    font-size: 13px;

    font-size: 0.813vw;

    font-weight: 300;

    letter-spacing: 0.1em;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    padding: 0 0 0 0.1em;

    margin: 10px;

}



.stats-btn a:hover {

    background: #fff;

    color: #555;

}



/*** Testimonials ***/

#hp-testi {

    position: relative;

    z-index: 1;

    background: #fff;

}



.hp-testi {

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-testi-inner {

    display: flex;

    flex-flow: row wrap;

    max-width: 1414px;

    max-width: 88.375vw;

    margin: 0 auto;

    padding: 55px 14px 80px 0;

    padding: 3.438vw 0.875vw 10vw 0;

    position: relative;

}



.hp-testi-inner::before {

    content: 'Testimonials';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #0d3860;

    opacity: 0.15;

    position: absolute;

    bottom: -29px;

    bottom: -1.813vw;

    right: -305px;

    right: -19.063vw;

    right: -5.063vw;

    z-index: 2;

}



.testi-bg {

    width: calc(100% + calc(100vw - 100%));

    left: calc(calc(-100vw + 100%) / 2);

    opacity: 0;

}



.testi-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: 0.9;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.testi-bg canvas {

    background-position: top center;

    filter: grayscale(1);

}



.testi-title-slider-button {

    width: 53.428%;

    margin: 65px 0 0;

    margin: 4.063vw 0 0;

    position: relative;

    z-index: 2;

}



.testi-title-slider-button .site-title {

    margin: 0 0 44px;

    margin: 0 0 2.75vw;

}



.testi-slider-button {

    padding: 0 30px 0 31px;

    padding: 0 1.875vw 0 1.938vw;

    margin: 0 0 0 17px;

    margin: 0 0 0 1.063vw;

    position: relative;

}



.testi-slider-button::before {

    content: '';

    width: 1px;

    width: 0.063vw;

    height: auto;

    background: #0d3860;

    opacity: 0.3;

    position: absolute;

    top: 4px;

    top: 0.25vw;

    bottom: 0;

    left: 0;

    z-index: 1;

}



.testi-slider {

    max-width: 600px;

    max-width: 37.5vw;

}



.testi-slider .mtt-arrows .site-arrow.prev {

    left: -3vw;

}



.testi-slider .mtt-arrows .site-arrow.next {

    right: 2vw;

}



.testi-slides {

}



.testi-slide {

}



.testi-slide:not(:last-child) {

    margin: 0 0 37px;

    margin: 0 0 2.313vw;

}



.testi-slide-inner {

}



.testi-slide-inner p {

    font-size: 15px;

    font-size: 0.938vw;

    font-weight: 300;

    letter-spacing: 0.05em;

    line-height: 1.733;

    color: #555;

}



.testi-slide-inner h2 {

    font-size: 18px;

    font-size: 1.125vw;

    font-weight: 600;

    letter-spacing: 0.05em;

    color: #123c69;

    text-transform: uppercase;

    margin: 29px 0 0;

    margin: 1.813vw 0 0;

}



.testi-title-slider-button .site-button {

    margin: 46px 0 0;

    margin: 2.875vw 0 0;

}



.testi-title-slider-button .site-button a {

    margin-right: 15px;

}



.testi-photos {

    width: 46.572%;

    padding: 0 0 80px;

    padding: 0 0 5vw;

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    flex-flow: row wrap;

}



.testi-photo-01 {

    max-width: 388px;

    max-width: 24.25vw;

}



.testi-photo-02 {

    width: 100%;

    max-width: 388px;

    max-width: 24.25vw;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 1;

    overflow: visible;

}



.testi-photo-02::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #fff;

    position: absolute;

    top: -20px;

    top: -1.25vw;

    left: -20px;

    left: -1.25vw;

    z-index: 1;

}



/*** Explore Arizona ***/

#hp-asl {

    position: relative;

    z-index: 1;

    background: #fff;

}



.hp-asl {

}



.hp-asl-inner {

    padding: 84px 0;

    padding: 5.25vw 0;

    position: relative;

}



.hp-asl-inner .site-title {

    justify-content: center;

    margin: 0 0 -30px;

    margin: 0 0 -1.875vw;

}



.asl-tabs-listings-buttons-map {

    display: flex;

    flex-flow: row wrap;

    position: relative;

    z-index: 1;

}



.asl-tabs-listings-buttons {

    display: flex;

    flex-flow: column;

    width: 27%;

    position: relative;

    padding: 0 0 44px;

    padding: 0 0 2.75vw;

    background: #000;

}



.asl-bg {

}



.asl-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #123c69;

    opacity: 0.95;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.asl-bg canvas {

    background-attachment: scroll;

    filter: grayscale(1);

}



.asl-tabs {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 0 37px;

    margin: 0 0 2.313vw;

    position: relative;

    z-index: 1;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    border-bottom: 0.063vw solid rgba(255, 255, 255, 0.3);

}



.asl-tabs > div {

    width: 50%;

    padding: 39px 0 32px;

    padding: 2.438vw 0 2vw;

}



.asl-tabs > div:not(:last-child) {

    border-right: 1px solid rgba(255, 255, 255, 0.3);

    border-right: 0.063vw solid rgba(255, 255, 255, 0.3);

}



.asl-tabs a {

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

    font-family: var(--font-family-title);

    font-size: 26px;

    font-size: 1.625vw;

    font-weight: 700;

    letter-spacing: 0.05em;

    color: #6086a9;

    text-align: center;

    text-transform: uppercase;

    padding: 0 0 0 0.05em;

}



.asl-tabs a:hover, .asl-tabs a.active {

    color: #fff;

}



.asl-listings {

    flex-grow: 1;

    position: relative;

}



.asl-listings > div[data-status] {

    height: 100%;

    position: absolute;

    top: 0;

    left: 15px;

    left: 0.938vw;

    right: 15px;

    right: 0.938vw;

    opacity: 0;

    pointer-events: none;

    transition: all 0.3s ease-in-out;

    overflow-x: hidden;

    padding: 0 0 0 45px;

    padding: 0 0 0 2.813vw;

}



.asl-listings > div[data-status].active {

    opacity: 1;

    pointer-events: auto;

    z-index: 10;

}



.asl-listings .comm-list {

    display: block;

    margin: 10px 5px;

}



.asl-listings > div::-webkit-scrollbar {

    width: 4px;

    width: 0.25vw;

    background: #6086a9;

}



.asl-listings > div::-webkit-scrollbar-thumb {

    background: #fff;

}



.asl-listings a {

    display: flex;

    align-items: center;

    font-size: 13px;

    font-size: 0.813vw;

    font-weight: 300;

    letter-spacing: 0.11em;

    line-height: 1.692;

    color: #fff;

    text-transform: uppercase;

}



.asl-listings a.active, .asl-listings a:hover {

    color: #6086a9;

}



.asl-listings a i {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    font-size: 1.25vw;

    margin: 0 7px 0 0;

    margin: 0 0.438vw 0 0;

    top: 2px;

    top: 0.125vw;

}



.asl-buttons {

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

    margin: 28px 0 0;

    margin: 1.75vw 0 0;

    padding: 0 15px;

    padding: 0 0.938vw;

    position: relative;

    z-index: 1;

}



.asl-buttons a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 306px;

    width: 19.125vw;

    max-width: 100%;

    height: 58px;

    height: 3.625vw;

    border: 1px solid #fff;

    border: 0.063vw solid #fff;

    font-size: 13px;

    font-size: 0.813vw;

    font-weight: 300;

    letter-spacing: 0.1em;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    padding: 0 0 0 0.1em;

}



.asl-buttons a:not(:last-child) {

    margin: 0 0 8px;

    margin: 0 0 0.5vw;

}



.asl-buttons a:hover {

    background: #fff;

    color: #555;

}



.asl-buttons a em {

    font-style: normal;

}



.asl-map-wrapper {

    width: 73%;

    margin: 65px 0 0;

    margin: 4.063vw 0 0;

}



/* .asl-map-wrapper::before {



    content: '';



    width: 100%;



    height: 100%;



    background: #fff;



    opacity: 0.4;



    position: absolute;



    top: 0;



    left: 0;



    z-index: 2;



}



*/

.asl-map-wrapper img.asl-map {

}



.asl-map-wrapper img.asl-map-pins {

    opacity: 0;

    pointer-events: none;

    z-index: 2;

}



.asl-map-wrapper img.asl-map-pins.active {

    opacity: 1;

    pointer-events: auto;

    z-index: 10;

}



/*** Featured Listings ***/

#hp-fl {

    position: relative;

    z-index: 1;

    background: #fff;

}



.hp-fl {

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-fl-inner {

    max-width: 1378px;

    max-width: 86.125vw;

    margin: 0 auto;

    padding: 125px 0 55px;

    padding: 7.813vw 0 3.438vw;

    position: relative;

}



.hp-fl-inner::before {

    content: 'Featured';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #0d3860;

    opacity: 0.15;

    position: absolute;

    top: -7px;

    top: -0.438vw;

    left: -87px;

    left: -5.438vw;

    z-index: 2;

}



.hp-fl-inner::after {

    content: 'Listings';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #0d3860;

    opacity: 0.15;

    position: absolute;

    bottom: 46px;

    bottom: 2.875vw;

    right: -111px;

    right: -6.938vw;

    z-index: 2;

}



.fl-bg {

    width: calc(100% + calc(100vw - 100%));

    left: calc(calc(-100vw + 100%) / 2);

}



.fl-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.fl-bg canvas {

    filter: grayscale(1);

}



.fl-sliders {

    position: relative;

    z-index: 3;

    margin: 0 -20px;

    margin: 0 -1.25vw;

}



.fl-slides {

    width: 100%;

    max-width: 1154px;

    max-width: 72.125vw;

}



.fl-slides .slick-list {

    overflow: visible;

}



.fl-slides .slick-arrow {

    display: none !important;

}



.fl-slides.bottom {

    margin: 58px 0 0 auto;

    margin: 3.625vw 0 0 auto;

}



.fl-slide {

    padding: 0 20px;

    padding: 0 1.25vw;

}



.fl-slide a {

    display: block;

    pointer-events: none;

}



.fl-slide.slick-active a {

    pointer-events: auto;

}



.fl-slide-inner {

    position: relative;

}



.fl-photo {

}



.fl-photo::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #123c69;

    opacity: 0.95;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 3;

    transition: all 0.3s ease-in-out;

}



.fl-status {

    position: absolute;

    top: 0;

    line-height: 1;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    color: #123c69;

    font-weight: 700;

    display: block;

    padding: 16px 0;

    transition: 0.5s;

    left: 0;

    right: 0;

    z-index: 3;

    text-align: center;

    background: rgb(255, 255, 255, 0.7);

    transition: all .3s ease;

}



.fl-slide a:hover .fl-status {

    background: #123c69;

    color: #fff;

}



.fl-slide.slick-active .fl-photo::before {

    opacity: 0;

}



.fl-slide a:hover .fl-photo::before {

    opacity: 0.7;

}



.fl-photo::after {

    content: '';

    width: 100%;

    height: 50%;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    opacity: 0;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2;

    transition: all 0.3s ease-in-out;

}



.fl-slide.slick-active .fl-photo::after {

    opacity: 0.7;

}



.fl-slide a:hover .fl-photo::after {

    opacity: 0;

}



.fl-info {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 3;

    padding: 42px 46px;

    padding: 2.625vw 2.875vw;

    opacity: 0;

    transition: all 0.3s ease-in-out;

}



.fl-slide.slick-active .fl-info {

    opacity: 1;

}



.fl-info h2 {

    font-family: var(--font-family-title);

    font-size: 39.88px;

    font-size: 2.493vw;

    font-weight: 700;

    color: #fff;

}



.fl-info span {

    display: block;

    font-size: 18px;

    font-size: 1.125vw;

    font-weight: 300;

    letter-spacing: 0.05em;

    color: #fff;

    text-transform: uppercase;

    margin: 14px 0 0;

    margin: 0.875vw 0 0;

}



.fl-button-arrows {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    z-index: 3;

    margin: 80px 0 0;

    margin: 5vw 0 0;

}



.fl-button-arrows .site-button {

    margin: 0 10px;

    margin: 0 0.625vw;

}



.fl-button-arrows .site-button a {

    width: 336px;

    width: 21vw;

}



.fl-button-arrows .site-arrow a {

    pointer-events: all !important;

}



/*** Meet The Team ***/

#hp-mtt {

    position: relative;

    z-index: 1;

    background: #fff;

}



.hp-mtt {

    padding: 0 30px;

    padding: 0 1.875vw;

    background: linear-gradient(to bottom, #f4f4f4 66.5%, #fff 66.5%);

}



.hp-mtt-inner {

    max-width: 1460px;

    max-width: 91.25vw;

    margin: 0 auto;

    padding: 121px 0 7px;

    padding: 7.563vw 0 0.438vw;

    position: relative;

}



.hp-mtt-inner::before {

    content: 'The Team';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #0d3860;

    opacity: 0.15;

    position: absolute;

    top: -11px;

    top: -0.688vw;

    left: -12px;

    left: -0.75vw;

    z-index: 1;

}



.mtt-motto-title-text-button {

    display: flex;

    flex-flow: row wrap;

    margin: 0 0 54px;

    margin: 0 0 3.375vw;

    position: relative;

    z-index: 1;

}



.mtt-motto {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 44.179%;

    position: relative;

}



.mtt-bg {

}



.mtt-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #123c69;

    opacity: 0.95;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.mtt-bg canvas {

    background-attachment: scroll;

    filter: grayscale(1);

}



.mtt-motto h2 {

    font-family: var(--font-family-title);

    font-size: 46.78px;

    font-size: 2.924vw;

    font-weight: 900;

    letter-spacing: 0.05em;

    line-height: 1.136;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

}



.mtt-title-text-button {

    width: 55.821%;

    padding: 103px 60px 80px 98px;

    padding: 6.438vw 3.75vw 5vw 6.125vw;

    background: #fff;

}



.mtt-title-text-button .site-title {

    margin: 0 0 42px;

    margin: 0 0 2.625vw;

}



.mtt-text {

}



.mtt-text p {

    font-size: 15px;

    font-size: 0.938vw;

    font-weight: 300;

    letter-spacing: 0.05em;

    line-height: 1.733;

    color: #555;

}



.mtt-text p:not(:last-child) {

    margin: 0 0 26px;

    margin: 0 0 1.625vw;

}



.mtt-text p:first-child {

    font-size: 17px;

    font-size: 1.063vw;

    font-weight: 700;

    line-height: 1.529;

    color: #123c69;

}



.mtt-title-text-button .site-button {

    margin: 46px 0 0;

    margin: 2.875vw 0 0;

}



.mtt-title-text-button .site-button a {

    width: 230px;

    width: 14.375vw;

}



.mtt-slider {

    position: relative;

}



.mtt-slides {

    margin: 0 -12px;

    margin: 0 -0.75vw;

}



.mtt-slides:not(.slick-initialized) {

    display: flex;

    flex-flow: row wrap;

}



.mtt-slides .slick-list {

    overflow: visible;

}



.mtt-slide:not(.single) {

    width: 25%;

}



.mtt-slide {

    padding: 0 12px;

    padding: 0 0.75vw;

}



.mtt-slide:not(.single) a {

    opacity: 0;

    pointer-events: none;

}



.mtt-slide a {

    display: block;

}



.mtt-slide.slick-active a {

    opacity: 1;

    pointer-events: auto;

}



.mtt-slide-inner {

    position: relative;

}



.mtt-photo {

    border: 5px solid rgba(13, 56, 96, 0);
    background: #fff;

}

.mtt-photo img{
    object-position:  center top;
}


.mtt-slide a:hover .mtt-photo {

    border: 5px solid #0d3860

}



.mtt-photo img[alt="Jessica Swersey"], .mtt-photo img[alt="Zanna Barth"] {

    object-position: top center;

}



.mtt-slide a:hover .mtt-photo img {

}



.mtt-info {

    padding: 24px 0 0;

    padding: 1.5vw 0 0;

}



.mtt-info h2 {

    font-family: var(--font-family-title);

    font-size: 25px;

    font-size: 1.563vw;

    font-weight: 700;

    color: #123c69;

    text-align: center;

    text-transform: uppercase;

}



.mtt-info span {

    display: block;

    font-size: 14px;

    font-size: 0.875vw;

    font-weight: 300;

    letter-spacing: 0.05em;

    color: #555;

    text-align: center;

    padding: 0 0 0 0.05em;

    margin: -2px 0 0;

    margin: -0.125vw 0 0;

}



.mtt-arrows {

}



.mtt-arrows .site-arrow {

    height: 58px;

    height: 3.625vw;

    position: absolute;

    top: 0;

    bottom: 75px;

    bottom: 4.688vw;

    z-index: 1;

    margin: auto;

}



.mtt-arrows .site-arrow.prev {

    left: -32px;

    left: -2vw;

    display: none;

}



.mtt-arrows .site-arrow.next {

    right: -32px;

    right: -2vw;

}



.mtt-arrows .site-arrow a {

    background: #fff;

}



/*** Video Showcase ***/

#hp-vs {

    position: relative;

    z-index: 1;

    background: #fff;

}



.hp-vs {

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-vs-inner {

    max-width: 1392px;

    max-width: 87vw;

    margin: 0 auto;

    padding: 100px 0 0;

    padding: 6.25vw 0 0;

    position: relative;

}



.hp-vs-inner::before {

    content: 'Video';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #0d3860;

    opacity: 0.15;

    position: absolute;

    top: 47px;

    top: 2.938vw;

    left: 406px;

    left: 25.375vw;

    z-index: 1;

}



.hp-vs-inner::after {

    content: 'Showcase';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #fff;

    opacity: 0.15;

    position: absolute;

    bottom: -40px;

    bottom: -2.5vw;

    right: -127px;

    right: -7.938vw;

    z-index: 1;

}



.hp-vs-inner .site-title {

    justify-content: center;

    margin: 0 0 23px;

    margin: 0 0 1.438vw;

    position: relative;

    z-index: 1;

}



.vs-tabs {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 0 37px;

    margin: 0 0 2.313vw;

    position: relative;

    z-index: 1;

}



.vs-tabs > div {

    display: flex;

    justify-content: center;

    align-items: center;

}



.vs-tabs > div:not(:last-child)::after {

    content: '';

    width: 1px;

    width: 0.063vw;

    height: 28px;

    height: 1.75vw;

    background: #0d3860;

    margin: 0 27px;

    margin: 0 1.688vw;

}



.vs-tabs a {

    display: block;

    font-family: var(--font-family-title);

    font-size: 23.99px;

    font-size: 1.499vw;

    font-weight: 900;

    letter-spacing: 0.05em;

    color: #949494;

    padding: 0 0 0 0.05em;

}



.vs-tabs a:hover, .vs-tabs a.active {

    color: #0d3860;

}



.vs-bg-sliders-button-arrows {

    position: relative;

    padding: 71px 0 69px;

    padding: 4.438vw 0 4.313vw;

    background: #000;

}



.vs-bg {

    width: calc(100% + calc(100vw - 100%));

    left: calc(calc(-100vw + 100%) / 2);

}



.vs-bg::before {

    content: '';

    width: 100%;

    height: 100%;

    background: #123c69;

    opacity: 0.95;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.vs-bg canvas {

    filter: grayscale(1);

}



.vs-sliders-button-arrows {

    position: relative;

}



.vs-sliders-button-arrows > div:not(.bg-wrapper) {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    pointer-events: none;

    transition: all 0.3s ease-in-out;

}



.vs-sliders-button-arrows > div[data-type="all"] {

    position: relative;

}



.vs-sliders-button-arrows > div.active {

    z-index: 2;

    opacity: 1;

    pointer-events: auto;

}



.vs-sliders {

    display: flex;

    flex-flow: row wrap;

}



.vs-sliders > div:first-child {

    width: 79.455%;

}



.vs-sliders-button-arrows > div[data-type="all"] .vs-sliders > div:first-child {

}



.vs-sliders > div:last-child {

    width: 20.545%;

    padding: 0 0 0 15px;

    padding: 0 0 0 0.938vw;

}



.vs-slides {

}



.vs-slides.right {

    padding-right: 1px;

}



.vs-slides.left, .vs-slides.left div, .vs-slides.left a {

    height: 100%;

}



.vs-slide {

    border: none !important;

    padding: 0 0 17px;

    padding: 0 0 1.063vw;

}



.vs-sliders-button-arrows > div[data-type="all"] .vs-slide {

    padding: 0 0 14px;

    padding: 0 0 0.875vw;

}



.vs-slide a {

    display: block;

}



.vs-slides.right .vs-slide a {

    opacity: 0;

    pointer-events: none;

}



.vs-slides.right .vs-slide.slick-active a {

    opacity: 1;

    pointer-events: auto;

    width: 100%;

}



.vs-slide-inner {

}



.vs-thumb-photo-slides {

    width: 100% !important;

}



/* .vs-thumb-photo-slides-holder {



    display: flex;



} */

/* .vs-thumb-photo-slides-holder .vs-thumb-item {



    width: 33.33%;



}







.vs-thumb-photo-slides-holder:not(.slick-intitialized) .vs-thumb-item:nth-child(n + 3) ~ div {



    display: none;



} */

.vs-thumb-photo-slides-holder {

    padding-right: 1px;

}



.vs-slide-trigger .full {

    cursor: pointer;

}



.vs-title {

    margin: 0 0 8px;

    margin: 0 0 0.5vw;

}



.vs-title h2 {

    font-family: var(--font-family-title);

    font-size: 18px;

    font-size: 1.125vw;

    font-weight: 900;

    letter-spacing: 0.05em;

    line-height: 1;

    color: #fff;

    text-transform: uppercase;

}



.vs-photos {

    display: flex;

    flex-flow: row wrap;

    margin: 0 -1px;

    margin: 0 -0.063vw;

}



.vs-photos > div {

    width: 100%;

    padding: 0 1px;

    padding: 0 0.063vw;

}



.vs-photos > div:not(.full) {

    width: 33.33%;

    margin: 2px 0 0;

    margin: 0.125vw 0 0;

}



.vs-photo {

    background: #000;

}



.vs-photo::before {

    content: '';

    width: 100%;

    height: 100%;

    border: 1px solid #fff;

    border: 0.063vw solid #fff;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}



.vs-photo img {

    opacity: 0.8;

}



.vs-photo i {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 124px;

    width: 7.75vw;

    height: 124px;

    height: 7.75vw;

    border: 10px solid #fff;

    border: 0.625vw solid #fff;

    border-radius: 50%;

    font-size: 46px;

    font-size: 2.875vw;

    color: #fff;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 2;

    margin: auto;

    padding: 0 0 0 10px;

    padding: 0 0 0 0.625vw;

    transition: all 0.3s ease-in-out;

}



.vs-slide a:hover .vs-photo i {

    transform: scale(1.2);

}



.vs-slides.right .vs-photo i {

    transform: scale(.4);

}



.vs-slides.right .vs-slide a:hover .vs-photo i {

    transform: scale(.5);

}



.vs-photo i::after {

    content: '';

    width: 96px;

    width: 6vw;

    height: 96px;

    height: 6vw;

    border: 1px solid #fff;

    border: 0.063vw solid #fff;

    border-radius: 50%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1;

    margin: auto;

}



.vs-button-arrows {

    display: flex;

    align-items: center;

    position: relative;

    z-index: 3;

    margin: 57px 0 0;

    margin: 3.563vw 0 0;

}



.vs-sliders-button-arrows > div[data-type="all"] .vs-button-arrows {

    margin: 60px 0 0;

    margin: 3.75vw 0 0;

}



.vs-button-arrows .site-button {

    margin: 0 20px 0 0;

    margin: 0 1.25vw 0 0;

}



.vs-button-arrows .site-button a {

    width: 336px;

    width: 21vw;

}



.vs-button-arrows .site-arrow.prev {

    margin: 0 10px 0 0;

    margin: 0 0.625vw 0 0;

}



/*** Blog ***/

#hp-blog {

    position: relative;

    z-index: 1;

    background: #fff;

}



.hp-blog {

    padding: 0 30px;

    padding: 0 1.875vw;

}



.hp-blog-inner {

    max-width: 1140px;

    max-width: 71.25vw;

    margin: 0 auto;

    padding: 126px 0 97px;

    padding: 7.875vw 0 6.063vw;

    position: relative;

}



.hp-blog-inner::before {

    content: 'Blog';

    font-family: var(--font-family-title);

    font-size: 184px;

    font-size: 11.5vw;

    font-weight: 900;

    line-height: 1;

    color: transparent;

    text-transform: uppercase;

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-width: 0.125vw;

    -webkit-text-stroke-color: #0d3860;

    opacity: 0.15;

    position: absolute;

    top: 67px;

    top: 4.188vw;

    left: 312px;

    left: 19.5vw;

    z-index: 1;

}



.hp-blog-inner .site-title {

    justify-content: center;

    margin: 0 0 52px 186px;

    margin: 0 0 3.25vw 11.625vw;

    position: relative;

    z-index: 1;

}



.blog-slider {

}



.blog-slides {

    margin: 0 -15px;

    margin: 0 -0.938vw;

}



.blog-slides:not(.slick-initialized) {

    display: flex;

    flex-flow: row wrap;

}



.blog-slides .slick-list {

    /*overflow: visible;



   */

}



.blog-slide {

    width: 50%;

    padding: 0 15px;

    padding: 0 0.938vw;

}



.blog-slide a {

    display: block;

    opacity: 1;

    /*    pointer-events: none;*/

}



.blog-slide.slick-active a {

    opacity: 1;

    pointer-events: auto;

}



.blog-slide-inner {

    position: relative;

}



.blog-photo {

}



.blog-slide a:hover .blog-photo img {

    filter: grayscale(1);

}



.blog-info {

    padding: 32px 0 0;

    padding: 2vw 0 0;

}



.blog-info h2 {

    font-size: 21px;

    font-size: 1.313vw;

    font-weight: 700;

    letter-spacing: 0.05em;

    line-height: 1.238;

    color: #123c69;

    margin: 0 0 3px;

    margin: 0 0 0.188vw;

}



.blog-info span {

    display: block;

    font-size: 15.18px;

    font-size: 0.949vw;

    font-weight: 300;

    letter-spacing: 0.05em;

    color: #767676;

    margin: 0 0 15px;

    margin: 0 0 0.938vw;

}



.blog-info p {

    font-size: 15px;

    font-size: 0.938vw;

    font-weight: 300;

    letter-spacing: 0.05em;

    line-height: 1.733;

    color: #555;

}



.blog-button-arrows {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    z-index: 3;

    margin: 80px 0 0;

    margin: 5vw 0 0;

}



.blog-button-arrows .site-button {

    margin: 0 10px;

    margin: 0 0.625vw;

}



.blog-button-arrows .site-button a {

    width: 336px;

    width: 21vw;

}



@media only screen and (min-width: 768px) {

    .mtt-slider {

        display: flex;

        flex-flow: row wrap;

        align-items: flex-start;

        justify-content: space-between;

    }



    .mtt-slider .mtt-single {

        width: 50%;

    }



    .mtt-slider .mtt-slides {

        width: 50%;

    }

}



/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */

@media only screen and (min-width: 992px) {

    .hp-ss-inner .aios-slider canvas {

        min-height: auto !important;

    }



    .ss-taglines {

        /*        max-width: 43vw;*/

        max-width: 55vw;

    }



    .ss-tagline.resize_02 span {

        /*    line-height: 0.8616;*/

    }



    .hp-stats-inner .site-title h2 {

        font-size: 4.063vw;

    }



    .ss-taglines.slick-initialized .ss-tagline {

        max-width: max-content;

        display: block !important;

        margin-left: auto;

    }



    .stat:not(:nth-child(3)):not(:nth-child(6)) {

        border-right: 1px solid rgba(255, 255, 255, 0.3);

        border-right: 0.063vw solid rgba(255, 255, 255, 0.3);

    }



    .hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline {

        padding: 0 15px min(8.75vw,140px);

    }



    .hp-ss-agent-inner {

        justify-content: space-between;

    }



    .ss-agent-button {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .ss-agent-button {

        padding: min(1.938vw,31px) 0 min(1.938vw,31px);

    }



    .ss-agent-desc {

        font-size: min(0.75vw,12px);

        padding: 0 0 0 min(1.750vw,28px);

        margin: 0 0 min(3.25vw,52px);

        margin: 0 auto min(1.25vw,20px);

    }



    .ss-agent-desc:before {

        position: absolute;

        left: 0;

        top: 0;

        width: min(1.125vw,18px);

        height: min(1.0625vw,17px);

    }



    .mtt-slider .mtt-single {

        width: 25%;

    }



    .mtt-slider .mtt-slides {

        width: 75%;

    }



    .aios-slider.aios-slider-template-default .aios-slider-splide, .aios-slider.aios-slider-template-default .splide__track, .aios-slider.aios-slider-template-default .splide__track--fade>.splide__list>.splide__slide, .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img {

        height: 100%;

    }



    .hp-ss-inner > canvas {

        height: calc(100vh - 88px);

        /*margin-bottom: 31px;*/

    }



    .hp-ss-agent {

        position: relative;

        margin-top: min(4.375vw,-70px);

    }

}



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

}



/* iPad(portrait) | Galaxy Tab 4(portrait) */

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

    /*** Slideshow ***/ #hp-ss-logo-agent-tagline {

        margin-top: 84px;

    }



    .hp-ss {

    }



    .hp-ss-inner {

    }



    .hp-ss-inner {

        background: #000;

    }



    .hp-ss-inner #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-img canvas, .hp-ss-inner #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-custom-video canvas, .hp-ss-inner > canvas {

        min-height: min(91.40625vw,585px);

    }



    .hp-ss-inner:before {

    }



    .hp-ss-inner:after {

    }



    .hp-ss-inner > canvas {

    }



    .hp-ss-inner .aios-slider {

        position: absolute;

        background: #000;

    }



    .hp-ss-inner .aios-slider:before {

        content: 'RubinTeam';

        opacity: 0;

        display: block;

        position: absolute;

        z-index: 1;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        text-align: center;

        display: flex;

        flex-flow: row wrap;

        align-items: center;

        justify-content: center;

        background: url(/wp-content/uploads/2024/02/ss-photo.jpg);

        background-size: cover;

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        font-size: min(11.343vw,76px);

        color: #fff;

        font-family: var(--font-family-title);

        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: 0.260em;

        filter: drop-shadow(0px 0px 1px rgba(255,255,255,0.7));

        -webkit-filter: drop-shadow(0px 0px 1px rgba(255,255,255,0.7));

    }



    .hp-ss-inner .aios-slider canvas {

    }



    .hp-ss-inner .aios-slider.aios-slider-template-default .aios-slider-splide {

        z-index: 0;

        opacity: 1;

    }



    .ss-bg {

        display: none;

        max-width: 955px;

        max-height: 95px;

    }



    .ss-bg::before {

    }



    .ss-bg canvas {

    }



    .hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline {

        font-size: min(8.59375vw,55px);

        justify-content: flex-start;

        padding: min(14.0625vw,90px) 0 0;

    }



    .hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description {

        margin: min(3.162vw,37px) 0 0;

        font-size: 0.490em;

    }



    .hp-ss #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description:before {

        top: max(-2.393vw,-28px);

        height: min(0.171vw,2px);

        width: min(82.8125vw, 530px);

    }



    /*** Slideshow Agent ***/

    .hp-ss-agent {

        /*position: relative;*/

        padding: 0 min(2.34375vw,15px);

    }



    .hp-ss-agent:before {

        /* height: auto;



        top: 0;*/

        bottom: 0;

        opacity: 0.8;

        height: 100%;

    }



    .hp-ss-agent-inner {

        max-width: none;

        padding: 0 0 0;

        margin: 0 0 0;

    }



    .hp-ss-agent-inner::before {

        max-height: none;

        left: 0;

        width: 44px;

        top: 18px;

        height: auto;

        /*display: none;



       */

    }



    .hp-ss-agent-inner::after {

        content: '';

        max-height: none;

        left: 0;

        width: 44px;

        top: 18px;

        height: auto;

        opacity: 0.1;

        position: absolute;

        bottom: 0;

        background: url(/wp-content/uploads/2024/02/ss-photo.jpg);

        background-size: cover;

        /*display: none;



       */

    }



    .ss-agent-photo {

        /*        max-width: 372px;*/

        max-width: min(46.71875vw,299px);

        margin-right: min(3.75vw,24px);

    }



    .ss-agent-photo::before {

        font-size: 184px;

        letter-spacing: 0;

        color: transparent;

        -webkit-text-stroke-width: 2px;

        -webkit-text-stroke-color: #0d3860;

        opacity: 0.15;

        background-image: none !important;

        top: -50px;

        display: none;

    }



    html.webkit .ss-agent-photo::before {

        direction: none

    }



    .ss-agent-button {

        display: flex;

        flex-flow: row wrap;

        justify-content: center;

        /*flex-direction: column;*/

        padding: 15px 0;

        width: 100%;

        margin: 0 auto;

    }



    .site-button.ff {

        width: 100%;

    }



    .site-button.ff a {

        /*font-size: min(2.65625vw,17px);

        height: min(6.25vw,40px);*/

        font-size: 12px;

        height: 50px;

        letter-spacing: 0.200em;

        width: 100%;

    }



    .ss-agent-desc {

        /*text-align: center;



        



        padding: 23px 0 0;*/

        margin: 10px auto 0;

        font-size: 12px;

        text-align: center;

        width: 100%;

    }



    .ss-agent-button .site-button {

        margin: 5px 0;

        max-width: 200px;

        width: 50%;

        padding: 0 5px;

    }



    .ss-agent-desc:before {

        top: 0;

        left: 0;

        right: 0;

        margin: 0 auto;

        display: none;

    }



    .ss-agent-photo::after {

        top: 18px;

        right: 0;

        left: 44px;

        display: none;

    }



    .ss-agent-photo img {

        /*left: 0;



        max-width: 417px;



        margin: 0 auto;*/

    }



    /*** Slideshow Tagline ***/

    .hp-ss-tagline {

        position: relative;

        bottom: auto;

        padding: 0 15px;

        background: var(--primary);

    }



    .hp-ss-tagline:before {

        content: '';

        display: block;

        position: absolute;

        z-index: 0;

        bottom: 0;

        left: 0;

        right: 0;

        background: #fff;

        height: 65px;

    }



    .hp-ss-tagline:after {

        content: '';

        display: block;

        position: absolute;

        z-index: 0;

        bottom: 0;

        left: 0;

        right: 0;

        top: 0;

        background: url(../images/ss-bg.jpg) center top no-repeat;

        background-size: cover;

        opacity: 0.1;

    }



    .hp-ss-tagline-inner {

        max-width: none;

        position: relative;

        z-index: 2;

    }



    .ss-tagline-button {

        padding: 60px 0 97px;

        align-items: center;

    }



    .ss-tagline-button::before {

        max-width: 658px;

        display: none;

    }



    .ss-tagline {

    }



    .ss-tagline h2 {

        font-size: 77px;

        line-height: 0.7;

        /*color: #0d3860;



       */

    }



    .ss-tagline span {

        font-size: 81px;

        margin: -24px 0 0;

        text-align: center;

    }



    .ss-tagline-button .site-button {

        margin: 17px 10px 0 0;

    }



    .ss-tagline-button .site-button a {

        /*border-color: #123c69;



        color: #555;



       */

    }



    .ss-tagline-button .site-button a:hover {

        /*color: #fff;



       */

    }



    .ss-tagline-button .site-button a::before {

        /*background: #123c69;



       */

    }



    .ss-tagline-disclaimer {

        margin: 32px 10px 0 0;

    }



    .ss-tagline-disclaimer i {

        width: 22px;

        height: 22px;

        border: 2px solid #73a0c9;

        font-size: 10.53px;

        margin: 0 12px 0 0;

        flex-shrink: 0;

    }



    .ss-tagline-disclaimer span {

        font-size: 12.36px;

        text-align: center;

    }



    .ss-tagline-disclaimer span a {

    }



    .ss-tagline-disclaimer span a:hover {

    }



    /*** Stats ***/

    #hp-stats {

    }



    .hp-stats {

        padding: 0 30px;

    }



    .hp-stats-inner {

        max-width: 720px;

        padding: 75px 0 98px;

    }



    .stats-bg {

    }



    .stats-bg::before {

    }



    .hp-stats-inner .site-title {

        margin: 0 0 71px;

    }



    .hp-stats-inner .site-title span {

        margin: 6px 0 0;

    }



    .hp-stats-inner .site-title h2 {

    }



    .stats {

    }



    .stat {

        width: 50%;

        min-height: 180px;

    }



    .stat:nth-child(even) {

        border-left: 1px solid rgba(255, 255, 255, 0.3);

    }



    .stat:last-child {

        border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    }



    .stat:not(:nth-child(3)):not(:nth-child(6)) {

        /*border-right: 1px solid rgba(255, 255, 255, 0.3);



       */

    }



    .stat:nth-child(2), .stat:nth-child(4) {

        /*border-right: none !important;



       */

    }



    .stat:nth-child(3) {

        /*border-right: 1px solid rgba(255, 255, 255, 0.3) !important;



       */

    }



    .stat:nth-child(4) {

        /*border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;



       */

    }



    .stat:not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {

        /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);



       */

    }



    .stat-inner {

    }



    .stat-inner span {

        font-size: 21px;

        margin: 7px 0;

    }



    .stat-inner > em {

        font-size: 18px;

        margin: 7px 0;

    }



    .stat-inner h2 {

        font-size: 61px;

        margin: 7px 0;

    }



    .stat-inner h2 em {

    }



    .stats-btn {

        flex-flow: column;

        align-items: center;

    }



    .stats-btn a {

        width: 306px;

        height: 58px;

        border: 1px solid #fff;

        font-size: 13px;

        margin: 5px 0;

        max-width: 100%;

    }



    /*** Testimonials ***/

    #hp-testi {

        background: #fff;

        position: relative;

    }



    #hp-testi:before {

        content: '';

        display: block;

        position: absolute;

        z-index: 0;

        toP: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background: url(../images/Handshake.jpg) center center no-repeat;

        background-size: cover;

        opacity: 0.1;

    }



    .hp-testi {

        padding: 0 30px;

        position: relative;

        z-index: 1;

    }



    .hp-testi-inner {

        max-width: 720px;

        padding: 55px 0 min(9.6875vw,62px) 0;

    }



    .hp-testi-inner::before {

        /*font-size: 184px;



       */

        /*        font-size: min(35.5625vw,170px);*/

        font-size: min(35.5625vw,115px);

        right: 0;

        left: max(-2.34375vw,-15px);

        bottom: 0;

        -webkit-text-stroke-width: 2px;

    }



    .testi-bg {

    }



    .testi-bg::before {

    }



    .testi-bg canvas {

    }



    .testi-title-slider-button {

        width: 100%;

        margin: 65px 0 0;

    }



    .testi-title-slider-button .site-title {

        margin: 0 0 44px;

        justify-content: center;

    }



    .testi-title-slider-button .site-title h2 {

        font-size: 63px;

    }



    .testi-slider-button {

        padding: 0;

        margin: 0 0 0;

    }



    .testi-slider-button::before {

        width: 1px;

        top: 4px;

        display: none;

    }



    .testi-slider {

        max-width: 600px;

        margin: 0 auto;

    }



    .testi-slides {

    }



    .testi-slide {

    }



    .testi-slide:not(:last-child) {

        margin: 0 0 37px;

    }



    .testi-slide-inner {

    }



    .testi-slide-inner p {

        font-size: min(4.125vw,20px);

        line-height: 1.3;

        text-align: center;

    }



    .testi-slide-inner h2 {

        font-size: min(4.125vw,20px);

        margin: min(4.125vw,19px) 0 0;

        text-align: center;

    }



    .testi-title-slider-button .site-button {

        margin: 46px 0 0;

        justify-content: center;

    }



    .testi-photos {

        width: 100%;

        padding: 0 0 80px;

        max-width: 543px;

        margin: 0 auto 40px;

    }



    .testi-photo-01 {

        max-width: 388px;

    }



    .testi-photo-02 {

        max-width: 388px;

    }



    .testi-photo-02::before {

        top: -20px;

        left: -20px;

    }



    .testi-title-slider-button .site-button {

        flex-flow: column;

        align-items: center;

    }



    .testi-title-slider-button .site-button a {

        margin: 5px auto;

    }



    /*** Explore Arizona ***/

    #hp-asl {

    }



    .hp-asl {

        padding: 0 30px;

    }



    .hp-asl-inner {

        max-width: 720px;

        margin: 0 auto;

        padding: 84px 0;

    }



    .hp-asl-inner .site-title {

        margin: 0 0 60px;

    }



    .asl-tabs-listings-buttons-map {

        display: block;

    }



    .asl-tabs-listings-buttons {

        padding: 0 0 44px;

        width: 100%;

        max-width: 487px;

        margin: 0 auto;

    }



    .asl-bg {

    }



    .asl-bg::before {

    }



    .asl-bg canvas {

    }



    .asl-tabs {

        margin: 0 0 37px;

        border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    }



    .asl-tabs > div {

        padding: 39px 0 32px;

    }



    .asl-tabs > div:not(:last-child) {

        border-right: 1px solid rgba(255, 255, 255, 0.3);

    }



    .asl-tabs a {

        font-size: 26px;

    }



    .asl-tabs a:hover, .asl-tabs a.active {

    }



    .asl-listings {

        min-height: 330px;

    }



    .asl-listings > div {

        left: 60px;

        right: 60px;

        padding: 0;

    }



    .asl-listings > div.active {

    }



    .asl-listings > div::-webkit-scrollbar {

        width: 4px;

    }



    .asl-listings > div::-webkit-scrollbar-thumb {

    }



    .asl-listings a {

        font-size: 13px;

    }



    .asl-listings a:hover {

    }



    .asl-listings a i {

        font-size: 20px;

        margin: 0 7px 0 0;

        top: 2px;

    }



    .asl-buttons {

        margin: 28px 0 0;

        padding: 0 15px;

    }



    .asl-buttons a {

        width: 306px;

        height: 58px;

        border: 1px solid #fff;

        font-size: 13px;

    }



    .asl-buttons a:not(:last-child) {

        margin: 0 0 8px;

    }



    .asl-buttons a:hover {

    }



    .asl-buttons a em {

    }



    .asl-map-wrapper {

        width: auto;

        margin: 0 -15px;

    }



    .asl-map-wrapper::before {

    }



    .asl-map-wrapper img.asl-map {

    }



    .asl-map-wrapper img.asl-map-pins {

    }



    .asl-map-wrapper img.asl-map-pins.active {

    }



    /*** Featured Listings ***/

    #hp-fl {

    }



    .hp-fl {

        padding: 0 30px;

    }



    .hp-fl-inner {

        max-width: 720px;

        padding: min(19.53125vw,125px) 0 55px;

    }



    .hp-fl-inner::before {

        font-size: min(15.938vw,102px);

        -webkit-text-stroke-width: 2px;

        left: max(-3.28125vw, -21px);

        top: min(6.5625vw, 42px);

    }



    .hp-fl-inner::after {

        font-size: 184px;

        -webkit-text-stroke-width: 2px;

        display: none;

    }



    .fl-bg {

    }



    .fl-bg::before {

    }



    .fl-bg canvas {

    }



    .fl-sliders {

        margin: 0 -20px;

    }



    .fl-slides {

        max-width: 1154px;

        width: calc(100% - min(14.925vw,100px));

        /* margin: 0 max(-1.493vw,-10px);



        */

        margin: 0 auto;

    }



    .fl-slides .slick-list {

    }



    .fl-slides .slick-arrow {

    }



    .fl-slides.bottom {

        margin: min(2.986vw,20px) auto 0;

    }



    .fl-slide {

        padding: 0 min(1.493vw,10px);

    }



    .fl-slide a {

    }



    .fl-slide.slick-active a {

    }



    .fl-slide-inner {

    }



    .fl-photo {

    }



    .fl-photo::before {

    }



    .fl-slide.slick-active .fl-photo::before {

    }



    .fl-slide a:hover .fl-photo::before {

    }



    .fl-photo::after {

    }



    .fl-slide.slick-active .fl-photo::after {

    }



    .fl-slide a:hover .fl-photo::after {

    }



    .fl-info {

        padding: 0 min(3.731vw,25px) min(4.478vw,30px);

    }



    .fl-slide.slick-active .fl-info {

    }



    .fl-info h2 {

        font-size: min(4.179vw,28px);

    }



    .fl-info span {

        font-size: min(2.687vw,18px);

        margin: 0 0 0;

    }



    .fl-button-arrows {

        margin: 80px 0 0;

    }



    .fl-button-arrows .site-button {

        margin: 0 10px;

    }



    .fl-button-arrows .site-button a {

        width: 336px;

    }



    /*** Meet The Team ***/

    #hp-mtt {

    }



    .hp-mtt {

        padding: 0 30px;

        background: linear-gradient(to bottom, #f4f4f4 70%, #fff 70%);

    }



    .hp-mtt-inner {

        max-width: 720px;

        padding: min(18.9063vw,121px) 0 7px;

    }



    .hp-mtt-inner::before {

        font-size: 184px;

        -webkit-text-stroke-width: 2px;

        white-space: nowrap;

    }



    .mtt-motto-title-text-button {

        margin: 0 0 54px;

    }



    .mtt-motto {

        width: 100%;

        padding: 60px;

    }



    .mtt-bg {

    }



    .mtt-bg::before {

    }



    .mtt-bg canvas {

    }



    .mtt-motto h2 {

        font-size: 46.78px;

        text-align: center;

    }



    .mtt-title-text-button {

        width: 100%;

        padding: 60px;

    }



    .mtt-title-text-button .site-title {

        margin: 0 0 42px;

        justify-content: center;

    }



    .mtt-text {

    }



    .mtt-text p {

        font-size: 15px;

        text-align: center;

    }



    .mtt-text p:not(:last-child) {

        margin: 0 0 26px;

    }



    .mtt-text p:first-child {

        font-size: 17px;

    }



    .mtt-title-text-button .site-button {

        margin: 46px 0 0;

        justify-content: center;

    }



    .mtt-title-text-button .site-button a {

        width: 230px;

    }



    .mtt-slider {

    }



    .mtt-slides {

        margin: 0 -12px;

    }



    .mtt-slides:not(.slick-initialized) {

    }



    .mtt-slides .slick-list {

    }



    .mtt-slide {

        padding: 0 12px;

    }



    .mtt-slide a {

    }



    .mtt-slide.slick-active a {

    }



    .mtt-slide-inner {

    }



    .mtt-photo {

    }



    .mtt-photo img {

    }



    .mtt-slide a:hover .mtt-photo img {

    }



    .mtt-info {

        padding: 24px 0 0;

    }



    .mtt-info h2 {

        font-size: 25px;

    }



    .mtt-info span {

        font-size: 14px;

        margin: -2px 0 0;

    }



    .mtt-arrows {

    }



    .mtt-arrows .site-arrow {

        height: 58px;

        bottom: 75px;

    }



    .mtt-arrows .site-arrow.prev {

        left: 15px;

    }



    .mtt-arrows .site-arrow.next {

        right: 15px;

    }



    .mtt-arrows .site-arrow a {

    }



    /*** Video Showcase ***/

    #hp-vs {

    }



    .hp-vs {

        padding: 0 30px;

    }



    .hp-vs-inner {

        max-width: 720px;

        padding: min(15.625vw,100px) 0 0;

    }



    .hp-vs-inner::before {

        font-size: 184px;

        -webkit-text-stroke-width: 2px;

    }



    .hp-vs-inner::after {

        font-size: min(28.750vw,184px);

        -webkit-text-stroke-width: 2px;

        bottom: max(-3.90625vw, -25px);

    }



    .hp-vs-inner .site-title {

        margin: 0 0 23px;

    }



    .vs-tabs {

        margin: 0 0 37px;

        flex-flow: row wrap;

        justify-content: center;

        padding: 0 min(12.5vw,80px);

    }



    .vs-tabs > div {

        margin: min(1.5625vw,10px) 0;

    }



    .vs-tabs > div:not(:last-child)::after {

        width: 1px;

        height: min(4.375vw,28px);

        margin: 0 min(2.34375vw,15px);

    }



    .vs-tabs a {

        font-size: min(3.4vw,18px);

    }



    .vs-tabs a:hover, .vs-tabs a.active {

    }



    .vs-bg-sliders-button-arrows {

        padding: 71px 0 min(10.78125vw,69px);

    }



    .vs-bg {

    }



    .vs-bg::before {

    }



    .vs-bg canvas {

    }



    .vs-sliders-button-arrows {

    }



    .vs-sliders-button-arrows > div:not(.bg-wrapper) {

    }



    .vs-sliders-button-arrows > div[data-type="all"] {

    }



    .vs-sliders-button-arrows > div.active {

    }



    .vs-sliders {

    }



    .vs-sliders > div:first-child {

        width: 100%;

    }



    .vs-sliders-button-arrows > div[data-type="all"] .vs-sliders > div:first-child {

    }



    .vs-sliders > div:last-child {

        width: 100%;

        padding: 15px 0 0;

    }



    .vs-slides {

        margin: 0 -5px;

    }



    .vs-slides.left, .vs-slides.left div, .vs-slides.left a {

    }



    .vs-slide {

        padding: 0 5px !important;

    }



    .vs-sliders-button-arrows > div[data-type="all"] .vs-slide {

        padding: 0 0 14px;

    }



    .vs-slide a {

    }



    .vs-slides.right .vs-slide a {

    }



    .vs-slides.right .vs-slide.slick-active a {

    }



    .vs-slide-inner {

    }



    .vs-title {

        margin: 0 0 8px;

    }



    .vs-title h2 {

        font-size: 18px;

    }



    .vs-photos {

        margin: 0 -1px;

    }



    .vs-photos > div {

        padding: 0 1px;

    }



    .vs-photos > div:not(.full) {

        margin: 2px 0 0;

    }



    .vs-photo {

    }



    .vs-photo::before {

        border: 1px solid #fff;

    }



    .vs-photo img {

        opacity: 0.8;

    }



    .vs-photo i {

        width: 124px;

        height: 124px;

        border: 10px solid #fff;

        font-size: 46px;

        padding: 0 0 0 10px;

    }



    .vs-slide a:hover .vs-photo i {

    }



    .vs-slides.right .vs-photo i {

    }



    .vs-slides.right .vs-slide a:hover .vs-photo i {

    }



    .vs-photo i::after {

        width: 96px;

        height: 96px;

        border: 1px solid #fff;

    }



    .vs-button-arrows {

        margin: 57px 0 0;

        justify-content: center;

    }



    .vs-sliders-button-arrows > div[data-type="all"] .vs-button-arrows {

        margin: 60px 0 0;

    }



    .vs-button-arrows .site-button {

        margin: 0 20px 0 0;

    }



    .vs-button-arrows .site-button a {

        width: 336px;

    }



    .vs-button-arrows .site-arrow.prev {

        margin: 0 10px 0 0;

    }



    /*** Blog ***/

    #hp-blog {

    }



    .hp-blog {

        padding: 0 30px;

    }



    .hp-blog-inner {

        max-width: 720px;

        padding: min(13.750vw,88px) 0 97px;

    }



    .hp-blog-inner::before {

        font-size: 184px;

        -webkit-text-stroke-width: 2px;

    }



    .hp-blog-inner .site-title {

        margin: 0 0 52px;

    }



    .blog-slider {

    }



    .blog-slides {

        margin: 0 -15px;

    }



    .blog-slides:not(.slick-initialized) {

    }



    .blog-slides .slick-list {

    }



    .blog-slide {

        padding: 0 15px;

    }



    .blog-slide a {

    }



    .blog-slide.slick-active a {

    }



    .blog-slide-inner {

    }



    .blog-photo {

    }



    .blog-slide a:hover .blog-photo img {

    }



    .blog-info {

        padding: 32px 0 0;

    }



    .blog-info h2 {

        font-size: min(6.219vw,27px);

        margin: 0 0 8px;

        /*text-align: center;



       */

    }



    .blog-info span {

        font-size: min(2.372vw,15.18px);

        margin: 0 0 15px;

        /*text-align: center;



       */

    }



    .blog-info p {

        /*        font-size: 20px;*/

        font-size: min(4.125vw,20px);

        word-break: break-word;

        line-height: 1.3;

        /*text-align: center;



       */

    }



    .blog-button-arrows {

        margin: 80px 0 0;

    }



    .blog-button-arrows .site-button {

        margin: 0 10px;

    }



    .blog-button-arrows .site-button a {

        width: 336px;

    }



    .asl-map-wrapper .hp-map-google {

        height: 371px;

    }

}



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

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

    .hp-ss-agent {

        /*padding: 0 15px;



       */

    }



    .hp-ss-tagline {

        padding: 0 15px;

    }



    .ss-tagline h2 {

        /*font-size: 80px;



       */

    }



    .ss-tagline span {

        font-size: 40px;

        margin: 0;

    }



    .hp-stats {

        padding: 0 15px;

    }



    .stat, .stat:nth-child(3) {

        /*width: 100%;



        border-right: none !important;



        min-height: 180px;



       */

    }



    .stat:not(:last-child) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;

    }



    .stat-inner span {

        font-size: 20px;

    }



    .stat-inner h2 {

        font-size: 40px;

    }



    .hp-testi {

        padding: 0 15px;

    }



    .testi-photo-01, .testi-photo-02 {

        width: 80%;

    }



    .hp-asl {

        padding: 0 15px;

    }



    .asl-listings > div {

        left: 15px;

        right: 15px;

    }



    .hp-fl {

        padding: 0 15px;

    }



    .fl-photo canvas {

        min-height: 300px;

    }



    .hp-mtt {

        padding: 0 15px;

        background: #fff;

    }



    .hp-mtt-inner::before {

        content: 'Team';

        text-align: center;

        font-size: min(26.5625vw,170px);

        right: 0;

        top: min(6.09375vw, 39px);

    }



    .mtt-motto {

        padding: 70px 30px;

    }



    .mtt-motto h2 {

        font-size: min(8.209vw,55px);

    }



    .mtt-text p {

        /*        font-size: 20px;*/

        font-size: min(4.125vw,20px);

    }



    .mtt-text p:first-child {

        /*        font-size: 20px;*/

        font-size: min(4.125vw,20px);

    }



    .mtt-slides {

        max-width: 437px;

        margin: 0 auto;

    }



    .mtt-info h2 {

        font-size: 31px;

        font-weight: 800;

    }



    .mtt-info span {

        font-size: 17px;

        margin: -2px 0 0;

        font-weight: 300;

    }



    .mtt-title-text-button {

        padding: 60px min(3.125vw,20px);

    }



    .mtt-arrows {

        pointer-events: none;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .mtt-arrows .site-arrow {

        position: relative;

        margin: 0 5px;

        left: auto !important;

        right: auto !important;

        pointer-events: auto;

    }



    .hp-vs {

        padding: 0 15px;

    }



    .hp-vs-inner::before {

        font-size: min(25.373vw,170px);

        left: 0;

        text-align: center;

        right: 0;

    }



    .vs-tabs {

        /*flex-flow: column;



       */

    }



    .vs-tabs > div::after {

        /*display: none;



       */

    }



    .vs-button-arrows {

        flex-flow: row wrap;

    }



    .vs-button-arrows .site-button {

        /*width: 100%;



       */

        order: 2;

        margin: 0 20px 0;

        justify-content: center;

    }



    .vs-button-arrows .site-arrow.prev {

        order: 1;

        margin: 0 0;

    }



    .vs-button-arrows .site-arrow.next {

        order: 3;

    }



    .hp-blog {

        padding: 0 15px;

    }



    .hp-blog-inner::before {

        font-size: min(25.373vw,170px);

        left: 0;

        text-align: center;

        right: 0;

    }



    .blog-slides {

        margin: 0 auto;

        max-width: 555px;

    }



    .blog-slides .slick-list {

        overflow: hidden;

    }



    .blog-slides.slick-initialized .slick-slide > div:not(:first-child) {

        margin: 20px 0 0;

    }



    .blog-slide {

        padding: 0 0;

    }



    .blog-button-arrows {

        flex-flow: row wrap;

        margin: 20px 0 0;

    }



    .blog-button-arrows .site-button {

        /*width: 100%;



       */

        order: 2;

        margin: 0 20px 0;

        justify-content: center;

    }



    .blog-button-arrows .site-arrow.prev {

        order: 1;

        margin: 0 0;

    }



    .blog-button-arrows .site-arrow.next {

        order: 3;

    }

}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

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

    .stat {

        width: 100%;

        min-height: 0;

        padding: 30px 15px;

    }



    .stat:nth-child(even) {

        border-left: 0px solid rgba(255, 255, 255, 0.3);

    }



    .stat:last-child {

        border-bottom: 0px solid rgba(255, 255, 255, 0.3);

    }



    .mtt-arrows {

        position: relative;

        justify-content: center;

        margin: 30px 0 0;

    }



    /*.vs-tabs {



        flex-flow: column wrap;



        padding: 0 0;



   }



    .vs-tabs > div{



        margin: 0 0;



   }



    .vs-tabs > div:not(:last-child)::after{



        display: none;



   }*/

    .vs-button-arrows .site-button {

        width: 100%;

        order: 1;

        margin: 30px 0 0;

        justify-content: center;

    }



    .vs-button-arrows .site-arrow.prev {

        order: unset;

        margin: 0 10px 0 0;

    }



    .vs-button-arrows .site-arrow.next {

        order: unset;

    }



    .blog-button-arrows .site-button {

        width: 100%;

        order: 1;

        margin: 30px 0 0;

        justify-content: center;

    }



    .blog-button-arrows .site-arrow.prev {

        order: unset;

        margin: 0 10px 0 0;

    }



    .blog-button-arrows .site-arrow.next {

        order: unset;

    }



    .testi-title-slider-button .site-title h2 {

        font-size: 40px;

    }

}



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

    .hp-ss-inner #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-img canvas, .hp-ss-inner #aios-slider-hp-image-slideshow .aios-slider-splide .aios-slider-custom-video canvas, .hp-ss-inner > canvas {

        min-height: 380px;

    }



    .ss-agent-button .site-button {

        max-width: 140px;

    }



    .ss-agent-button .site-button.ff a {

        font-size: 10px;

        letter-spacing: 0;

    }



    .ss-agent-desc {

        font-size: 11px;

    }



    .fl-button-arrows {

        flex-flow: row wrap;

    }



    .fl-button-arrows .site-button {

        width: 100%;

        order: 1;

        margin: 30px 0 0;

        justify-content: center;

    }



    .fl-button-arrows .site-arrow {

        margin: 0 5px;

    }



    .testi-title-slider-button .site-title h2 {

        font-size: 30px;

    }

}