/* GALLERY */

/*.slick-frame {
    width: 1px;
    min-width: 100%;
    *width: 100%;
}*/

#_ks_listing_gallery .slick-frame {


    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease;
    -webkit-transition: opacity 500ms ease;
}


#_ks_listing_gallery .slick-initialized {
    visibility: visible;
    overflow: visible;
    opacity: 1; 
}

#_ks_listing_gallery .slick-frame .frame:focus {
    outline: none;
}

#_ks_listing_gallery .slick-frame .frame {
	background-color: black;
}

#_ks_listing_gallery .slick-frame .frame img {
        width: 820px;
        height: 550px;
        opacity: 0.5;
        transition: opacity 500ms;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -ms-transition: opacity 500ms;
        pointer-events: none;
}

/*#sParentDiv {
    display: none;
}*/

#sParentDiv_2 {
    display: none;
}


#imageCount {
    display: none;
}

#contactdiv_HR {
    display: none;
}


.fullscreen {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    pointer-events: none;
}

._ks_mini_form .cell.label {

    width: 70%!important;

}

#_ks_listing_gallery .slick-frame .frame.slick-center img {
	opacity: 1;
}



#_ks_listing_gallery .slick-dots {
	position: relative;
	top: -30px;
	margin: 0 auto;
	max-width: 750px;
	padding: 0px 20px;
	height: 0;
	text-align: center;
}

#_ks_listing_gallery .slick-dots li {
	display: inline-block;
	vertical-align: top;
	width: 10px; height: 10px;
	background: transparent url(../artwork/_ks_carousel_dot_off.png) no-repeat center;
	background-size: contain;
	margin-right: 8px;
	cursor: pointer;
}

#_ks_listing_gallery .slick-dots li.slick-active {
	background-image: url(../artwork/_ks_carousel_dot_on.png);
}

#_ks_listing_gallery .slick-dots li button {
	opacity: 0;
}

#_ks_listing_gallery .full-screen-icon {
    display: none;
    position: absolute;
    background-color: #444;
    width: 35px;
    height: 35px;
    left: 50%;
    top: 0%;
    transform: translate(335px, 20px);
    z-index: 2;
    opacity: 0.5;
}

.full-screen-icon .arrows {
    width: 30%;
    height: 30%;
    position: absolute;
    opacity: 1;
    transition: -webkit-transform 500ms, opacity 300ms;
    -webkit-transition: -webkit-transform 500ms, opacity 300ms;
    -moz-transition: -moz-transform 500ms, opacity 300ms;
    -ms-transition: -ms-transform 500ms, opacity 300ms;
}

    .full-screen-icon .arrows:nth-child(1) {
        border-top: 1px solid white;
        -webkit-transform: translate(180%,50%);
        -moz-transform: translate(180%,50%);
        -ms-transform: translate(180%,50%);
    }


    .full-screen-icon .arrows:nth-child(2) {
        border-top: 1px solid white;
        -webkit-transform: translate(190%,50%) rotate(90deg);
        -moz-transform: translate(190%,50%) rotate(90deg);
        -ms-transform: translate(190%,50%) rotate(90deg);
    }

    .full-screen-icon .arrows:nth-child(3) {
        width: 40%;
        border-top: 1px solid white;
        -webkit-transform: translate(150%,90%) rotate(-45deg);
        -moz-transform: translate(150%,90%) rotate(-45deg);
        -ms-transform: translate(150%,90%) rotate(-45deg);
    }

    .full-screen-icon .arrows:nth-child(4) {
        border-top: 1px solid white;
        -webkit-transform: translate(55%,275%);
        -moz-transform: translate(55%,275%);
        -ms-transform: translate(55%,275%);
    }


    .full-screen-icon .arrows:nth-child(5) {
        border-top: 1px solid white;
        -webkit-transform: translate(-35%,175%) rotate(90deg);
        -moz-transform: translate(-35%,175%) rotate(90deg);
        -ms-transform: translate(-35%,175%) rotate(90deg);
    }

    .full-screen-icon .arrows:nth-child(6) {
        width: 40%;
        border-top: 1px solid white;
        -webkit-transform: translate(55%,220%) rotate(-45deg);
        -moz-transform: translate(55%,220%) rotate(-45deg);
        -ms-transform: translate(55%,220%) rotate(-45deg);
    }


