/*
Theme Name: 1320homes.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/


/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/


/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: 'Montserrat', Arial, Helvetica, Georgia, Sans-serif;
    font-size: 13px;
    background: #FFF;
    color: #000000;
    margin: 0;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

a {
    color: inherit;
}

a:hover,
em.ai-mobile-phone a:hover {
    color: #b21f24;
}

a:hover,
a:focus,
.slick-slide,
.slick-slide a {
    outline: none;
    text-decoration: none;
}

/********CSS Post Launch********/
img{
	/* max-width: 100%; */
	height: auto;
}
a,
a:hover,
a:focus,
input,
input:hover,
input:focus,
textarea,
textarea:focus,
textarea:hover,
select:hover,
select:focus,
select,
button,
button:focus,
button:hover,
.btn-group.bootstrap-select.show-tick.qs-select,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus{
	outline: 0px !important;
}
#content .ihf-search .ihf-select-options ul,
#content .ihf-search .ihf-select-options,
#content .ihf-search .ihf-pagination,
#content #ihf-main-container .nav-tabs,
#content #ihf-main-container .chosen-results{
	margin: 0 0 0;
	padding: 0 0 0;
	list-style: none;
}
#content #ihf-main-container #ihf-search-adv2-submit{
	margin: 20px 0 0;
}
#content #ihf-main-container .ihf-grid-result-address{
	overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#content #ihf-main-container .ihf-listing-search-results .btn{
	padding: 6px 6px;
}
#content div.wpcf7-response-output,
div.wpcf7-response-output{
	text-align: center;
}

#ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline,
#content #ihf-main-container .mc-total-payment-subline{
	color:#333;
}

#ihf-main-container .pagination>li>a,
#ihf-main-container .pagination>li>span{
	padding: 6px 9px;
}
#ihf-main-container #ihf-schedule-showing-request-form .form-control{
	padding: 6px 7px;
}
#content #ihf-main-container #ihf-search-location-tab{
    margin: 8px 5px 0 0;
}
#ihf-main-container #ihf-advsearch-features label{
	font-size: .8em;
}
html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"],
html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{
	margin: 6px 0 0;
}
#ws-walkscore-tile{
	background:#fff !important;
}
#hero .quick-search form select[name="propertyType"]{
	margin-left: 2%;
}
#content ul.ihf-navbar-nav{
	list-style: none;
	margin: 0 0 0;
}
#content .ihf-eureka .ihf-navbar{
	padding: 4px 14px;
}
#content #ihf-main-container .ihf-listing-open-home-text-grid,
#content #ihf-main-container .ihf-map-info-window-content{
	color:#777;
}
#content #ihf-main-container label{
	color:inherit;
}
#content #ihf-main-container .ihf-polygon-reset{
	color:#000;
}
#ihf-main-container .modal-body {
    color: #000;
}
body.page-id-0 > img,
body.page-id-0 > iframe{
	display: none !important;
}
#content #ihf-main-container .row #areaPickerContainer.row,
#content #ihf-main-container .row #ihf-search-location-tab .row,
#content #ihf-main-container .row #ihf-refine-map-search-form .row,
#content #ihf-main-container .row .ihf-grid-result-container .row,
#content #ihf-main-container .row #ihf-search-location-tab.row{
	margin-left: -15px;
	margin-right: -15px;
}
#content #ihf-main-container .row .row{
	margin-left: 0;
	margin-right: 0;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a{
	color:#000 !important;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a:hover{
	color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form label{
	color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form .checkbox {
    padding-left: 0px;
	margin-left: -15px;
}
#ihf-main-container ul.chosen-results {
    margin-left: 0 !important;
}
#content .ihf-eureka ul.ihf-dropdown-menu{
	margin: 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
#content #ihf-detail-navrow .ihf-detail-navigation .pull-right{
	float: none !important;
	text-align: right;
}
#content #ihf-main-container .map-infobox-img{
	max-width: 100% !important;
}
#ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{
	padding: 0 15px 0 0;
}
.ihf-captcha .g-recaptcha{
	transform-origin: left center;
	transform: scale(.75);
	-moz-transform: scale(.75);
	-webkit-transform: scale(.75);
}
.grecaptcha-badge{
	z-index: 5;
}
#content #IDX-main{}
#content #IDX-main #IDX-boxLabel_remarksConcat input{
	display: block;
	width: 100%;
}
#content #IDX-main ul.select2-choices,
#content #IDX-main ul.IDX-navbar-nav{
	margin: 0 0 0 0;
}
#ihf-agent-sellers-rep {
    padding: 0 15px;
}
/********CSS Post Launch End********/

.font-michroma {
    font-family: 'Michroma', sans-serif!important;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif!important;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex:before,
.flex:after {
    display: none;
}

.dir-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.dir-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
}

.dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}

.al-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.al-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.al-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ju-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ju-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ju-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ju-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#main-wrapper {
    overflow: hidden;
}

#pagepiling {
    height: 100vh;
    background-color: #000;
    padding: 1px 0;
}

.section {
    -webkit-transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    background: #000 fixed url(images/bg-main.jpg) center top/cover no-repeat;
    height: 100%;
}

.section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay-main.png) center/auto 100% repeat-x;
}

.section .pp-tableCell {
    position: relative;
}

.section .pp-tableCell:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 195px;
    background: url(images/shadow-main.png) center/auto 100% repeat-x;
    z-index: 2;
    pointer-events: none;
}

.section.pp-section {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.section-links {
    position: fixed;
    width: 1440px;
    height: 100vh;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 999;
}

.section-link {
    position: relative;
    display: inline-block;
    letter-spacing: .2em;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
    pointer-events: all;
}

.section-link span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
}

.section-link span:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 5px;
    height: 14px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    z-index: -1;
    transition: all .3s;
}

.section-link a {
    color: #fff;
}

.section-link.section-link-left {
    align-self: center;
    transform-origin: top left;
    transform: rotate(-90deg) translate(30px, 0px);
}

.section-link.section-link-left.v-center {
    transform: rotate(-90deg) translate(-50%, 0px);
}

.section-link.section-link-right {
    align-self: flex-end;
    transform-origin: top right;
    transform: rotate(90deg) translate(-30%, 0px);
}

.section-link.section-link-right.v-center {
    transform: rotate(90deg) translate(50%, 0px);
}


/*animate*/

.removing-animate .section-link span,
.ready-animate .section-link span {
    will-change: opacity, transform;
    transform: translateX(10vw) translateZ(0);
    -ms-transform: translateX(100px) translateZ(0);
    opacity: 0;
    -ms-transition: all .5s cubic-bezier(.465, .005, .045, .985);
    transition: all .5s cubic-bezier(.465, .005, .045, .985);
}

.start-animate .section-link span {
    transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    opacity: 1;
    transition-duration: 1.2s;
    -ms-transition-duration: 1.2s;
}

.section-content {
    position: relative;
    height: 100%;
}

.btn-a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 165px;
    height: 49px;
    font-size: 9px;
    font-family: 'Michroma', sans-serif;
    letter-spacing: .02em;
    color: #fff!important;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .2em;
    background: transparent;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-left: 1px solid #b21f24;
    border-right: 1px solid #b21f24;
    transition: color .3s, border .3s, background .3s;
    outline: none;
}

.finished-animate .btn-a {
    transition-delay: 0s!important;
}

.btn-a:hover {
    background: #b21f24;
    border-color: #b21f24!important;
    color: #fff!important;
}


/*header*/

header.header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

header.header-wrapper a.hdr-home {
    position: fixed;
    top: 69px;
    right: 210px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    z-index: 2;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-family: 'Michroma', sans-serif !important;
}

    header.header-wrapper.active a.hdr-home {
        right: 216px;
    }

    .ip-container header.header-wrapper:not(.active) a.hdr-home {
        color: #000;
        border-right: 1px solid #000;
    }

button.button_menu {
    position: fixed;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .6);
    padding: 0;
    background: transparent;
    outline: none;
    top: 49px;
    right: 80px;
    z-index: 2;
}

button.button_menu:before {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    padding: 0 14px 0 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
    line-height: 1;
    height: 48px;
    display: flex;
    align-items: center;
}

button.button_menu:before {
    content: 'Menu';
}

.active button.button_menu:before {
    content: 'Close';
}

button.button_menu span {
    display: block;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform-origin: right;
    transition: all .3s;
}

button.button_menu span:nth-child(1) {
    width: 18px;
    transform: translateY(-6px);
    transform-origin: top right;
}

button.button_menu span:nth-child(2) {
    width: 25px;
}

button.button_menu span:nth-child(3) {
    width: 18px;
    transform: translateY(6px);
    transform-origin: bottom right;
}

.active button.button_menu span:nth-child(1) {
    transform: translate(-5px, -8px) rotate(-45deg);
    width: 24px;
}

.active button.button_menu span:nth-child(3) {
    transform: translate(-5px, 8px) rotate(45deg);
    width: 24px;
}

.active button.button_menu span:nth-child(2) {
    transform: scaleX(0);
}


/*menu*/

.active .menu-dropdown {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.animating #menu_nav > li {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    transition: transform 1s, opacity 1s;
}

