/*******************************************************
 *
 * Template Title
 *
 *******************************************************/

 .ip-banner {
    display: none;
 }

 #inner-page-wrapper,
 #content-full {
    margin: 0;
 }

 #inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
 }

 #content h1, #content h2 {
     margin: 0;
 }

 #content h1.entry-title {
    letter-spacing: -0.080em;
    margin-top: .3em;
 }

 #ip-listings {
    padding: 237px 0 93px;
    overflow: hidden;
    background-image: url(../../images/contact/bg-contact.png);
    background-position: 50% 58px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.ip-listings-title-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 93%;
    margin: 0 auto 72px;
}

 .ip-listing-list {
    padding: 0 5px;
}

.ip-listing-title {
    position: relative;
}

.ip-listing-title h2 {
    font-weight: 700;
    font-size: 72px;
    letter-spacing: -.08em;
    line-height: 1;
    text-transform: uppercase;
    position: absolute;
    padding-right: 17%;
    color: #e4c87c;
}

.ip-listing-title h2 span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -.08em;
    line-height: 1;
    margin-bottom: 5px;
}

.ip-listing-item {
    width: 50%;
    padding: 15px;
    position: relative;
    z-index: 1;
    transition: all .3s;
}

.ip-listing-item canvas {
    display: block;
    width: 100%;
}

.ip-listing-item a {
    display: block;
    position: relative;
    color: #e4c87c;
}

.ip-listing-details:before,
.ip-listing-details:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    transition: all .3s;
    display: block;
}

.ip-listing-details:before {
    background: url(../../images/overlay-ep.png) bottom left /auto 100% repeat-x;
    opacity: .5;
}

.ip-listing-details:after {
    border: 5px solid #e4c87c;
    opacity: 0;
}

.ip-listing-details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 5.4% 4.6%;
    background-position: center;
    background-size: cover;
    transition: all .3s;
    overflow: hidden;
}

.ip-listing-price,
.ip-listing-address,
.ip-listing-ammenities {
    display: block;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    padding-right: 160px;
    z-index: 2;
}

.ip-listing-price,
.ip-listing-address {
    font-weight: 700;
    letter-spacing: -.08em;
    line-height: 1;
    transition: all .3s;
}

.ip-listing-price {
    font-size: 24px;
    margin-bottom: 20px;
}

.ip-listing-address {
    font-size: 20px;
    margin-bottom: 8px;
}

.ip-listing-address span {
    display: block;
}

.ip-listing-ammenities {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.2;
    transition: all .3s;
}

.ip-listing-ammenities em {
    font-style: normal;
    margin: 0 5px;
}

.ip-listing-ammenities em:nth-of-type(1){display: none;}

.ip-listing-item .btn-a {
    position: absolute;
    bottom: 5.1%;
    right: 4.65%;
    background: transparent;
    color: #e4c87c;
    z-index: 2;
    width: 158px;
    height: 49px;
    letter-spacing: .1em;
    transition: all .3s;
}

.btn-a:hover {
    background: #e4c87c;
    border: 1px solid #e4c87c;
    color: #000;
}

#content .ip-listing-details i.ip-listing-play {
    position: absolute;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, .52);
    font-size: 30px;
    color: #e4c87c;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    padding-left: 10px;
    font-style: normal;
    padding: 0;
}

.ip-listing-close-btn {
    position: absolute;
    width: 49px;
    height: 49px;
    border: 1px solid #e4c87c;
    color: #e4c87c;
    font-size: 0;
    opacity: 1;
    transition: all .3s;
    top: 15.7%;
    right: 3%;
    background: transparent;
    cursor: pointer;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
}

.ip-listing-close-btn:before,
.ip-listing-close-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 27px;
    background: #e4c87c;
    transition: all .3s;
}

.ip-listing-close-btn:before {
    transform: rotate(-45deg);
}

.ip-listing-close-btn:after {
    transform: rotate(45deg);
}

.ip-listing-close-btn:hover {
    background: #e4c87c;
}

.ip-listing-close-btn:hover:before,
.ip-listing-close-btn:hover:after {
    background: #000;
}

.ip-listing-item:hover {
    z-index: 2;
    transition: all .1s;
}

.ip-listing-item:hover .ip-listing-details:before {
    opacity: .5;
}

.ip-listing-item:hover .ip-listing-details:after {
    opacity: 1;
}

.ip-listing-item:nth-child(even):hover .ip-listing-details {
    /*bottom: -73px;*/
    bottom: -9.5px;
    top: -9.5px;
    left: -35px;
}

.ip-listing-item:nth-child(odd):hover .ip-listing-details {
    /*bottom: -73px;*/
    bottom: -9.5px;
    top: -9.5px;
    right: -35px;
}

.ip-listing-item:nth-child(2):hover .ip-listing-details {
    /*top: 0;
                bottom: -73px;*/
}