/*
bottom: -1px;
border-bottom: 2px solid black;
-webkit-transform-origin: 50% 100%;
-moz-transition: 50% 100%;
-ms-transition: 50% 100%;
-webkit-transform: rotate(45deg) scale(1.2);
-moz-transform: rotate(45deg) scale(1.2);
-ms-transform: rotate(45deg) scale(1.2);
    */

.icon-360 {
    display: none;
    position: absolute;
    background-color: #444;
    width: 35px;
    height: 35px;
    left: 50%;
    top: 8%;
    transform: translate(335px, 20px);
    z-index: 2;
    opacity: 0.5;
}

.mobile {
    opacity: 0.5;
    right: 2%;
    top: 10px;
    transform: none;
    left: unset;
}

.icon-360 .img-360 {
    width: 100%;
    height: 100%;
    background: no-repeat;
    background-image: url('/Content/images/icon-360.png');
    opacity: 1;
    transition: -webkit-transform 500ms, opacity 300ms;
    -webkit-transition: -webkit-transform 500ms, opacity 300ms;
    -moz-transition: -moz-transform 500ms, opacity 300ms;
    -ms-transition: -ms-transform 500ms, opacity 300ms;
}

#viewer {
    width: 80%;
    height: 90vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-52%);
    position: fixed;
}

#viewer .close_button {
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    background-color: #444;
    opacity: 0.5;
    padding-top: 14px;
    padding-bottom: 8px;
    transform: translate(-35px,5px);
    z-index: 1;
    left: 100%;
    border-radius: 50%;
}

.close_button .cross {
    opacity: 1;
    transition: -webkit-transform 500ms, opacity 150ms;
    -webkit-transition: -webkit-transform 500ms, opacity 150ms;
    -moz-transition: -moz-transform 500ms, opacity 150ms;
    -ms-transition: -ms-transform 500ms, opacity 150ms;
}

.close_button .cross:nth-child(1) {
    border-top: 2px solid white;
    width: 20px;
    -webkit-transform: translate(25%,100%) rotate(45deg);
    -moz-transform: translate(25%,100%) rotate(45deg);
    -ms-transform: translate(25%,100%) rotate(45deg);
}

.close_button .cross:nth-child(2) {
    border-top: 2px solid white;
    width: 20px;
    -webkit-transform: translate(25%,0%) rotate(-45deg);
    -moz-transform: translate(25%,0%) rotate(-45deg);
    -ms-transform: translate(25%,0%) rotate(-45deg);
}

#_360_div {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
    opacity: 0;
    z-index: 2;
    transition: opacity 600ms;
    -webkit-transition: opacity 600ms;
    -moz-transition: opacity 600ms;
    -ms-transition: opacity 600ms;  
}

#_360_div .visible{
    opacity: 1;
}

#_360_holder {
    /*left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);*/
}

#_ks_listing_detail .share ._ks_social_icon {
    margin-right: 16px;
    width: 18px;
}

#_ks_listing_detail .feature-list li {
	margin: 0px 40px 10px 0px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
}

#_ks_listing_detail .feature-list li:last-of-type {
	margin-right: 0px;
}

#_ks_listing_detail .feature-list .concierge { width: 60px; }
#_ks_listing_detail .feature-list .pool { width: 44px; }
#_ks_listing_detail .feature-list .bath { width: 47px; }
#_ks_listing_detail .feature-list .ceilings { width: 54px; }
#_ks_listing_detail .feature-list .fireplace { width: 50px; }

.signature {
    display: none;
    background-image: url(/images/signature_collection.png);
    background-repeat: no-repeat;
    background-size: 250px;
    width: 300px;
    height: 80px;
}