.active #menu_nav > li:nth-child(1) {
    transition-delay: .1s;
}

.active #menu_nav > li:nth-child(2) {
    transition-delay: .2s;
}

.active #menu_nav > li:nth-child(3) {
    transition-delay: .3s;
}

.active #menu_nav > li:nth-child(4) {
    transition-delay: .4s;
}

.active #menu_nav > li:nth-child(5) {
    transition-delay: .5s;
}

.active #menu_nav > li:nth-child(6) {
    transition-delay: .6s;
}

.active #menu_nav > li:nth-child(7) {
    transition-delay: .7s;
}

.active #menu_nav > li:nth-child(8) {
    transition-delay: .8s;
}

.active #menu_nav > li:nth-child(9) {
    transition-delay: .9s;
}

.active #menu_nav > li:nth-child(10) {
    transition-delay: 1s;
}

.menu-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    background: #000 fixed url(images/bg-main.jpg) center top/cover no-repeat;
    padding: 4.3% 0 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .5s;
}

.menu-dropdown:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay-main.png) center/auto 100% repeat-x;
    z-index: -1;
}

.menu-navigation {
    max-height: 100%;
    overflow-y: auto;
}

#menu_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
}

#menu_nav > li {
    display: inline-block;
    vertical-align: top;
    width: 33.333333333%;
    max-width: 320px;
    margin: 45px 0;
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}

#menu_nav li a {
    transition: color .3s;
}

#menu_nav > li > a {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
    font-family: 'Michroma', sans-serif;
    letter-spacing: .2em;
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
}

#menu_nav > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 5px;
    height: 15px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    z-index: -1;
    transition: all .3s;
}

#menu_nav ul.sub-menu {
    margin-top: 31px;
}

#menu_nav .sub-menu a {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1.2;
    color: #c7c7c7;
    padding: 7px 0;
    display: inline-block;
}

#menu_nav .sub-menu a:hover {
    color: #fff;
}

#menu_nav > li.two-columns > .sub-menu > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}


/*section 1*/


/*animate*/

.ready-animate .s1-agents > img,
.removing-animate .s1-agents > img {
    opacity: 0;
    transition: opacity .1s ease;
}

.start-animate .s1-agents > img {
    opacity: 1;
    transition: opacity .9s ease 1.5s;
}

.ready-animate .logo-animation .line,
.removing-animate .logo-animation .line,
.ip-logo-wrapper .logo-animation .line {
    transform: scaleX(0);
    opacity: 0;
    transition: opacity .1s ease;
}

.start-animate .logo-animation .line {
    transform: scaleX(1);
    opacity: 1;
    transition: transform .7s cubic-bezier(.465, .005, .045, .985) .3s, opacity 0s;
}

.ready-animate .logo-animation span:first-of-type img,
.removing-animate .logo-animation span:first-of-type img,
.ip-logo-wrapper .logo-animation span:first-of-type img {
    transform: translateY(100%);
    opacity: 0;
    transition: opacity .1s ease;
}

.start-animate .logo-animation span:first-of-type img {
    transform: translateY(0);
    opacity: 1;
    transition: transform .5s cubic-bezier(.465, .005, .045, .985) .8s, opacity 0s;
}

.ready-animate .logo-animation span:last-of-type img,
.removing-animate .logo-animation span:last-of-type img,
.ip-logo-wrapper .logo-animation span:last-of-type img {
    transform: translateY(-105%);
    transition: opacity .1s ease;
}

.start-animate .logo-animation span:last-of-type img {
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.465, .005, .045, .985) .8s, opacity 0s;
}

section#pp_hero {}

section#pp_hero .container {
    position: relative;
    padding-bottom: 2.33%;
}

section#pp_hero:after {
    content: '';
    position: absolute;
    left: 9px;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(images/accent-frame-1.png) center top/auto 100% no-repeat;
}

.s1-agents {
    text-align: center;
    position: relative;
    z-index: 1;
    top: 0;
}

.s1-agents img {
    max-width: 100%;
}

.s1-logo-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 3.9%;
    z-index: 2;
    text-align: center;
}

.logo-animation {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    position: relative;
}

.s1-logo-wrapper .logo-animation:before {
    content: '';
    position: absolute;
    width: 1379px;
    height: 220px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -55%;
    margin: auto;
    background: url(images/shadow-frame-1.png) center/cover no-repeat;
    z-index: -1;
    pointer-events: none;
}

.logo-animation div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.logo-animation div img,
.logo-animation canvas {
    display: block;
    width: 100%;
}

.logo-animation span {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transition: all .5s;
}

.logo-animation .line {
    height: 6px;
    background: #b31f24;
}


/*section 2*/


/*animation*/

.ready-animate .section-title,
.removing-animate .section-title {
    transform: translateX(100px);
    opacity: 0;
}

.start-animate .section-title {
    opacity: 1;
    transform: translateX(0);
    transition: transform ease .7s, opacity .7s;
}

.ready-animate a.sc-map-button,
.removing-animate a.sc-map-button {
    transform: translateX(-100%);
    opacity: 0;
}

.start-animate a.sc-map-button {
    opacity: 1;
    transform: translateX(0);
    transition: transform ease .7s, opacity .7s ease;
}

.start-animate a.sc-map-button:nth-child(1) {
    transition-delay: .5s;
}

.start-animate a.sc-map-button:nth-child(2) {
    transition-delay: .7s;
}

.start-animate a.sc-map-button:nth-child(3) {
    transition-delay: .9s;
}

.ready-animate .sc-map-wrap,
.removing-animate .sc-map-wrap {
    opacity: 0;
}

.start-animate .sc-map-wrap {
    opacity: 1;
    transition: opacity .7s;
}

section#pp_search_colorado {}

#pp_search_colorado:before {
    background: url(images/overlay-frame-2.png) center/cover repeat-x;
}

#pp_search_colorado .pp-tableCell:before {
    display: none;
}

#pp_search_colorado .section-content {
    padding-top: 38px;
}

#pp_search_colorado .section-link.section-link-left {
    align-self: flex-start;
    transform: rotate(-90deg) translate(-251px, 0px);
}

#pp_search_colorado .section-link.section-link-left a {
    pointer-events: none;
}

#pp_search_colorado .col-md-5 {
    position: relative;
}

.sc-map-list-wrap {
    position: relative;
    z-index: 1;
    margin-top: 16px;
}

.sc-map-list-wrap .section-title {
    margin-bottom: 56px;
}

.section-title {
    font-family: 'Michroma', sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: .2em;
    line-height: 1;
    color: #fff;
}

.section-title span {
    display: block;
    position: relative;
    padding: 0 10px 0 20px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    margin: 5px 0 20px;
    letter-spacing: .2em;
}

.section-title span:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 5px;
    height: 14px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    z-index: 1;
    transition: all .3s;
}

.sc-map-list {
    position: relative;
}

a.sc-map-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 452px;
    height: 157px;
    border: 5px solid #b21f24;
    background: #b21f24;
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    margin: 23px auto;
    position: relative;
}

a.sc-map-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #202020 url(images/bg-button.jpg) center/cover no-repeat;
    border: 1px solid #0e0e0e;
    transition: all .3s;
}

a.sc-map-button:hover:before,
a.sc-map-button.active:before {
    opacity: 0;
}

a.sc-map-button span {
    text-align: center;
    position: relative;
    z-index: 1;
}

a.sc-map-button:after {
    content: '';
    position: absolute;
    width: 2000px;
    height: 5px;
    background: #b21f24;
    right: 100%;
    pointer-events: none;
}

#pp_search_colorado .col-md-7 {
    position: relative;
}

.sc-map-wrap {
    text-align: right;
    font-size: 0;
    padding-right: 18px;
}