.ip-listing-item:nth-last-child(1):hover .ip-listing-details,
.ip-listing-item:nth-last-child(2):hover .ip-listing-details {
    /*top: -73px;
                bottom: 0;*/
}


/*resize other ep-item on hover*/

.ip-listing-active-1 .ip-listing-item[data-epitem="2"] .ip-listing-details,
.ip-listing-active-3 .ip-listing-item[data-epitem="4"] .ip-listing-details,
.ip-listing-active-5 .ip-listing-item[data-epitem="6"] .ip-listing-details,
.ip-listing-active-7 .ip-listing-item[data-epitem="8"] .ip-listing-details,
.ip-listing-active-9 .ip-listing-item[data-epitem="10"] .ip-listing-details {
    left: 145px;
}

.ip-listing-active-2 .ip-listing-item[data-epitem="1"] .ip-listing-details,
.ip-listing-active-4 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-6 .ip-listing-item[data-epitem="5"] .ip-listing-details,
.ip-listing-active-8 .ip-listing-item[data-epitem="7"] .ip-listing-details,
.ip-listing-active-10 .ip-listing-item[data-epitem="9"] .ip-listing-details {
   right: 145px;
}

.ip-listing-active-1 .ip-listing-item[data-epitem="2"] .ip-listing-details,
.ip-listing-active-2 .ip-listing-item[data-epitem="1"] .ip-listing-details,
.ip-listing-active-3 .ip-listing-item[data-epitem="4"] .ip-listing-details,
.ip-listing-active-4 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-5 .ip-listing-item[data-epitem="6"] .ip-listing-details,
.ip-listing-active-6 .ip-listing-item[data-epitem="5"] .ip-listing-details,
.ip-listing-active-7 .ip-listing-item[data-epitem="8"] .ip-listing-details,
.ip-listing-active-8 .ip-listing-item[data-epitem="7"] .ip-listing-details,
.ip-listing-active-9 .ip-listing-item[data-epitem="10"] .ip-listing-details,
.ip-listing-active-10 .ip-listing-item[data-epitem="9"] .ip-listing-details{
    top: -36.5px;
    bottom: -36.5px;
}

.ip-listing-active-1 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-1 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-1 .ip-listing-item[data-epitem="4"] .ip-listing-details,
.ip-listing-active-2 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-2 .ip-listing-item[data-epitem="4"] .ip-listing-details,
.ip-listing-active-3 .ip-listing-item[data-epitem="5"] .ip-listing-details,
.ip-listing-active-3 .ip-listing-item[data-epitem="6"] .ip-listing-details,
.ip-listing-active-4 .ip-listing-item[data-epitem="5"] .ip-listing-details,
.ip-listing-active-4 .ip-listing-item[data-epitem="6"] .ip-listing-details,
.ip-listing-active-5 .ip-listing-item[data-epitem="7"] .ip-listing-details,
.ip-listing-active-5 .ip-listing-item[data-epitem="8"] .ip-listing-details,
.ip-listing-active-6 .ip-listing-item[data-epitem="7"] .ip-listing-details,
.ip-listing-active-6 .ip-listing-item[data-epitem="8"] .ip-listing-details,
.ip-listing-active-7 .ip-listing-item[data-epitem="9"] .ip-listing-details,
.ip-listing-active-7 .ip-listing-item[data-epitem="10"] .ip-listing-details,
.ip-listing-active-8 .ip-listing-item[data-epitem="9"] .ip-listing-details,
.ip-listing-active-8 .ip-listing-item[data-epitem="10"] .ip-listing-details{
    top: 36.5px;
}

.ip-listing-active-3 .ip-listing-item[data-epitem="1"] .ip-listing-details,
.ip-listing-active-3 .ip-listing-item[data-epitem="2"] .ip-listing-details,
.ip-listing-active-4 .ip-listing-item[data-epitem="1"] .ip-listing-details,
.ip-listing-active-4 .ip-listing-item[data-epitem="2"] .ip-listing-details,
.ip-listing-active-5 .ip-listing-item[data-epitem="4"] .ip-listing-details,
.ip-listing-active-5 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-6 .ip-listing-item[data-epitem="3"] .ip-listing-details,
.ip-listing-active-6 .ip-listing-item[data-epitem="4"] .ip-listing-details,
.ip-listing-active-7 .ip-listing-item[data-epitem="5"] .ip-listing-details,
.ip-listing-active-7 .ip-listing-item[data-epitem="6"] .ip-listing-details,
.ip-listing-active-8 .ip-listing-item[data-epitem="5"] .ip-listing-details,
.ip-listing-active-8 .ip-listing-item[data-epitem="6"] .ip-listing-details,
.ip-listing-active-9 .ip-listing-item[data-epitem="7"] .ip-listing-details,
.ip-listing-active-9 .ip-listing-item[data-epitem="8"] .ip-listing-details,
.ip-listing-active-10 .ip-listing-item[data-epitem="7"] .ip-listing-details,
.ip-listing-active-10 .ip-listing-item[data-epitem="8"] .ip-listing-details{
    bottom: 36.5px;
}