/* add expired_listing field WL 03/12/2021 */
.expired_listing {
    display: none;
    color: red;
}

.price-holder {
    width: 100%;
    font-size: 18px;
    margin-top: 15px;
}

.price {
    font-size: 23px;
    margin-left: 3px;
}

.reduced-holder {
    /* padding-bottom: 5px;*/
    padding-bottom: 8px;
    width: 270px;
}

.price-reduced {
    display: none;
    color: red;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 12px;
    text-align: right;
    /*margin-left: 10px;*/
    cursor: pointer;
    border: solid;
    border-width: thin;
    line-height: normal;
}

.pricetooltip {
    display: none;
    opacity: 0;
    transition: opacity 0.5s;
    width: 10px;
    height: 20px;
    background-color: rgb(243, 108, 33);
    color: #fff;
    text-align: center;
    text-decoration: line-through;
    border-radius: 8px;
    padding: 3px;
    margin-left: 10px;
}

.reduced-holder:hover .pricetooltip {
    opacity: 1;
}

.currency_form {
    float: left;
    margin-left: -4px;
    margin-top: -0.5px;
}

.currency-select {
    display: inline-block;
    font-size: 22px;
    margin-top: 0px;
    margin-left: 0px;
    font-family: 'Proxima Nova SemiBold';
    font-weight: normal;
    background-image: url('/Content/artwork/_ks_down_arrow.png');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position-x: -1px;
    background-position-y: 10px;
    padding-left: 12px;
}

#furniture {
    display: block;
}

#year_built {
    display: none;
}

#rentalAvailability {
    display: none;
    color: rgb(243, 108, 33);
}

#holidayRental {
    display: none;
}

#view {
    display: block;
}


#key-details {
    font-weight: bold;
}

#_ks_listing_detail .feature-list-heading { margin-bottom: 15px; }

#_ks_listing_detail ul.detail-list {
	margin-bottom: 0;
}

#_ks_new-development .feature-list > li{
    font-size:14px;
    line-height:1;
}

/* TIMES */

#_ks_listing_times h1 {
	font-size: 30px;
	text-align: center;
	margin: 0px 0px 40px 0px;
}

#_ks_listing_times .align {
	border-bottom: 1px solid #DCDCDC;
}

#_ks_listing_times .grid {
	margin: 0px -5px;
	text-align: center;
}

#_ks_listing_times .cell {
	width: 100px;
	margin: 5px;
	background-color: white;
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

#_ks_listing_times .cell .date {
	font-family: 'Proxima Nova SemiBold';
	border-bottom: 1px solid #DCDCDC;
	padding: 15px 0px;
}

#_ks_listing_times .cell .time {
	padding: 15px 0px;
	padding-left: 24px;
}

#_ks_listing_times .cell .type {
	padding: 10px 0px;
}

#_ks_listing_times .cell .type {
	background-color: #dcdcdc;
}

#_ks_listing_times .cell .hover {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgb(243, 108, 33);
	width: 100%; height: 100%;
	
	transform: translateX(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	
	transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	-ms-transition: -ms-transform 500ms;
}

#_ks_listing_times .cell .hover img {
	width: 62px;
	position: relative;
	top: 50%;
	margin-top: -32px;
}

#_ks_listing_times .cell:hover .hover {
	transform: translateX(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
}

#_ks_listing_times .cell span {
	color: #323232;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

#_ks_listing_times .cell.auction span {
	color: rgb(243, 108, 33);
}

#_ks_listing_times .cell.auction .type {
	background-color: rgb(243, 108, 33);
}

#_ks_listing_times .cell.auction .type-mode {
	color: white;
}

#_ks_listing_times .cell .day-name { font-size: 12px; }
#_ks_listing_times .cell .day-number { font-size: 36px; }
#_ks_listing_times .cell .month-name { font-size: 12px; }
#_ks_listing_times .cell .time-start { font-size: 14px; text-align: left; text-transform: none; }
#_ks_listing_times .cell .time-finish { font-size: 14px; text-align: left; text-transform: none; }
#_ks_listing_times .cell .type-mode { font-size: 12px; font-family: 'Proxima Nova SemiBold'; }