.sc-map {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.sc-map .sc-map-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.sc-map-hovers {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.sc-map-hover {
    position: absolute;
}

.sc-map-hover img {
    opacity: 0;
    transition: all .3s;
    transform: scale(.9);
}

.sc-map-hover.active img {
    opacity: 1;
    transform: scale(1);
}

.sc-map-hover span {
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
}

.sc-map-hover span em {
    font-style: normal;
    transition: opacity .3s;
}

.sc-map-hover span:before {
    content: '';
    display: block;
    margin: 0 auto 1px;
    width: 22px;
    height: 24px;
    background: url(images/map/map-icons.png) 0 0 no-repeat;
}

.sc-map-hover.active span:before {
    background-position: -22px 0;
}

.sc-map-hover.active span em {
    opacity: 0;
}

.sc-map-hover.area-larimer {
    top: -41px;
    left: -41px;
}

.sc-map-hover.area-larimer span {
    top: 100px;
    left: 160px;
}

.sc-map-hover.area-weld {
    top: -41px;
    left: 192px;
}

.sc-map-hover.area-weld span {
    top: 132px;
    left: 123px;
}

.sc-map-hover.area-boulder {
    top: 137px;
    left: 64px;
}

.sc-map-hover.area-boulder span {
    top: 56px;
    left: 73px;
}

.sc-map-hover.area-gilpin {
    top: 220px;
    left: 65px;
}

.sc-map-hover.area-gilpin span {
    top: 32px;
    left: 49px;
}

.sc-map-hover.area-clear-creek {
    top: 242px;
    left: 18px;
}

.sc-map-hover.area-clear-creek span {
    top: 50px;
    left: 49px;
}

.sc-map-hover.area-jefferson {
    top: 225px;
    left: 124px;
}

.sc-map-hover.area-jefferson span {
    top: 107px;
    left: 27px;
}

.sc-map-hover.area-douglas {
    top: 308px;
    left: 140px;
}

.sc-map-hover.area-douglas span {
    top: 70px;
    left: 76px;
}

.sc-map-hover.area-denver {
    top: 227px;
    left: 187px;
}

.sc-map-hover.area-denver span {
    top: 59px;
    left: 30px;
}

.sc-map-hover.area-adams {
    top: 204px;
    left: 192px;
}

.sc-map-hover.area-adams span {
    top: 47px;
    left: 162px;
}

.sc-map-hover.area-arapahoe {
    top: 265px;
    left: 194px;
}

.sc-map-hover.area-arapahoe span {
    top: 39px;
    left: 120px;
}

.sc-map-hover.area-elbert {
    top: 308px;
    left: 270px;
}

.sc-map-hover.area-elbert span {
    top: 66px;
    left: 106px;
}

.sc-map-hover.area-teller {
    top: 410px;
    left: 133px;
}

.sc-map-hover.area-teller span {
    top: 59px;
    left: 46px;
}

.sc-map-hover.area-el-paso {
    top: 410px;
    left: 187px;
}

.sc-map-hover.area-el-paso span {
    top: 79px;
    left: 118px;
}

.sc-map-title {
    position: absolute;
    font-size: 28px;
    color: #fff;
    opacity: .1;
    text-transform: uppercase;
    line-height: 1.22;
    pointer-events: none;
    transition: opacity .3s;
}

.sc-map-title.active {
    opacity: .25;
}

.sc-map-title.sc-map-title-northern-colorado {
    left: 133px;
    top: 99px;
}

.sc-map-title.sc-map-title-denver-metro {
    top: 309px;
    left: 236px;
}

.sc-map-title.sc-map-title-colorado-springs {
    top: 477px;
    left: 183px;
}


/*section 3*/


/*animation*/

.ready-animate .s3-text p,
.removing-animate .s3-text p,
.ready-animate .s3-text a.btn-a,
.removing-animate .s3-text a.btn-a {
    transform: translateY(30px);
    opacity: 0;
}

.start-animate .s3-text p,
.start-animate .s3-text a.btn-a {
    transform: translateY(0);
    opacity: 1;
    transition: .7s ease;
}

.start-animate .s3-text p:nth-of-type(1) {
    transition-delay: .2s;
}

.start-animate .s3-text p:nth-of-type(2) {
    transition-delay: .4s;
}

.start-animate .s3-text p:nth-of-type(3) {
    transition-delay: .6s;
}

.start-animate .s3-text p:nth-of-type(4),
.start-animate .s3-text a.btn-a {
    transition-delay: .8s;
}

.start-animate .s3-text p:nth-of-type(5) {
    transition-delay: 1s;
}

.s3-img-bg,
.s3-img-bg {
    transform: translateX(100%);
    opacity: 0;
}

.start-animate .s3-img-bg {
    transform: translateX(0);
    opacity: 1;
    transition: 1s ease;
}

.ready-animate .s3-img img.s3-img-1,
.removing-animate .s3-img img.s3-img-1,
.ready-animate .s3-img img.s3-img-2,
.removing-animate .s3-img img.s3-img-2 {
    transform: translateY(40px);
    opacity: 0;
}

.start-animate .s3-img img.s3-img-1,
.start-animate .s3-img img.s3-img-2 {
    transform: translateY(0);
    opacity: 1;
    transition: 1s ease;
}

.start-animate .s3-img img.s3-img-1 {
    transition-delay: .5s
}

.start-animate .s3-img img.s3-img-2 {
    transition-delay: .7s
}

section#pp_welcome {}

#pp_welcome .pp-tableCell:before {
    display: none;
}

#pp_welcome .section-link.section-link-left a {
    pointer-events: none;
}

#pp_welcome .section-content {
    padding-bottom: 2.6%;
}

.s3-text {
    margin-right: -30px;
    margin-top: 12.25%;
}

.s3-text .section-title {
    letter-spacing: .05em;
    line-height: 1.15;
    margin-bottom: 11px;
}

.s3-text .section-title em {
    font-style: normal;
    position: relative;
    display: block;
    font-size: 36px;
    letter-spacing: .05em;
    padding-left: 28.4%;
}

.s3-text .section-title em:before {
    content: '';
    position: absolute;
    left: 0;
    width: 25.8%;
    height: 5px;
    background: #b21f24;
    top: 54%;
}

.s3-text p {
    letter-spacing: .005em;
    line-height: 20px;
    color: #cccccc;
    margin: 0 0 20px;
}

.s3-text strong {
    font-weight: 700;
}

.s3-text a.btn-a {
    margin-top: 31px;
}

.s3-img {
    margin-left: 32px;
    margin-right: 47px;
    position: relative;
    z-index: 1;
    font-size: 0;
}

.s3-img img {
    max-width: 100%;
}

.s3-img img.s3-img-2 {
    position: absolute;
    bottom: -69px;
    right: -47px;
    width: 280px;
}

.s3-img-bg {
    position: absolute;
    bottom: -40px;
    left: 40px;
    top: 40px;
    right: calc((1140px - 100vw) / 2 - 47px);
    z-index: -1;
}

.s3-img-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay-welcome.png) center/cover no-repeat;
    z-index: 1;
}

.s3-img-bg canvas {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    position: absolute;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}


/*section 4*/


/*animation*/

.ready-animate .s4-team-accent,
.removing-animate .s4-team-accent {
    transform: translateX(-100%);
    opacity: 0;
}

.start-animate .s4-team-accent {
    transform: translateX(0);
    opacity: 1;
    transition: 1s ease;
}

.ready-animate a.s4-team-img,
.removing-animate a.s4-team-img {
    transform: translateY(100px);
    opacity: 0;
}

.start-animate a.s4-team-img {
    transform: translateY(0);
    opacity: 1;
    transition: 1s ease;
}

.ready-animate .s4-team-details,
.removing-animate .s4-team-details,
.ready-animate .s4-team-thumb-list .slick-list,
.removing-animate .s4-team-thumb-list .slick-list,
.ready-animate .s4-team-thumb-list .slick-arrow,
.removing-animate .s4-team-thumb-list .slick-arrow {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);;
    opacity: 0;
}

.start-animate .s4-team-details,
.start-animate .s4-team-thumb-list .slick-list,
.start-animate .s4-team-thumb-list .slick-arrow {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    -webkit-transition: 1s ease .2s;
    -o-transition: 1s ease .2s;
    transition: 1s ease .2s;
}

.start-animate .s4-team-thumb-list,
.start-animate .s4-team-thumb-arrow {
    transition-delay: .4s;
}

section#pp_meet_the_team {}

#pp_meet_the_team .section-link a {
    pointer-events: none;
}

#pp_meet_the_team .section-link span:before {
    background: #fff;
}

#pp_meet_the_team .pp-tableCell:before {
    display: none;
}

#pp_meet_the_team .section-content {
    padding-top: 20px;
}

.s4-team {
    position: relative;
    z-index: 1;
}

.s4-team-accent {
    position: absolute;
    top: -2px;
    bottom: 96px;
    left: calc((1140px - 100vw) / 2);
    right: 59.8%;
    z-index: -1;
}

.s4-team-accent:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(images/overlay-agents-accent.png) center/cover no-repeat;
    z-index: 1;
}

.s4-team-accent canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}

.s4-team-list .slick-list {
    overflow: visible;
}

.s4-team-main {
    padding-left: 68px;
    padding-top: 65px;
    position: relative;
    font-size: 0;
    display: flex!important;
}

.s4-team-main ~ .s4-team-main {
    display: none!important;
}

a.s4-team-img {
    display: inline-block;
    /*width: 490px;*/
    width: 45.71%;
}

a.s4-team-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.s4-team-details {
    color: #fff;
    padding-left: 40px;
    width: 54.29%;
    z-index: 1;
}

.s4-team-details h2 {
    font-size: 50px;
    letter-spacing: .2em;
    line-height: 1.25;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    margin-top: -10px;
}

.s4-team-details h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 38px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    transition: all .3s;
}

.s4-team-details h2 span {
    display: block;
    font-size: 36px;
    letter-spacing: .2em;
}

.s4-team-contact {
    margin: 31px 0 0;
}

.s4-team-contact a {
    transition: color .3s, background .3s, border .3s;
}

.s4-team-contact span {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .02em;
    color: #e7e7e7;
    margin-bottom: 24px;
}

.s4-team-contact span i {
    color: #b21f24;
}

.s4-team-contact .phone {
    margin-right: 45px;
}

.s4-team-contact .phone i {
    font-size: 15px;
    margin-right: 17px;
}

.s4-team-contact .email i {
    font-size: 10px;
    vertical-align: middle;
    margin-right: 14px;
}