.ip-listing-item.open {
    z-index: 10;
}

.ip-listing-item.open .ip-listing-details {
    padding: 0px 14.25% 14.26%;
}

.ip-listing-item.open .ip-listing-details:after {
    opacity: 0!important;
}

.ip-listing-item.open .ip-listing-details:before {
    opacity: 1!important;
}

.ip-listing-item.open .ip-listing-price {
    font-size: 36px;
}

.ip-listing-item.open .ip-listing-address {
    font-size: 32.61px;
    line-height: 1.14;
}

.ip-listing-item.open .ip-listing-address span {
    display: block;
}

.ip-listing-item.open .ip-listing-ammenities {
    font-size: 21.19px;
    font-weight: 700;
}

.ip-listing-item.open .btn-a {
    bottom: 14%;
    right: 6.7%;
}

.ip-listing-item.open .ip-listing-close-btn {
    opacity: 1;
    visibility: visible;
}

.ip-listing-item.open:nth-child(even) .ip-listing-close-btn {
    right: 12.7%;
}

.ip-listing-item.open:nth-child(odd) .ip-listing-close-btn {
    right: calc( -100% + 12.7%);
}

.ip-listing-item.open:nth-child(even) a .ip-listing-details {
    left: calc(-100% - 50px);
    right: -20px;
    top: -37px;
    bottom: -170px;
}

.ip-listing-item.open:nth-child(odd) a .ip-listing-details {
    left: -20px;
    right: calc(-100% - 50px);
    top: -37px;
    bottom: -170px;
}

.ip-listing-item.open:nth-last-child(1) a .ip-listing-details,
.ip-listing-item.open:nth-last-child(2) a .ip-listing-details {
    /*bottom: -37px;
            top: -170px;*/
}

.ip-listing-btn-list {
    margin: 77px 0 0;
}

.ip-listing-btn-list .btn-a {
    /* margin: 14px; */
}


/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    #ip-listings {
        background-attachment: scroll;
    }

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	.ip-listing-item {
		padding: 20px 15px;
	}
    .ip-listings-title-main {
        max-width: 940px;
        display: block;
        text-align: center;
    }

    .ip-listings-title {
        display: block;
        position: relative;
        margin-bottom: 30px;
    }

    .ip-listing-btn a, .ip-listing-btn-list .btn-a {
        margin: 0 auto;
        height: 65px;
        width: 215px;
    }

    #ip-listings {
        padding-top: 100px;
    }

    .ip-listing-title h2 {
        padding-right: 0;
    }

    .ip-listing-item {
        width: 100%;
    }

    .ip-listing-title canvas {
        display: none;
    }

    .ip-listing-title h2 {
        font-size: 50px;
        position: relative;
    }

    .ip-listing-item:nth-child(even) a:hover .ip-listing-details,
    .ip-listing-item:nth-child(odd) a:hover .ip-listing-details,
    .ip-listing-item:nth-child(2) a:hover .ip-listing-details,
    .ip-listing-item:nth-last-child(1) a:hover .ip-listing-details,
    .ip-listing-item:nth-last-child(2) a:hover .ip-listing-details,
    .ip-listing-item.open:nth-child(even) a .ip-listing-details,
    .ip-listing-item.open:nth-child(odd) a .ip-listing-details {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .ip-listing-item.open .ip-listing-details {
        padding: 0 5.4% 4.6%;
    }

    .ip-listing-item.open .ip-listing-price {
        font-size: 24px;
    }

    .ip-listing-item.open .ip-listing-address,
    .ip-listing-address {
        font-size: 20px;
        line-height: 1.14;
    }

    .ip-listing-item.open .ip-listing-address span {
        display: block;
    }

    .ip-listing-item.open .ip-listing-ammenities {
        font-size: 13px;
    }

    .ip-listing-item.open .btn-a {
        bottom: 5.1%;
        right: 4.65%;
    }

    .ip-listing-item.open .ip-listing-close-btn,
    .ip-listing-close-btn {
        display: none;
    }

    .ip-listing-item.open .ip-listing-address, .ip-listing-address {
        font-size: 16px;
    }

    .ip-listing-item[data-epitem] .ip-listing-details {
        top: 0!important;
        left: 0!important;
        bottom: 0!important;
        right: 0!important;
    }

    .ip-listing-item .btn-a {
        background: #e4c87c;
    border: 1px solid #e4c87c;
    color: #000;
    }
    
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-listing-price,
    .ip-listing-address,
    .ip-listing-ammenities {
        padding-right: 0;
    }

    .ip-listing-item .btn-a {
        top: 15px;
        left: 15px;
        right: initial;
        bottom: initial;
        margin: auto;
    }

    #content .ip-listing-details i.ip-listing-play {
        width: 50px;
        height: 50px;
        font-size: 19px;
    }


    .ip-listing-price {
        margin-bottom: 5px;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {

}