#_ks_listing_times .cell .tab {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 50px; height: 50px;
	background: transparent url(../artwork/_ks_listing_calendar_m.png) center no-repeat;
	background-size: 17px;
}

#_ks_listing_times .cell.auction .tab {
	background-image: url(../artwork/_ks_listing_calendar_m_o.png);
}

/* AGENTS */

#_ks_listing_agents .align {
	border-bottom: 1px solid #DCDCDC;
}

#_ks_listing_agents .grid {
	text-align: left;
    width: 40%;
}


#_ks_footer_form .align {
	text-align: center;
}

#_ks_footer_form .label {
	width: 40%;
}



ul.feature-dash-list  
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
margin-bottom:20px;
}

ul.feature-dash-list > li { 
display: inline-block; 
}

ul.feature-dash-list > li 
{
text-decoration: none;
padding: .2em 1em;
color: #000;
font-size:16px;
padding-top:10px;
margin-right:2px;
margin-bottom:2px;
line-height:2.4;
white-space:nowrap;
}

ul.feature-dash-list  > li > a:hover
{
color: #fff;
background-color: #369;
}

@media screen and (max-width: 800px) { /*ipad view for 360 window */
    #viewer {
        margin-top: 0px;
        width: 100%;
        height: 95%;
    }
}

@media screen and (max-width: 750px) {
    #_ks_listing_gallery .slick-frame .frame img {
        width: 350px;
        height: 250px;
    }


    .signature {
        background-size: 200px;
        height: 55px;
        width: 200px;
    }

    #_ks_listing_times > div > h1 {
        text-align: center;
    }
    /* GALLERY */

    #_ks_listing_gallery .slick-frame {
        max-height: 500px;
    }

    #_ks_listing_gallery .full-screen-icon {
        display: none;
    }

    #viewer {
        margin-top: 35px;
        width: 100%;
        height: 90%;
    }
}


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

    #_ks_listing_gallery .slick-dots li {
        max-width: 450px;
        display: none;
    }

    #viewer {
        margin-top: 35px;
        width: 100%;
        height: 90%;
    }


    /* TIMES */

    #_ks_listing_times h1 {
        font-size: 25px;
        text-align: left;
        margin: 0px 0px 20px 0px;
    }

    #_ks_listing_times .grid {
        margin: 0px;
    }

    #_ks_listing_times .cell {
        width: auto;
        display: block;
        margin: 0px 0px 2px 0px;
        height: 50px;
        padding: 10px 100px 10px 50px
    }

        #_ks_listing_times .cell .date,
        #_ks_listing_times .cell .time {
            padding: 0;
            text-align: left;
            border: 0;
        }

        #_ks_listing_times .cell .type {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            height: 50px;
            width: 100px;
            text-align: center;
            padding-top: 17px;
        }

        #_ks_listing_times .cell .hover {
            display: none;
        }

        #_ks_listing_times .cell span {
            color: #323232;
            text-transform: uppercase;
            display: inline-block;
            padding: 0px 2px;
        }

        #_ks_listing_times .cell.auction span {
            color: rgb(243, 108, 33);
        }

        #_ks_listing_times .cell .day-number,
        #_ks_listing_times .cell .time-start,
        #_ks_listing_times .cell .time-finish {
            font-size: 12px;
        }

        #_ks_listing_times .cell .time-start,
        #_ks_listing_times .cell .time-finish {
            color: #969696
        }

        #_ks_listing_times .cell .tab {
            display: block;
        }

    #_ks_listing_detail ul.detail-list {
        display: block;
        width: 100%;
    }

        #_ks_listing_detail ul.detail-list.detail-list-first {
            margin-bottom: 0;
        }

    #_ks_footer_form ._ks_field.large {
        font-size: 18px;
    }
}