.s4-team-contact .smi {
    font-size: 0;
    display: block;
}

.s4-team-contact .smi a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .41);
    font-size: 22px;
    color: #fff;
    margin: 0 8px;
}

.s4-team-contact .smi a:hover {
    background: #b21f24;
    border-color: #b21f24;
}

.s4-team-thumb-list {
    font-size: 0;
    position: absolute;
    bottom: 0;
    right: -138px;
    width: 634px;
}

.s4-team-thumb-list .slick-arrow {
    position: absolute;
    top: calc(50% - 21px);
    width: 52px;
    height: 52px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 20px;
    color: #fff;
    opacity: .8;
    z-index: 1;
    outline: none;
    transition: all .3s;
}

.s4-team-thumb-list .slick-arrow:hover {
    opacity: 1;
    background: #b21f24;
    border-color: #b21f24;
}

.s4-team-thumb-list .slick-prev {
    left: -20px;
}

.s4-team-thumb-list .slick-next {
    right: -20px;
    display: none!important;
}

.s4-team-thumb-list .slick-track {
    margin-left: -33.333333%;
}

.s4-team-thumb {
    width: 33.333333%;
    padding: 0 8px;
    display: inline-block;
    vertical-align: top;
}

.s4-team-thumb:nth-child(3) ~ .s4-team-thumb {
    display: none;
}

.s4-team-thumb canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}


/*footer / section 5*/


/*animation*/

.ready-animate .git-form,
.removing-animate .git-form {
    transform: translateX(100px);
    opacity: 0;
}

.start-animate .git-form {
    opacity: 1;
    transform: translateX(0);
    transition: transform ease .7s, opacity .7s;
}

.ready-animate .footer-contact span,
.removing-animate .footer-contact span,
.ready-animate .footer-copyright,
.removing-animate .footer-copyright {
    transform: translateY(100px);
    opacity: 0;
}

.start-animate .footer-contact span,
.start-animate .footer-copyright {
    opacity: 1;
    transform: translateY(0);
    transition: transform ease .7s, opacity .7s;
}

.start-animate .footer-contact span:nth-child(1) {
    transition-delay: .5s;
}

.start-animate .footer-contact span:nth-child(2) {
    transition-delay: .7s;
}

.start-animate .footer-contact span:nth-child(3) {
    transition-delay: .9s;
}

.start-animate .footer-copyright {
    transition-delay: 1.1s;
}

section#pp_get_in_touch {}

#pp_get_in_touch .pp-tableCell:before {
    display: none;
}

#pp_get_in_touch .section-link a {
    pointer-events: none;
}

#pp_get_in_touch .section-content {}

.git-wrapper,
.footer-wrapper {
    width: 50%;
}

.git-wrapper {
    background: fixed url(images/bg-git.jpg) right center/cover no-repeat;
    position: relative;
    z-index: 1;
}

.git-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(178, 31, 36, .88) url(images/shadow-git.png) center/cover no-repeat;
    display: block;
    z-index: -1;
}

.git-content {
    width: 488px;
    max-width: 100%;
    margin-left: 82px;
    margin-top: 28px;
}

.git-content .section-title {
    padding-left: 60px;
    margin-bottom: 16px;
}

.git-content .section-title span:before {
    background: #fff;
}

.git-form,
.qs-wrap {
    margin: 0 -12px;
    font-size: 0;
    position: relative;
}

.git-field,
.qs-field {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 12px;
    margin-bottom: 16px;
}

.git-field-half,
.qs-field-half {
    width: 50%;
}

.git-field input,
.git-field textarea,
.qs-field select {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    font-size: 12px;
    font-style: italic;
    letter-spacing: .05em;
    color: #fff;
    height: 44px;
    outline: none;
    padding-left: 9px;
    padding-right: 9px;
}

.qs-field select {
    color: #000;
    border-color: #000;
}

.git-field textarea {
    resize: none;
    height: 94px;
    padding-top: 14px;
}

.git-form .btn-a,
.qs-wrap .btn-a {
    margin: 16px auto 0;
    width: 123px;
    border-top-color: rgba(255, 255, 255, .44);
    border-bottom-color: rgba(255, 255, 255, .44);
}

.git-form .btn-a:hover {
    background: #fff;
    border-color: #fff!important;
    color: #000!important;
}

.qs-wrap .btn-a {
    color: #000!important;
    border-bottom-color: rgba(0, 0, 0, .6);
    border-top-color: rgba(0, 0, 0, .6);
}

.qs-wrap .btn-a:hover {
    color: #fff!important;
}

.git-form .wpcf7-response-output {
    text-align: center;
    margin: 12px auto 0;
    font-size: 12px;
    letter-spacing: .05em;
    color: #fff!important;
    position: absolute;
    top: 100%;
    left: 12px;
    right: 12px;
}

.git-form .ajax-loader {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto!important;
}

.git-form .wpcf7-form-control-wrap {
    display: block;
}

.git-form span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.qs-wrap .section-title {
    text-align: center;
    margin: 0 0 15px;
    font-size: initial;
}

.qs-wrap .section-title span {
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    display: inline-block;
    margin: 0;
}

.qs-wrap .section-title span:before {
    height: 100%;
    top: 1px;
}

.footer-wrapper {
    position: relative;
    z-index: 1;
}

.footer-content {
    width: 525px;
    max-width: 100%;
    margin-left: auto;
    margin-right: 82px;
    margin-top: 67px;
    text-align: center;
}

.footer-logo {
    margin-bottom: 73px;
}

.footer-logo img {
    max-width: 100%;
}

.footer-logo .logo-animation .line {
    height: 3px;
    transition-delay: 0s;
}

.footer-contact {
    text-align: center;
    margin-bottom: 59px;
}

.footer-wrapper a {
    transition: color .3s, background .3s, border .3s;
}

.footer-contact span {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .02em;
    color: #e7e7e7;
    margin-bottom: 24px;
    margin: 0 21px 24px;
}

.footer-contact span i {
    color: #b21f24;
}

.footer-contact .phone i {
    font-size: 15px;
    margin-right: 17px;
}

.footer-contact .email i {
    font-size: 10px;
    vertical-align: middle;
    margin-right: 14px;
}

.footer-contact .smi {
    font-size: 0;
    display: block;
}

.footer-contact .smi a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .41);
    font-size: 22px;
    color: #fff;
    margin: 0 8px;
}

.footer-contact .smi a:hover {
    background: #b21f24;
    border-color: #b21f24;
}

.footer-copyright {
    font-weight: 300;
    font-size: 12px;
    color: #8d8d8d;
    line-height: 1.5;
}

.footer-copyright a {}

.footer-icons {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.footer-icons i {
    font-size: 23px;
}


/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/

.ip-banner {
    position: relative;
    width: 100%;
}

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background-color: #f9f7f7;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}


/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 500px;
    margin-top: 20px;
}


/** Adjust width of content columns **/

#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}


/* Adjust width of sidebar */

.sidebar {
    width: 20.83%;
}


/* fullwidth template */

.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}


/* Adjust line height of page elements */

#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
    line-height: 1.7
}


/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

#content .entry-title,
#content .archive-title {
    font-family: 'Michroma', sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: .05em;
    line-height: 1.15;
    margin: 0 0 30px;
}


/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {
    font-family: 'Michroma', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: .05em;
    line-height: 1.15;
}

.ip-container {
    background: #fff fixed url(https://www.1320homes.com/wp-content/uploads/2024/11/bg-ip.jpg) center/cover no-repeat;
    overflow: auto!important;
}

.ip-logo-wrapper {
    text-align: center;
    padding: 40px 15px;
/*
        position: fixed;
    width: 100%;
    z-index: 9;
*/
}

.ip-logo-wrapper .logo-animation {
    max-width: 600px;
}

.ip-container .header-wrapper:not(.active) button.button_menu {
    border: 1px solid rgba(0, 0, 0, .6);
}

.ip-container .header-wrapper:not(.active) button.button_menu:before {
    color: #000;
}

.ip-container .header-wrapper:not(.active) button.button_menu span {
    background: #000;
}

#content-sidebar,
#content-full {
    opacity: 0;
}

.start-animate #content-sidebar,
.start-animate #content-full {
    opacity: 1;
    transition: opacity 1s ease 1s;
}

footer #pp_get_in_touch {
    position: relative;
}

footer .footer-content {
    margin-top: 0;
}

footer .footer-content,
footer .git-content {
    padding: 60px 15px;
}

footer .footer-contact span {
    margin: 0 10px 24px;
}

.cta-list {
    margin-top: 30px;
}

.cta-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    background: #b21f24;
    border-color: #b21f24;
    color: #fff;
    transition: all .3s;
    font-family: 'Michroma', sans-serif;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .2em;
    font-size: 12px;
    text-transform: uppercase;
    margin: 15px auto;
}

.cta-list a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

#content p {
    letter-spacing: .005em;
    line-height: 1.55;
}

button.btn.dropdown-toggle.bs-placeholder.btn-default,
button.btn.dropdown-toggle.btn-default {
    color: #000;
    border-color: #000;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: unset;
    display: block;
    width: 100%;
    border-radius: 0;
    font-size: 12px;
    font-style: italic;
    letter-spacing: .05em;
    height: 44px;
    outline: none;
    padding-left: 9px;
    padding-right: 9px;
}

.dropdown-menu.open {
    width: 300px;
    top: unset;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 237.45px;
}


/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

/*
main {
    padding-top: 160px;
}
*/

.home main {
    padding-top: 0;
}

.logo-animation.logo-2 {
    display: none;

}

.logo-animation.logo-2 .line {

    margin: 5px 0 10px;
}

.page-id-69 .logo-animation.logo-1, .page-id-85 .logo-animation.logo-1 {
    display: none;
}

.page-id-69 .logo-animation.logo-2, .page-id-85 .logo-animation.logo-2 {
    display: inline-block;
}

.ip-container header.header-wrapper a.hdr-home,
.ip-container button.button_menu {
    position: absolute;
}
.ip-container header.header-wrapper.active a.hdr-home,
.ip-container header.header-wrapper.active button.button_menu {
    position: fixed;
}

.page-id-69 .wp-video {
    margin: 0 auto;
    width: 100%!important;
}

.page-id-84  #content .archive-subtitle{
    font: inherit;
    letter-spacing: .05em;

    line-height: 1.15;

    font-size: 24px;

    line-height: 1;

    margin: 0 0 20px;
}

.page-id-84 .archive-more{
    display:block;
}

/*
Theme Name: 1320homes.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/


/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/


/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: 'Montserrat', Arial, Helvetica, Georgia, Sans-serif;
    font-size: 13px;
    background: #FFF;
    color: #000000;
    margin: 0;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

a {
    color: inherit;
}

a:hover,
em.ai-mobile-phone a:hover {
    color: #b21f24;
}

a:hover,
a:focus,
.slick-slide,
.slick-slide a {
    outline: none;
    text-decoration: none;
}

.font-michroma {
    font-family: 'Michroma', sans-serif!important;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif!important;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex:before,
.flex:after {
    display: none;
}

.dir-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.dir-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
}

.dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}

.al-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.al-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.al-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ju-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ju-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ju-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ju-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#main-wrapper {
    overflow: hidden;
}

#pagepiling {
    height: 100vh;
    background-color: #000;
    padding: 1px 0;
}

.section {
    -webkit-transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: transform 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    background: #000 fixed url(images/bg-main.jpg) center top/cover no-repeat;
    height: 100%;
}

.section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay-main.png) center/auto 100% repeat-x;
}

.section .pp-tableCell {
    position: relative;
}

.section .pp-tableCell:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 195px;
    background: url(images/shadow-main.png) center/auto 100% repeat-x;
    z-index: 2;
    pointer-events: none;
}

.section.pp-section {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.section-links {
    position: fixed;
    width: 1440px;
    height: 100vh;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 999;
}

.section-link {
    position: relative;
    display: inline-block;
    letter-spacing: .2em;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
    pointer-events: all;
}

.section-link span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
}

.section-link span:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 5px;
    height: 14px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    z-index: -1;
    transition: all .3s;
}

.section-link a {
    color: #fff;
}

.section-link.section-link-left {
    align-self: center;
    transform-origin: top left;
    transform: rotate(-90deg) translate(30px, 0px);
}

.section-link.section-link-left.v-center {
    transform: rotate(-90deg) translate(-50%, 0px);
}

.section-link.section-link-right {
    align-self: flex-end;
    transform-origin: top right;
    transform: rotate(90deg) translate(-30%, 0px);
}

.section-link.section-link-right.v-center {
    transform: rotate(90deg) translate(50%, 0px);
}


/*animate*/

.removing-animate .section-link span,
.ready-animate .section-link span {
    will-change: opacity, transform;
    transform: translateX(10vw) translateZ(0);
    -ms-transform: translateX(100px) translateZ(0);
    opacity: 0;
    -ms-transition: all .5s cubic-bezier(.465, .005, .045, .985);
    transition: all .5s cubic-bezier(.465, .005, .045, .985);
}

.start-animate .section-link span {
    transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    opacity: 1;
    transition-duration: 1.2s;
    -ms-transition-duration: 1.2s;
}

.section-content {
    position: relative;
    height: 100%;
}

.btn-a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 165px;
    height: 49px;
    font-size: 9px;
    font-family: 'Michroma', sans-serif;
    letter-spacing: .02em;
    color: #fff!important;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .2em;
    background: transparent;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-left: 1px solid #b21f24;
    border-right: 1px solid #b21f24;
    transition: color .3s, border .3s, background .3s;
    outline: none;
}

.finished-animate .btn-a {
    transition-delay: 0s!important;
}

.btn-a:hover {
    background: #b21f24;
    border-color: #b21f24!important;
    color: #fff!important;
}


/*header*/

header.header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

header.header-wrapper a.hdr-home {
    position: fixed;
    top: 69px;
    right: 210px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    z-index: 2;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-family: 'Michroma', sans-serif !important;
}

    header.header-wrapper.active a.hdr-home {
        right: 216px;
    }

    .ip-container header.header-wrapper:not(.active) a.hdr-home {
        color: #000;
        border-right: 1px solid #000;
    }

button.button_menu {
    position: fixed;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .6);
    padding: 0;
    background: transparent;
    outline: none;
    top: 49px;
    right: 80px;
    z-index: 2;
}

button.button_menu:before {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    padding: 0 14px 0 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
    line-height: 1;
    height: 48px;
    display: flex;
    align-items: center;
}

button.button_menu:before {
    content: 'Menu';
}

.active button.button_menu:before {
    content: 'Close';
}

button.button_menu span {
    display: block;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform-origin: right;
    transition: all .3s;
}

button.button_menu span:nth-child(1) {
    width: 18px;
    transform: translateY(-6px);
    transform-origin: top right;
}

button.button_menu span:nth-child(2) {
    width: 25px;
}

button.button_menu span:nth-child(3) {
    width: 18px;
    transform: translateY(6px);
    transform-origin: bottom right;
}

.active button.button_menu span:nth-child(1) {
    transform: translate(-5px, -8px) rotate(-45deg);
    width: 24px;
}

.active button.button_menu span:nth-child(3) {
    transform: translate(-5px, 8px) rotate(45deg);
    width: 24px;
}

.active button.button_menu span:nth-child(2) {
    transform: scaleX(0);
}


/*menu*/

.active .menu-dropdown {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.animating #menu_nav > li {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    transition: transform 1s, opacity 1s;
}

.active #menu_nav > li:nth-child(1) {
    transition-delay: .1s;
}

.active #menu_nav > li:nth-child(2) {
    transition-delay: .2s;
}

.active #menu_nav > li:nth-child(3) {
    transition-delay: .3s;
}

.active #menu_nav > li:nth-child(4) {
    transition-delay: .4s;
}

.active #menu_nav > li:nth-child(5) {
    transition-delay: .5s;
}

.active #menu_nav > li:nth-child(6) {
    transition-delay: .6s;
}

.active #menu_nav > li:nth-child(7) {
    transition-delay: .7s;
}

.active #menu_nav > li:nth-child(8) {
    transition-delay: .8s;
}

.active #menu_nav > li:nth-child(9) {
    transition-delay: .9s;
}

.active #menu_nav > li:nth-child(10) {
    transition-delay: 1s;
}

.menu-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    background: #000 fixed url(images/bg-main.jpg) center top/cover no-repeat;
    padding: 4.3% 0 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .5s;
}

.menu-dropdown:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay-main.png) center/auto 100% repeat-x;
    z-index: -1;
}

.menu-navigation {
    max-height: 100%;
    overflow-y: auto;
}

#menu_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
}

#menu_nav > li {
    display: inline-block;
    vertical-align: top;
    width: 33.333333333%;
    max-width: 320px;
    margin: 45px 0;
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}

#menu_nav li a {
    transition: color .3s;
}

#menu_nav > li > a {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
    font-family: 'Michroma', sans-serif;
    letter-spacing: .2em;
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
}

#menu_nav > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 5px;
    height: 15px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    z-index: -1;
    transition: all .3s;
}

#menu_nav ul.sub-menu {
    margin-top: 31px;
}

#menu_nav .sub-menu a {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1.2;
    color: #c7c7c7;
    padding: 7px 0;
    display: inline-block;
}

#menu_nav .sub-menu a:hover {
    color: #fff;
}

#menu_nav > li.two-columns > .sub-menu > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}


/*section 1*/


/*animate*/

.ready-animate .s1-agents > img,
.removing-animate .s1-agents > img {
    opacity: 0;
    transition: opacity .1s ease;
}

.start-animate .s1-agents > img {
    opacity: 1;
    transition: opacity .9s ease 1.5s;
}

.ready-animate .logo-animation .line,
.removing-animate .logo-animation .line,
.ip-logo-wrapper .logo-animation .line {
    transform: scaleX(0);
    opacity: 0;
    transition: opacity .1s ease;
}

.start-animate .logo-animation .line {
    transform: scaleX(1);
    opacity: 1;
    transition: transform .7s cubic-bezier(.465, .005, .045, .985) .3s, opacity 0s;
}

.ready-animate .logo-animation span:first-of-type img,
.removing-animate .logo-animation span:first-of-type img,
.ip-logo-wrapper .logo-animation span:first-of-type img {
    transform: translateY(100%);
    opacity: 0;
    transition: opacity .1s ease;
}

.start-animate .logo-animation span:first-of-type img {
    transform: translateY(0);
    opacity: 1;
    transition: transform .5s cubic-bezier(.465, .005, .045, .985) .8s, opacity 0s;
}

.ready-animate .logo-animation span:last-of-type img,
.removing-animate .logo-animation span:last-of-type img,
.ip-logo-wrapper .logo-animation span:last-of-type img {
    transform: translateY(-105%);
    transition: opacity .1s ease;
}

.start-animate .logo-animation span:last-of-type img {
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.465, .005, .045, .985) .8s, opacity 0s;
}

section#pp_hero {}

section#pp_hero .container {
    position: relative;
    padding-bottom: 2.33%;
}

section#pp_hero:after {
    content: '';
    position: absolute;
    left: 9px;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(images/accent-frame-1.png) center top/auto 100% no-repeat;
}

.s1-agents {
    text-align: center;
    position: relative;
    z-index: 1;
}

.s1-agents img {
    max-width: 100%;
}

.s1-logo-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 3.9%;
    z-index: 2;
    text-align: center;
}

.logo-animation {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    position: relative;
}

.s1-logo-wrapper .logo-animation:before {
    content: '';
    position: absolute;
    width: 1379px;
    height: 220px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -55%;
    margin: auto;
    background: url(images/shadow-frame-1.png) center/cover no-repeat;
    z-index: -1;
    pointer-events: none;
}

.logo-animation div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.logo-animation div img,
.logo-animation canvas {
    display: block;
    width: 100%;
}

.logo-animation span {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transition: all .5s;
}

.logo-animation .line {
    height: 6px;
    background: #b31f24;
}


/*section 2*/


/*animation*/

.ready-animate .section-title,
.removing-animate .section-title {
    transform: translateX(100px);
    opacity: 0;
}

.start-animate .section-title {
    opacity: 1;
    transform: translateX(0);
    transition: transform ease .7s, opacity .7s;
}

.ready-animate a.sc-map-button,
.removing-animate a.sc-map-button {
    transform: translateX(-100%);
    opacity: 0;
}

.start-animate a.sc-map-button {
    opacity: 1;
    transform: translateX(0);
    transition: transform ease .7s, opacity .7s ease;
}

.start-animate a.sc-map-button:nth-child(1) {
    transition-delay: .5s;
}

.start-animate a.sc-map-button:nth-child(2) {
    transition-delay: .7s;
}

.start-animate a.sc-map-button:nth-child(3) {
    transition-delay: .9s;
}

.ready-animate .sc-map-wrap,
.removing-animate .sc-map-wrap {
    opacity: 0;
}

.start-animate .sc-map-wrap {
    opacity: 1;
    transition: opacity .7s;
}

section#pp_search_colorado {}

#pp_search_colorado:before {
    background: url(images/overlay-frame-2.png) center/cover repeat-x;
}

#pp_search_colorado .pp-tableCell:before {
    display: none;
}

#pp_search_colorado .section-content {
    padding-top: 38px;
}

#pp_search_colorado .section-link.section-link-left {
    align-self: flex-start;
    transform: rotate(-90deg) translate(-251px, 0px);
}

#pp_search_colorado .section-link.section-link-left a {
    pointer-events: none;
}

#pp_search_colorado .col-md-5 {
    position: relative;
}

.sc-map-list-wrap {
    position: relative;
    z-index: 1;
    margin-top: 16px;
}

.sc-map-list-wrap .section-title {
    margin-bottom: 56px;
}

.section-title {
    font-family: 'Michroma', sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: .2em;
    line-height: 1;
    color: #fff;
}

.section-title span {
    display: block;
    position: relative;
    padding: 0 10px 0 20px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    margin: 5px 0 20px;
    letter-spacing: .2em;
}

.section-title span:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 5px;
    height: 14px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    z-index: 1;
    transition: all .3s;
}

.sc-map-list {
    position: relative;
}

a.sc-map-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 452px;
    height: 157px;
    border: 5px solid #b21f24;
    background: #b21f24;
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    margin: 23px auto;
    position: relative;
}

a.sc-map-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #202020 url(images/bg-button.jpg) center/cover no-repeat;
    border: 1px solid #0e0e0e;
    transition: all .3s;
}

a.sc-map-button:hover:before,
a.sc-map-button.active:before {
    opacity: 0;
}

a.sc-map-button span {
    text-align: center;
    position: relative;
    z-index: 1;
}

a.sc-map-button:after {
    content: '';
    position: absolute;
    width: 2000px;
    height: 5px;
    background: #b21f24;
    right: 100%;
    pointer-events: none;
}

#pp_search_colorado .col-md-7 {
    position: relative;
}

.sc-map-wrap {
    text-align: right;
    font-size: 0;
    padding-right: 18px;
}

.sc-map {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.sc-map .sc-map-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.sc-map-hovers {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.sc-map-hover {
    position: absolute;
}

.sc-map-hover img {
    opacity: 0;
    transition: all .3s;
    transform: scale(.9);
}

.sc-map-hover.active img {
    opacity: 1;
    transform: scale(1);
}

.sc-map-hover span {
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
}

.sc-map-hover span em {
    font-style: normal;
    transition: opacity .3s;
}

.sc-map-hover span:before {
    content: '';
    display: block;
    margin: 0 auto 1px;
    width: 22px;
    height: 24px;
    background: url(images/map/map-icons.png) 0 0 no-repeat;
}

.sc-map-hover.active span:before {
    background-position: -22px 0;
}

.sc-map-hover.active span em {
    opacity: 0;
}

.sc-map-hover.area-larimer {
    top: -41px;
    left: -41px;
}

.sc-map-hover.area-larimer span {
    top: 100px;
    left: 160px;
}

.sc-map-hover.area-weld {
    top: -41px;
    left: 192px;
}

.sc-map-hover.area-weld span {
    top: 132px;
    left: 123px;
}

.sc-map-hover.area-boulder {
    top: 137px;
    left: 64px;
}

.sc-map-hover.area-boulder span {
    top: 56px;
    left: 73px;
}

.sc-map-hover.area-gilpin {
    top: 220px;
    left: 65px;
}

.sc-map-hover.area-gilpin span {
    top: 32px;
    left: 49px;
}

.sc-map-hover.area-clear-creek {
    top: 242px;
    left: 18px;
}

.sc-map-hover.area-clear-creek span {
    top: 50px;
    left: 49px;
}

.sc-map-hover.area-jefferson {
    top: 225px;
    left: 124px;
}

.sc-map-hover.area-jefferson span {
    top: 107px;
    left: 27px;
}

.sc-map-hover.area-douglas {
    top: 308px;
    left: 140px;
}

.sc-map-hover.area-douglas span {
    top: 70px;
    left: 76px;
}

.sc-map-hover.area-denver {
    top: 227px;
    left: 187px;
}

.sc-map-hover.area-denver span {
    top: 59px;
    left: 30px;
}

.sc-map-hover.area-adams {
    top: 204px;
    left: 192px;
}

.sc-map-hover.area-adams span {
    top: 47px;
    left: 162px;
}

.sc-map-hover.area-arapahoe {
    top: 265px;
    left: 194px;
}

.sc-map-hover.area-arapahoe span {
    top: 39px;
    left: 120px;
}

.sc-map-hover.area-elbert {
    top: 308px;
    left: 270px;
}

.sc-map-hover.area-elbert span {
    top: 66px;
    left: 106px;
}

.sc-map-hover.area-teller {
    top: 410px;
    left: 133px;
}

.sc-map-hover.area-teller span {
    top: 59px;
    left: 46px;
}

.sc-map-hover.area-el-paso {
    top: 410px;
    left: 187px;
}

.sc-map-hover.area-el-paso span {
    top: 79px;
    left: 118px;
}

.sc-map-title {
    position: absolute;
    font-size: 28px;
    color: #fff;
    opacity: .1;
    text-transform: uppercase;
    line-height: 1.22;
    pointer-events: none;
    transition: opacity .3s;
}

.sc-map-title.active {
    opacity: .25;
}

.sc-map-title.sc-map-title-northern-colorado {
    left: 133px;
    top: 99px;
}

.sc-map-title.sc-map-title-denver-metro {
    top: 309px;
    left: 236px;
}

.sc-map-title.sc-map-title-colorado-springs {
    top: 477px;
    left: 183px;
}


/*section 3*/


/*animation*/

.ready-animate .s3-text p,
.removing-animate .s3-text p,
.ready-animate .s3-text a.btn-a,
.removing-animate .s3-text a.btn-a {
    transform: translateY(30px);
    opacity: 0;
}

.start-animate .s3-text p,
.start-animate .s3-text a.btn-a {
    transform: translateY(0);
    opacity: 1;
    transition: .7s ease;
}

.start-animate .s3-text p:nth-of-type(1) {
    transition-delay: .2s;
}

.start-animate .s3-text p:nth-of-type(2) {
    transition-delay: .4s;
}

.start-animate .s3-text p:nth-of-type(3) {
    transition-delay: .6s;
}

.start-animate .s3-text p:nth-of-type(4),
.start-animate .s3-text a.btn-a {
    transition-delay: .8s;
}

.start-animate .s3-text p:nth-of-type(5) {
    transition-delay: 1s;
}

.s3-img-bg,
.s3-img-bg {
    transform: translateX(100%);
    opacity: 0;
}

.start-animate .s3-img-bg {
    transform: translateX(0);
    opacity: 1;
    transition: 1s ease;
}

.ready-animate .s3-img img.s3-img-1,
.removing-animate .s3-img img.s3-img-1,
.ready-animate .s3-img img.s3-img-2,
.removing-animate .s3-img img.s3-img-2 {
    transform: translateY(40px);
    opacity: 0;
}

.start-animate .s3-img img.s3-img-1,
.start-animate .s3-img img.s3-img-2 {
    transform: translateY(0);
    opacity: 1;
    transition: 1s ease;
}

.start-animate .s3-img img.s3-img-1 {
    transition-delay: .5s
}

.start-animate .s3-img img.s3-img-2 {
    transition-delay: .7s
}

section#pp_welcome {}

#pp_welcome .pp-tableCell:before {
    display: none;
}

#pp_welcome .section-link.section-link-left a {
    pointer-events: none;
}

#pp_welcome .section-content {
    padding-bottom: 2.6%;
}

.s3-text {
    margin-right: -30px;
    margin-top: 12.25%;
}

.s3-text .section-title {
    letter-spacing: .05em;
    line-height: 1.15;
    margin-bottom: 11px;
}

.s3-text .section-title em {
    font-style: normal;
    position: relative;
    display: block;
    font-size: 36px;
    letter-spacing: .05em;
    padding-left: 28.4%;
}

.s3-text .section-title em:before {
    content: '';
    position: absolute;
    left: 0;
    width: 25.8%;
    height: 5px;
    background: #b21f24;
    top: 54%;
}

.s3-text p {
    letter-spacing: .005em;
    line-height: 20px;
    color: #cccccc;
    margin: 0 0 20px;
}

.s3-text strong {
    font-weight: 700;
}

.s3-text a.btn-a {
    margin-top: 31px;
}

.s3-img {
    margin-left: 32px;
    margin-right: 47px;
    position: relative;
    z-index: 1;
    font-size: 0;
}

.s3-img img {
    max-width: 100%;
}

.s3-img img.s3-img-2 {
    position: absolute;
    bottom: -69px;
    right: -47px;
    width: 280px;
}

.s3-img-bg {
    position: absolute;
    bottom: -40px;
    left: 40px;
    top: 40px;
    right: calc((1140px - 100vw) / 2 - 47px);
    z-index: -1;
}

.s3-img-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay-welcome.png) center/cover no-repeat;
    z-index: 1;
}

.s3-img-bg canvas {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    position: absolute;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}


/*section 4*/


/*animation*/

.ready-animate .s4-team-accent,
.removing-animate .s4-team-accent {
    transform: translateX(-100%);
    opacity: 0;
}

.start-animate .s4-team-accent {
    transform: translateX(0);
    opacity: 1;
    transition: 1s ease;
}

.ready-animate a.s4-team-img,
.removing-animate a.s4-team-img {
    transform: translateY(100px);
    opacity: 0;
}

.start-animate a.s4-team-img {
    transform: translateY(0);
    opacity: 1;
    transition: 1s ease;
}

.ready-animate .s4-team-details,
.removing-animate .s4-team-details,
.ready-animate .s4-team-thumb-list .slick-list,
.removing-animate .s4-team-thumb-list .slick-list,
.ready-animate .s4-team-thumb-list .slick-arrow,
.removing-animate .s4-team-thumb-list .slick-arrow {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);;
    opacity: 0;
}

.start-animate .s4-team-details,
.start-animate .s4-team-thumb-list .slick-list,
.start-animate .s4-team-thumb-list .slick-arrow {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    -webkit-transition: 1s ease .2s;
    -o-transition: 1s ease .2s;
    transition: 1s ease .2s;
}

.start-animate .s4-team-thumb-list,
.start-animate .s4-team-thumb-arrow {
    transition-delay: .4s;
}

section#pp_meet_the_team {}

#pp_meet_the_team .section-link a {
    pointer-events: none;
}

#pp_meet_the_team .section-link span:before {
    background: #fff;
}

#pp_meet_the_team .pp-tableCell:before {
    display: none;
}

#pp_meet_the_team .section-content {
    padding-top: 20px;
}

.s4-team {
    position: relative;
    z-index: 1;
}

.s4-team-accent {
    position: absolute;
    top: -2px;
    bottom: 96px;
    left: calc((1140px - 100vw) / 2);
    right: 59.8%;
    z-index: -1;
}

.s4-team-accent:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(images/overlay-agents-accent.png) center/cover no-repeat;
    z-index: 1;
}

.s4-team-accent canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}

.s4-team-list .slick-list {
    overflow: visible;
}

.s4-team-main {
    padding-left: 68px;
    padding-top: 65px;
    position: relative;
    font-size: 0;
    display: flex!important;
}

.s4-team-main ~ .s4-team-main {
    display: none!important;
}

a.s4-team-img {
    display: inline-block;
    /*width: 490px;*/
    width: 45.71%;
}

a.s4-team-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.s4-team-details {
    color: #fff;
    padding-left: 40px;
    width: 54.29%;
    z-index: 1;
}

.s4-team-details h2 {
    font-size: 50px;
    letter-spacing: .2em;
    line-height: 1.25;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    margin-top: -10px;
}

.s4-team-details h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 38px;
    background: #b21f24;
    transform-origin: bottom left;
    transform: skew(-20deg);
    transition: all .3s;
}

.s4-team-details h2 span {
    display: block;
    font-size: 36px;
    letter-spacing: .2em;
}

.s4-team-contact {
    margin: 31px 0 0;
}

.s4-team-contact a {
    transition: color .3s, background .3s, border .3s;
}

.s4-team-contact span {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .02em;
    color: #e7e7e7;
    margin-bottom: 24px;
}

.s4-team-contact span i {
    color: #b21f24;
}

.s4-team-contact .phone {
    margin-right: 45px;
}

.s4-team-contact .phone i {
    font-size: 15px;
    margin-right: 17px;
}

.s4-team-contact .email i {
    font-size: 10px;
    vertical-align: middle;
    margin-right: 14px;
}

.s4-team-contact .smi {
    font-size: 0;
    display: block;
}

.s4-team-contact .smi a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .41);
    font-size: 22px;
    color: #fff;
    margin: 0 8px;
}

.s4-team-contact .smi a:hover {
    background: #b21f24;
    border-color: #b21f24;
}

.s4-team-thumb-list {
    font-size: 0;
    position: absolute;
    bottom: 0;
    right: -138px;
    width: 634px;
}

.s4-team-thumb-list .slick-arrow {
    position: absolute;
    top: calc(50% - 21px);
    width: 52px;
    height: 52px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 20px;
    color: #fff;
    opacity: .8;
    z-index: 1;
    outline: none;
    transition: all .3s;
}

.s4-team-thumb-list .slick-arrow:hover {
    opacity: 1;
    background: #b21f24;
    border-color: #b21f24;
}

.s4-team-thumb-list .slick-prev {
    left: -20px;
}

.s4-team-thumb-list .slick-next {
    right: -20px;
    display: none!important;
}

.s4-team-thumb-list .slick-track {
    margin-left: -33.333333%;
}

.s4-team-thumb {
    width: 33.333333%;
    padding: 0 8px;
    display: inline-block;
    vertical-align: top;
}

.s4-team-thumb:nth-child(3) ~ .s4-team-thumb {
    display: none;
}

.s4-team-thumb canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}


/*footer / section 5*/


/*animation*/

.ready-animate .git-form,
.removing-animate .git-form {
    transform: translateX(100px);
    opacity: 0;
}

.start-animate .git-form {
    opacity: 1;
    transform: translateX(0);
    transition: transform ease .7s, opacity .7s;
}

.ready-animate .footer-contact span,
.removing-animate .footer-contact span,
.ready-animate .footer-copyright,
.removing-animate .footer-copyright {
    transform: translateY(100px);
    opacity: 0;
}

.start-animate .footer-contact span,
.start-animate .footer-copyright {
    opacity: 1;
    transform: translateY(0);
    transition: transform ease .7s, opacity .7s;
}

.start-animate .footer-contact span:nth-child(1) {
    transition-delay: .5s;
}

.start-animate .footer-contact span:nth-child(2) {
    transition-delay: .7s;
}

.start-animate .footer-contact span:nth-child(3) {
    transition-delay: .9s;
}

.start-animate .footer-copyright {
    transition-delay: 1.1s;
}

section#pp_get_in_touch {}

#pp_get_in_touch .pp-tableCell:before {
    display: none;
}

#pp_get_in_touch .section-link a {
    pointer-events: none;
}

#pp_get_in_touch .section-content {}

.git-wrapper,
.footer-wrapper {
    width: 50%;
}

.git-wrapper {
    background: fixed url(images/bg-git.jpg) right center/cover no-repeat;
    position: relative;
    z-index: 1;
}

.safari-true.mac-true .git-wrapper {
    background-image: url('./images/git-mac-bg.jpg');
}

.git-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(178, 31, 36, .88) url(images/shadow-git.png) center/cover no-repeat;
    display: block;
    z-index: -1;
}

.git-content {
    width: 488px;
    max-width: 100%;
    margin-left: 82px;
    margin-top: 28px;
}

.git-content .section-title {
    padding-left: 60px;
    margin-bottom: 16px;
}

.git-content .section-title span:before {
    background: #fff;
}

.git-form,
.qs-wrap {
    margin: 0 -12px;
    font-size: 0;
    position: relative;
}

.git-field,
.qs-field {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 12px;
    margin-bottom: 16px;
}

.git-field-half,
.qs-field-half {
    width: 50%;
}

.git-field input,
.git-field textarea,
.qs-field select {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    font-size: 12px;
    font-style: italic;
    letter-spacing: .05em;
    color: #fff;
    height: 44px;
    outline: none;
    padding-left: 9px;
    padding-right: 9px;
}

.qs-field select {
    color: #000;
    border-color: #000;
}

.git-field textarea {
    resize: none;
    height: 94px;
    padding-top: 14px;
}

.git-form .btn-a,
.qs-wrap .btn-a {
    margin: 16px auto 0;
    width: 123px;
    border-top-color: rgba(255, 255, 255, .44);
    border-bottom-color: rgba(255, 255, 255, .44);
}

.git-form .btn-a:hover {
    background: #fff;
    border-color: #fff!important;
    color: #000!important;
}

.qs-wrap .btn-a {
    color: #000!important;
    border-bottom-color: rgba(0, 0, 0, .6);
    border-top-color: rgba(0, 0, 0, .6);
}

.qs-wrap .btn-a:hover {
    color: #fff!important;
}

.git-form .wpcf7-response-output {
    text-align: center;
    margin: 12px auto 0;
    font-size: 12px;
    letter-spacing: .05em;
    color: #fff!important;
    position: absolute;
    top: 100%;
    left: 12px;
    right: 12px;
}

.git-form .ajax-loader {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto!important;
}

.git-form .wpcf7-form-control-wrap {
    display: block;
}

.git-form span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.qs-wrap .section-title {
    text-align: center;
    margin: 0 0 15px;
    font-size: initial;
}

.qs-wrap .section-title span {
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    display: inline-block;
    margin: 0;
}

.qs-wrap .section-title span:before {
    height: 100%;
    top: 1px;
}

.footer-wrapper {
    position: relative;
    z-index: 1;
}

.footer-content {
    width: 549px;
    max-width: 100%;
    margin-left: auto;
    margin-right: 82px;
    margin-top: 67px;
    text-align: center;
}

.footer-logo {
    margin-bottom: 73px;
}

.footer-logo img {
    max-width: 100%;
}

.footer-logo .logo-animation .line {
    height: 3px;
    transition-delay: 0s;
}

.footer-contact {
    text-align: center;
    margin-bottom: 59px;
}

.footer-wrapper a {
    transition: color .3s, background .3s, border .3s;
}

.footer-contact span {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .02em;
    color: #e7e7e7;
    margin-bottom: 24px;
    margin: 0 21px 24px;
}

.footer-contact span i {
    color: #b21f24;
}

.footer-contact .phone i {
    font-size: 15px;
    margin-right: 17px;
}

.footer-contact .email i {
    font-size: 10px;
    vertical-align: middle;
    margin-right: 14px;
}

.footer-contact .smi {
    font-size: 0;
    display: block;
}

.footer-contact .smi a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .41);
    font-size: 22px;
    color: #fff;
    margin: 0 8px;
}

.footer-contact .smi a:hover {
    background: #b21f24;
    border-color: #b21f24;
}

.footer-copyright {
    font-weight: 300;
    font-size: 12px;
    color: #8d8d8d;
    line-height: 1.5;
}

.footer-copyright a {}

.footer-icons {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.footer-icons i {
    font-size: 23px;
}


/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/

.ip-banner {
    position: relative;
    width: 100%;
}

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background-color: #f9f7f7;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}


/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 500px;
    margin-top: 20px;
}


/** Adjust width of content columns **/

#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}


/* Adjust width of sidebar */

.sidebar {
    width: 20.83%;
}


/* fullwidth template */

.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}


/* Adjust line height of page elements */

#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
    line-height: 1.7
}


/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

#content .entry-title,
#content .archive-title {
    font-family: 'Michroma', sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: .05em;
    line-height: 1.15;
    margin: 0 0 30px;
}


/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {
    font-family: 'Michroma', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: .05em;
    line-height: 1.15;
}

.ip-container {
    background: #fff fixed url(https://www.1320homes.com/wp-content/uploads/2024/11/bg-ip.jpg) center/cover no-repeat;
    overflow: auto!important;
}

.ip-logo-wrapper {
    text-align: center;
    padding: 40px 15px;
/*
        position: fixed;
    width: 100%;
    z-index: 9;
*/
}

.ip-logo-wrapper .logo-animation {
    max-width: 600px;
}

.ip-container .header-wrapper:not(.active) button.button_menu {
    border: 1px solid rgba(0, 0, 0, .6);
}

.ip-container .header-wrapper:not(.active) button.button_menu:before {
    color: #000;
}

.ip-container .header-wrapper:not(.active) button.button_menu span {
    background: #000;
}

#content-sidebar,
#content-full {
    opacity: 0;
}

.start-animate #content-sidebar,
.start-animate #content-full {
    opacity: 1;
    transition: opacity 1s ease 1s;
}

footer #pp_get_in_touch {
    position: relative;
}

footer .footer-content {
    margin-top: 0;
}

footer .footer-content,
footer .git-content {
    padding: 60px 15px;
}

footer .footer-contact span {
    margin: 0 10px 24px;
}

.cta-list {
    margin-top: 30px;
}

.cta-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    background: #b21f24;
    border-color: #b21f24;
    color: #fff;
    transition: all .3s;
    font-family: 'Michroma', sans-serif;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .2em;
    font-size: 12px;
    text-transform: uppercase;
    margin: 15px auto;
}

.cta-list a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

#content p {
    letter-spacing: .005em;
    line-height: 1.55;
}

button.btn.dropdown-toggle.bs-placeholder.btn-default,
button.btn.dropdown-toggle.btn-default {
    color: #000;
    border-color: #000;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: unset;
    display: block;
    width: 100%;
    border-radius: 0;
    font-size: 12px;
    font-style: italic;
    letter-spacing: .05em;
    height: 44px;
    outline: none;
    padding-left: 9px;
    padding-right: 9px;
}

.dropdown-menu.open {
    width: 300px;
    top: unset;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 237.45px;
}


/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

/*
main {
    padding-top: 160px;
}
*/

.home main {
    padding-top: 0;
}

.logo-animation.logo-2 {
    display: none;

}

.logo-animation.logo-2 .line {

    margin: 5px 0 10px;
}

.page-id-69 .logo-animation.logo-1, .page-id-85 .logo-animation.logo-1 {
    display: none;
}

.page-id-69 .logo-animation.logo-2, .page-id-85 .logo-animation.logo-2 {
    display: inline-block;
}

.ip-container header.header-wrapper a.hdr-home,
.ip-container button.button_menu {
    position: absolute;
}
.ip-container header.header-wrapper.active a.hdr-home,
.ip-container header.header-wrapper.active button.button_menu {
    position: fixed;
}

.page-id-69 .wp-video {
    margin: 0 auto;
    width: 100%!important;
}

.page-id-84  #content .archive-subtitle{
    font: inherit;
    letter-spacing: .05em;

    line-height: 1.15;

    font-size: 24px;

    line-height: 1;

    margin: 0 0 20px;
}

.page-id-84 .archive-more{
    display:block;
}

.view-more-rss {

    background: #b31f24;
    padding: 20px 40px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;

}

.view-more-rss:hover {

    background: #b31f24;
    padding: 20px 40px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;

}

.iframe-resp{
	padding: 57% 0 0;
	position: relative;
}
.iframe-resp iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#ihf-main-container .ihf-mapsearch-refine-overlay-inner {
    padding: 10px;
}

#ihf-main-container #ihf-refine-map-search-form {
    margin: 0;
}

#ihf-main-container #ihf-refine-map-search-form .checkbox {
    margin-bottom: 6px;
}

#ihf-main-container #ihf-refine-map-search-form .form-control {
    height: 30px;
}

.page-id-85 .epyt-gallery-list .epyt-gallery-thumb {
    outline: none !important;
}

.safari-true .ip-container {
    overflow: hidden;
    background-attachment: scroll;
    background-size: 165%;
    background-position: center 23px;
}

.safari-true .menu-dropdown,
.safari-true .git-wrapper {
    background-attachment: scroll;
}


.s3-text p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 14px;
}


.s3-img {
    margin-left: 80px;
    margin-top: 50px;
}

.s3-img img.s3-img-2{
    width: 250px;
    bottom: -60px;
}