/*
Theme Name: St. Maarten Investments
Theme URI: http://stmaarteninvestmentscom.rs4.aios-staging.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.7
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. Navigation
 *
 *******************************************************/

.hdrnav {
    display: block;
    text-align: right;
}

    .fixed-header .hdrnav {
        text-align: center;
    }

    .hdrnav > li {
        position: relative;
        display: inline-block;
        padding: 0 32px;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
    }

	.hdrnav li.two-col{}
	.hdrnav li.two-col > .sub-menu{
		width: 360px;
		text-align: left;
	}

        .hdrnav li.two-col > .sub-menu > li{
            width: 50%;
            display: inline-block;
            vertical-align: top;
            width: 50%;
            text-align: center;
        }

        .hdrnav > li:first-child {
            padding-left: 0;
        }

        .hdrnav > li:last-child {
            padding-right: 0;
        }
            .hdrnav.aios-split-nav > li:last-child {
                padding-right: 32px;
            }
            .hdrnav.aios-split-nav > li:first-child {
                padding-left: 32px;
            }

        .hdrnav > li:before {
            position: absolute;
            content: '';
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 20px;
            background: rgba(255,255,255,.7);
        }

            .hdrnav > li:first-child:before {
                display: none;
            }

            .fixed-header .hdrnav > li:before {
                display: none;
            }

    .hdrnav li a {
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        padding: 6px 0;
        letter-spacing: .2em;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
        line-height: 1;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

        .fixed-header .hdrnav > li > a {
            font-size: 14px;
            font-weight: 400;
            padding: 42px 0;
        }

        .hdrnav > li a:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            max-width: 0;
            height: 1px;
            background: rgba(255, 255, 255, 1);
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

            .hdrnav > li:hover > a:after {
                max-width: 100%;
            }

            .fixed-header .hdrnav > li a:after {
                bottom: 36px;
            }

.hdrnav .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width:180px;
    left: 50%;
    margin-left: -90px;
    text-align: center;
    background: #68b2ce;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

}

    .hdrnav li:hover > .sub-menu {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
         pointer-events: unset;
    }

    .hdrnav .sub-menu li {
        display: block;
        position: relative;
    }

    .hdrnav .sub-menu a {
        color: #fff;
        display: block;
        padding: 8px 10px;
        font-size: 14px;
    }

    .hdrnav .sub-menu li:hover > a {
        text-decoration: none;
        color: #fff;
        background: #000;
    }
    .hdrnav .sub-menu .sub-menu {
        margin-left: 0;
        top:0;
        left: 100%;
    }



/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Karla', sans-serif;
	font-size: 16px;
    font-weight: 400;
	background: #FFF;
	color: #9c9c9c;
	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; */
}

body.ip-container {
    color: #444444;
}

div#main-wrapper {
    overflow: hidden;
}

a, a:hover, a:active, a:focus {
    outline: 0;
    color: #222;
}

    .home a, .header a, .fixed-header a {
        text-decoration: none;
    }

.transition {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.uppercase {
    text-transform: uppercase;
}

/*** header ***/

.fixed-header {
    position: fixed;
    background: #000;
    top: -500px;
    left: 0;
    width: 100%;
    font-size: 0;
    z-index: 999;
    transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -webkit-backface-visibility: hidden;
}

    .fixed-header.active {
        top: 0;
    }

    .fixed-header .aios-split-nav {
        display: inline-block;
        width: 40%;
        vertical-align: middle;
    }

    .fixed-header .fixed-logo {
        display: inline-block;
        width: 20%;
        vertical-align: middle;
    }

        .fixed-header .fixed-logo img {
            margin: 0 auto;
            width: 90%;
            max-width: 100px;
            height: auto;
        }

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    font-size: 0;
    padding-top: 45px;
}

    .header .logo {
        display: inline-block;
        width: 22%;
        vertical-align: middle;
    }

    .header .hdr-right {
        display: inline-block;
        width: 78%;
        vertical-align: middle;
        padding-left: 2%;
    }

        .header .hdr-right .signup-btn {
            display: block;
            text-align: right;
            margin-bottom: 20px;
        }

            .header .hdr-right .signup-btn a {
                font-size: 18px;
                border: 2px solid #fff;
                display: inline-block;
                padding: 10px 20px;
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                background: rgba(104,178,206,.75);
                /*background: #000;*/
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-backface-visibility: hidden;
            }
            .header .hdr-right .signup-btn a.current-login {
                background: #000;
            }

                .header .hdr-right .signup-btn a:hover {
                    background: #000;
                }
                .header .hdr-right .signup-btn a.current-login:hover {

                    background: rgba(104,178,206,1);
                }

                .header .hdr-right .signup-btn a span {
                    display: block;
                    text-transform: none;
                    font-size: 14px;
                    line-height: 20px;
                }

/*** homepage ***/

.fixed-smi {
    position: fixed;
    z-index: 101;
    left: 6%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
}

button.btn.dropdown-toggle.btn-default {
    background: #222222;
    color: #fff;
}

    .visible .fixed-smi {
        opacity: 1;
    }

    .fixed-smi a {
        display: block;
        font-size: 18px;
        padding: 17px 0;
        color: #636363;
        text-align: center;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
        text-shadow: none;
    }

        .hp-cta .fixed-smi a {
            color: #fff;
        }

        .fixed-smi a:hover {
            color: #242424;
        }

.hp-slide {
    display: block;
    position: relative;
}

    .hp-slide:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(33,33,33,.2);
        z-index: 5;
    }

    .hp-slide .cycloneslider-template-video .cycloneslider-volume {
        display: none;
    }

    .hp-slide .static-tagline {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 25%;
        z-index: 6;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
    }

        .hp-slide .static-tagline p {
            width: 84%;
            display: block;
            margin: 0 auto;
            text-align: center;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
        }

    .hp-slide .hp-scroll {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 60px;
        text-align: center;
        z-index: 9;
    }

        .hp-slide .hp-scroll a {
            display: block;
            margin: 0 auto;
            line-height: 24px;
            font-size: 12px;
            letter-spacing: .3em;
            color: #fff;
            z-index: 6;
            font-weight: 700;
            text-transform: uppercase;
        }

            .hp-slide .hp-scroll a img {
                display: block;
                margin: 20px auto 0;
                -webkit-animation-name: hvr-bounce-float, hvr-bounce;
               animation-name: hvr-bounce-float, hvr-bounce;
               -webkit-animation-duration: .4s, 2s;
               animation-duration: .4s, 2s;
               -webkit-animation-delay: 0s, .3s;
               animation-delay: 0s, .3s;
               -webkit-animation-timing-function: ease-out, ease-in-out;
               animation-timing-function: ease-out, ease-in-out;
               -webkit-animation-iteration-count: 1, infinite;
               animation-iteration-count: 1, infinite;
               -webkit-animation-fill-mode: forwards;
               animation-fill-mode: forwards;
               -webkit-animation-direction: normal, alternate;
               animation-direction: normal, alternate;
            }

            a.listing-item {
                color: #575757 !important;
                font-weight: 600 !important;
            }



            /* Bounce Effect */

            @-webkit-keyframes hvr-bounce {

              0% {
                -webkit-transform: translateY(-16px);
                transform: translateY(-16px);
              }

              50% {
                -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
              }

              100% {
                -webkit-transform: translateY(-16px);
                transform: translateY(-16px);
              }

            }

            @keyframes hvr-bounce {

              0% {
                -webkit-transform: translateY(-16px);
                transform: translateY(-16px);
              }

              50% {
                -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
              }

              100% {
                -webkit-transform: translateY(-16px);
                transform: translateY(-16px);
              }

            }

            @-webkit-keyframes hvr-bounce-float {

              100% {
                -webkit-transform: translateY(-16px);
                transform: translateY(-16px);
              }

            }

            @keyframes hvr-bounce-float {

              100% {
                -webkit-transform: translateY(-16px);
                transform: translateY(-16px);
              }

            }

.hp-welcome {
    display: block;
    padding: 120px 0;
    position: relative;
}

    .hp-welcome:after {
        position: absolute;
        content: '';
        width: 27.06%;
        height: 100%;
        top: 0;
        right: 0;
        background: url('images/hp-welcome-bg.jpg') no-repeat;
        background-size: 100%;
        z-index: 5;
    }

    .hp-welcome .welcome-wrap {
        position: relative;
        display: block;
        background: #fff;
        z-index: 6;
    }

        .welcome-wrap .welcome-text {
            padding: 20px 15px 20px;
        }

            .welcome-text h1 {
                color: #242424;
                font-size: 100px;
                font-family: 'Roboto Condensed', sans-serif;
                letter-spacing: .05em;
                line-height: 1;
                margin-bottom: 40px;
                font-weight: 700;
            }

            .welcome-text p {
                font-size: 16px;
                line-height: 29px;
                color: #626262;
                letter-spacing: .01em;
                margin-bottom: 30px;
                padding: 0 15px;
                text-align: justify;
            }

            .welcome-text a {
                color: #242424;
                font-size: 18px;
                text-transform: uppercase;
                font-family: 'Oswald', sans-serif;
                font-weight: 300;
                line-height: 1;
                letter-spacing: .2em;
                padding-left: 15px;
                padding-top: 30px;
            }

                .welcome-text a:hover {
                    color: #68b2ce;
                }

        .welcome-wrap .welcome-photo {
            position: relative;
            text-align: center;
            height: 700px
        }

            .welcome-wrap .welcome-photo img {
                position: absolute;
                left: 49%;
                transform: translateX(-50%);
                bottom: 0;
                max-width: calc(100% - 30px);
            }

             .welcome-wrap .welcome-photo:after {
                position: absolute;
                content: '';
                left: 15%;
                bottom: 7%;
                width: 70%;
                height: 86%;
                border: 5px solid #fff;
                border-top: 0;
            }


.hp-fp {
    display: block;
    padding: 15px 0 115px;
    position: relative;
    overflow: hidden;
}

    .hp-fp *{
        outline: none;
    }

    .hp-fp h2 {
        display: block;
        text-align: center;
        margin-bottom: 110px;
    }

    .hp-fp h2 span {
        color: #242424;
        font-size: 100px;
        font-family: 'Roboto Condensed', sans-serif;
        letter-spacing: .05em;
        line-height: 72px;
        font-weight: 700;
        position: relative;
        padding-left: 60px;
        display: inline-block;
    }

        .hp-fp h2 span:before {
            position: absolute;
            content: '';
            top: 0;
            left: 30px;
            width: 8px;
            height: 100%;
            background: #6cbfd7;
        }

        .hp-fp h2 span:after {
            position: absolute;
            content: 'Featured';
            top: 50%;
            left: -28px;
            width: 72px;
            height: auto;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .21em;
            color: #a8a8a8;
            line-height: 1;
            transform: translateY(-50%) rotate(-90deg);
        }

    .hp-fp .slick-list {
        overflow: visible !important;
    }

    .hp-fp .slick-slide {
        -webkit-perspective: 1300px;
        perspective: 1300px;
    }

    .hp-fp .fp-wrap canvas {
        display: block;
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: center;
    }

	.prop-det .prop-beds .det-sqft {
    float: none;
    color: #5d5d5d;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

        .hp-fp .fp-wrap .row.with-margin {
            margin-bottom: 30px;
        }

        .hp-fp .fp-wrap a {
            display: block;
            position: relative;
             transition: all .75s ease-in-out;
            -webkit-transition: all .75s ease-in-out;
            -moz-transition: all .75s ease-in-out;
            -webkit-backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
            transform: translateZ(400px) translateY(300px) rotateX(-90deg);
            opacity: 0;
        }

            .hp-fp .fp-wrap a.active {
                -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
                transform: translateZ(0px) translateY(0px) rotateX(0deg);
                opacity: 1;
            }

            .hp-fp .fp-wrap a:before {
                position: absolute;
                content: '';
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(143,143,143,.3);
                z-index: 2;
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-backface-visibility: hidden;
            }

                .hp-fp .fp-wrap a:hover:before {
                    background: rgba(108,191,215,.75);
                }

            .hp-fp .fp-wrap a:after {
                position: absolute;
                content: '';
                right: 25px;
                top: 30px;
                width: 52px;
                height: 52px;
                background: rgba(143,143,143,.3);
                z-index: 3;
                background: url('images/hp-fp-button.png') no-repeat;
            }

             .hp-fp .fp-wrap .fp-details {
                position: absolute;
                padding: 0 40px;
                left: 0;
                bottom: 30px;
                width: 100%;
                z-index: 3;
             }

                .hp-fp .fp-wrap .fp-details span {
                    display: block;
                    color: #fff;
                    font-size: 25px;
                    line-height: 32px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                    .hp-fp .fp-wrap .fp-details span.fp-price {
                        font-size: 40px;
                        line-height: 1;
                        letter-spacing: .02em;
                        margin-bottom: 5px;
                        opacity: 0;
                        transition: all .3s ease-in-out;
                        -webkit-transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -webkit-backface-visibility: hidden;
                    }

                        .hp-fp .fp-wrap a:hover .fp-details span.fp-price {
                            opacity: 1;
                        }

.hp-cta {
    display: block;
    padding: 125px 0;
    background: url('images/hp-cta-bg.jpg');
    background-size: cover;
    position: relative;
}

    .hp-cta .cta-item a {
        position: relative;
        display: block;
        background: #222;
        height: 405px;
        overflow: hidden;
    }

        .hp-cta .cta-item:nth-of-type(even) a {
            background: #fff;
        }

        .hp-cta .cta-item a:before {
            position: absolute;
            content: '';
            left: 11.5%;
            top: 10%;
            width: 77%;
            height: 80%;
            border: 3px solid #505050;
            z-index: 5;
        }

            .hp-cta .cta-item:nth-of-type(even) a:before {
                border: 3px solid #505050;
            }

        .hp-cta .cta-item a:after {
            position: absolute;
            content: '+';
            right: 20%;
            top: 13%;
            z-index: 5;
            color: #6cbfd7;
            font-weight: 700;
            font-size: 30px;
        }

        .hp-cta .default {
            position: absolute;
            width: 100%;
            z-index: 6;
            bottom: 75px;
            left: 0;
            padding: 0 20%;
            font-size: 25px;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 22px;
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -webkit-backface-visibility: hidden;
        }

            .hp-cta .cta-item:nth-of-type(even) .default {
                color: #222;
            }

            .hp-cta .cta-item a:hover .default {
                opacity: 0;
            }

        .hp-cta .hover {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 9;
            background: #6cbfd7;
            opacity: 0;
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -webkit-backface-visibility: hidden;
        }

            .hp-cta .cta-item a:hover .hover {
                opacity: 1;
            }

            .hp-cta .hover .hover-top {
                position: absolute;
                top: -95%;
                left: 0;
                width: 100%;
                z-index: 9;
                height: 95px;
                background: #222;
                font-size: 25px;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                line-height: 22px;
                padding: 7% 20%;
                transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -webkit-backface-visibility: hidden;
            }

                .hp-cta .cta-item a:hover .hover .hover-top {
                    top: 0;
                }

            .hp-cta .hover .hover-bot {
                position: absolute;
                width: 100%;
                left: 0;
                top: 150px;
                padding: 0 10%;
                font-size: 17px;
                line-height: 27px;
                text-align: right;
                color: #fff;
                letter-spacing: .01em;
                z-index: 5;
            }

.hp-blog {
    display: block;
    padding: 100px 15px 360px;
    background: url('images/hp-blog-accent.jpg') no-repeat;
    background-position: center 0;
    position: relative;
    z-index: 1;
}

    .hp-blog .blog-mobile {
       height: 0;
       transform: scale(0);
    }

    .hp-blog h2 {
        display: block;
        margin-bottom: 60px;
    }

    .hp-blog h2 span {
        color: #242424;
        font-size: 100px;
        font-family: 'Roboto Condensed', sans-serif;
        letter-spacing: .05em;
        line-height: 72px;
        font-weight: 700;
        position: relative;
        padding-left: 60px;
        display: inline-block;
    }

        .hp-blog h2 span:before {
            position: absolute;
            content: '';
            top: 0;
            left: 30px;
            width: 8px;
            height: 335px;
            background: #6cbfd7;
            z-index: 10;
        }

        .hp-blog h2 span:after {
            position: absolute;
            content: 'Recent';
            top: 50%;
            left: -28px;
            width: 72px;
            height: auto;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            /*letter-spacing: .5em;*/
            color: #505050;
            line-height: 1;
            transform: translateY(-50%) rotate(-90deg);
        }

    .hp-blog .blog-wrap {
        display: block;
        position: relative;
        max-width: 1335px;
        margin: 0 auto;
    }

        .hp-blog .blog-wrap .blog-arrows {
            position: absolute;
            top: 65%;
            left: 79%;
            font-size: 12px;
            font-weight: 700;
            color: #505050;
            letter-spacing: .44em;
            text-transform: uppercase;
            z-index: 99;
        }

            .hp-blog .blog-wrap .blog-arrows span {
                display: inline-block;
                vertical-align: middle;
                line-height: 30px;
                cursor: pointer;
            }

                .hp-blog .blog-wrap .blog-arrows span.blog-next {
                    margin-left: 5px;
                    padding-left: 20px;
                    border-left: 1px solid #6cbfd7;
                }

            .hp-blog .blog-wrap .blog-arrows em {
                display: inline-block;
                color: #6cbfd7;
                margin-right: 5px;
                vertical-align: middle;
                font-size: 20px;
            }

                .hp-blog .blog-wrap .blog-arrows .blog-next em {
                    margin-right: 0;
                    margin-left: 5px;
                }


        .blog-list {
            display: block;
            position: relative;
        }

            .blog-item {
              width: 67%;
              max-width: 500px;
              font-size: 0;
              max-height: 635px;
              overflow: hidden;
              background: #6d6d6d;
			transition: all ease 1s;
			-moz-transition: all ease 1s;
			-webkit-transition: all ease 1s;
            }

                .blog-item.front-item {
                    background: #222;
                    max-width: 100%;
                    width: 67%;
                    max-height: 700px;
                    overflow: auto;
                }

            .blog-item-clone.move-to-front-from-bottom {
              animation-name:move-to-front-from-bottom;
              animation-duration:1s;
              animation-fill-mode: forwards;
              animation-timing-function: linear;
              transform-origin:0 0;
            }

            .blog-item-clone.move-to-top-from-front {
              animation-name:move-to-top-from-front;
              animation-duration:1s;
              animation-fill-mode: forwards;
              animation-timing-function: linear;
              transform-origin:0 0;
            }

            .blog-item-clone.move-to-front-from-top {
              animation-name:move-to-front-from-top;
              animation-duration:1s;
              animation-fill-mode: forwards;
              animation-timing-function: linear;
              transform-origin:0 0;
            }

            .blog-item-clone.move-to-bottom-from-front {
              animation-name:move-to-bottom-from-front;
              animation-duration:1s;
              animation-fill-mode: forwards;
              animation-timing-function: linear;
              transform-origin:0 0;
            }

                .blog-item.blog-item-clone,
                .blog-item.blog-item-clone * {
                    visibility: visible !important;
                    display:block !important;
                }


            @keyframes move-to-front-from-bottom{
              0%{
                z-index:1;
                transform:translate(0px, 0px);
              }
              25%{
                transform:translate(50px,50px);
              }
              50%{
                transform:translate(100px, 100px);
              }
              75%{
                transform:translate(150px, 150px);
              }
              100%{
                z-index:5;
                transform:translate(95px, 90px);
              }
            }

            @keyframes move-to-top-from-front{
              from {
                z-index:4;
                transform:translate(95px, 90px);
              }
              to {
                z-index:4;
                transform:translate(0,0);
              }
            }

            @keyframes move-to-front-from-top{
              from {
                z-index:3;
                transform:translate(50,50);
              }
              to {
                z-index:5;
                transform:translate(95px, 90px);
              }
            }

            @keyframes move-to-bottom-from-front{
              0%{
                z-index:2;
                transform:translate(50px, 90px);
              }
              25%{
                transform:translate(130px, 130px);
              }
              50%{
                transform:translate(95px, 90px);
              }
              75%{
               transform:translate(50px, 50px);
              }
              100%{
                z-index:1;
                transform:translate(0px, 0px);
              }
            }

            .blog-item .blog-left {
                display: inline-block;
                position: relative;
                width: 100%;
                padding: 95px 68px 60px;
                font-size: 0;
                vertical-align: top;
            }

                .blog-item .blog-bottom > div {
                    display: inline-block !important;
                    color: #fff;
                    font-size: 20px;
                    width: 54%;
                    vertical-align: top;
                }

                .blog-item .blog-left .blog-title {
                    font-weight: 700;
                    line-height: 1;
                    font-size: 20px;
                    color: #fff;
                    margin-bottom: 40px;
                    display: block;
                    position: relative;
                }

                .blog-item .blog-left h3 {
                    font-weight: 700;
                    font-size: 30px;
                    line-height: 30px;
                    margin-bottom: 35px;
                    position: relative;
                }

                .blog-item .blog-left p {
                    line-height: 30px;
                    position: relative;
                }
                    .blog-item .blog-left p:last-of-type {
                        display: inline!important;
                        margin-right: -3px;
                    }

                .blog-item .blog-left a {
                    font-size: 18px;
                    font-weight: 300;
                    color: #6cbfd7;
                    text-transform: uppercase;
                    letter-spacing: .2em;
                    display: inline-block;
                    margin-top: 45px;
                    font-family: 'Oswald', sans-serif;
                    position: relative;
                }

                     .blog-item .blog-left a:hover {
                        color: #fff;
                     }

                .blog-item .blog-bottom > div.blog-photo {
                    width: 40%;
                    margin-left: 6%;
                    position: relative;
                }

                    .blog-item .blog-photo canvas {
                        display: block;
                        width: 100%;
                        height: auto;
                        background-size: cover;
                    }

            .blog-right {
                position: absolute;
                top: 0;
                right: 100px;
                width: 13.5%;
            }

                .date-list {
                    display: block;
                    position: relative;
                }

                    .blog-date.blog-date-clone,
                    .blog-date.blog-date-clone * {
                        visibility: visible !important;
                        display:block !important;
                    }

                .blog-right .blog-date {
                    display: block;
                    padding: 70px 5px;
                    text-align: center;
                    border: 3px solid #505050;
                    font-size: 20px;
                    color: #222;
                    letter-spacing: .25em;
                    text-transform: uppercase;
                    font-weight: 700;
                    margin-top: -45px;
                    width: 100%;
                    visibility: visible !important;
                }

                    .blog-right .blog-date.front-item {
                        opacity: 1 !important;
                    }

                    .blog-right .blog-date span {
                        display: block;
                        text-align: center;
                        line-height: 1;
                    }

                        .blog-right .blog-date span.blog-day {
                            font-size: 100px;
                            letter-spacing: -.05em;
                            line-height: 88px;
                        }

/*** footer ***/



.gdpr-notification.opened-gdpr, .gdpr-notification.closed-gdpr {
    bottom: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	display:none;
}
.gdpr-notification {
position: fixed;
    left: 0;
    bottom: -100px;
    background: #fff;
    color: #999;
    z-index: 1001;
    padding: 24px 20px;
}

.gdpr-notification a {
    color: rgba(104,178,206,.75);
    font-weight: 700;
}
.notificationCont p {
    display: inline-block;
    margin: 0 7px 0 0;
}

footer {
    display: block;
    padding: 190px 0 85px;
    background: url('images/footer-bg.jpg');
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 0;
}

    footer a {
        color: #fff;
    }

        footer a:hover {
            color: #222;
        }

    .footer-contact {
        display: block;
        color: #fff;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 44px;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
    }

        .footer-contact img {
            margin-bottom: 30px;
        }

        .footer-contact a {
            color: #fff;
        }

        .footer-contact em {
            display: inline-block;
            margin: 0 5px;
            font-style: normal;
            font-weight: 400;
            /*text-shadow: none;*/
        }

        .footer-contact .footer-smi {
            font-size: 0;
            display: block;
            margin-top: 35px;
        }

            .footer-contact .footer-smi a {
                font-size: 20px;
                display: inline-block;
                margin: 0 17px;
            }

    .footer-form {
        display: block;
        margin-top: 20px;
    }

        .footer-form h2 {
            text-align: center;
            display: block;
            font-size: 30px;
            color: #fff;
            letter-spacing: .1em;
            font-weight: 700;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
            margin-bottom: 25px;
        }

        .footer-form form {
            position: relative;
            font-size: 0;
            display: block;
            width: 95%;
            max-width: 920px;
            margin: 0 auto;
        }

        .footer-form input {
            font-size: 18px;
            background: transparent;
            border: 0;
            border-bottom: 1px solid #fff;
            height: 45px;
            padding: 0 8px;
            width: 32%;
            color: #fff;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
            outline: none;
        }

            .footer-form input[type="email"] {
                margin: 0 2%;
            }

            .footer-form input[type="submit"] {
                display: block;
                width: 85px;
                height: 43px;
                line-height: 43px;
                margin: 32px auto 0;
                background: #fff;
                font-size: 12px;
                color: #616161;
                text-transform: uppercase;
                font-weight: 700;
                letter-spacing: .15em;
                border: 0;
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-backface-visibility: hidden;
                outline: none;
            }

                .footer-form input[type="submit"]:hover {
                    background: #616161;
                    color: #fff;
                }

        .footer-form div.wpcf7-response-output {
            font-size: 12px;
            position: absolute;
            width: 100%;
            text-align: center;
            margin: 0;
            color: #000;
            color: #fff!important;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
            background: rgba(0,0,0,0.15);
        }

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

    .footernav {
        display: block;
        margin-top: 30px;
        text-align: center;
        display: none;
    }

        .footernav li {
            display: inline-block;
            margin: 0 5px;
            text-transform: uppercase;
        }

            .footernav li a, footer .copyright {
                font-size: 12px;
                font-weight: 700;
                color: #fff;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
            }

    footer .copyright {
        display: none;
    }



/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner{
    width: 100%;
}
    .ip-banner canvas{
        display: block;
        width: 100%;
        /*height: 350px;*/
        min-height: 200px;
        background: url('images/ip-banner.jpg');
        background-size: cover;
        background-position: center;
    }
/* Adjust minimum height of page area */
#content-sidebar, #content-full{ min-height: 500px; padding-top: 30px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 68%; }
#content-full #content { width: 100%; }

p#breadcrumbs {
    margin-top: 0;
}

/* Adjust width of sidebar */
.sidebar{ width: 30%; padding: 55px 0 80px;}

    .side-contact {
        text-align: center;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: .01em;
        color: #242424;
    }

        .side-contact a {
            color: #242424;
        }
            .side-contact a:hover {
                opacity: .8;
            }

        .side-contact img {
            margin-bottom: 40px;
        }

        .side-contact .side-fax {
            display: block;
            position: relative;
            padding-top: 10px;
            margin-top: 10px;
        }

            .side-contact .side-fax:before {
                position: absolute;
                content: '';
                top: 0;
                width: 35px;
                height: 2px;
                background: #68b2ce;
                left: 50%;
                transform: translateX(-50%);
            }

    .side-qs {
        display: block;
        padding: 30px;
        background: #222;
        color: #fff;
        margin-top: 35px;
    }



        .side-qs .qs-inner {
            display: block;
            padding: 35px;
            border: 2px solid #4e4e4e;
            font-size: 0;
        }

            .side-qs .qs-inner h2 {
                display: block;
                font-size: 27px;
                font-family: 'Roboto Condensed', sans-serif;
                font-weight: 700;
                text-align: center;
                letter-spacing: .1em;
                line-height: 1;
                margin-top: 0;
            }

            .side-qs input, .side-qs select,
            .bootstrap-select>.dropdown-toggle.bs-placeholder,
            .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
            .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
            .bootstrap-select>.dropdown-toggle.bs-placeholder:active {
                background: transparent;
                font-size: 13px;
                color: #fff !important;
                height: 35px;
                margin-bottom: 10px;
                border: 0;
                border-bottom: 1px solid #4e4e4e;
                width: 45%;
                outline: 0;
                padding: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
            }

                .side-qs .bs-searchbox .form-control {
                    color: #222 !important;
                }

                .side-qs .mar-l {
                    margin-left: 10%;
                }

                .side-qs .wide, .side-qs .wide input, .bootstrap-select>.dropdown-toggle {
                    width: 100% !important;
                }

                .side-qs select {
                    background: url('images/qs-arrow.png') no-repeat;
                    background-position: 95% 50%;
                }

                    .side-qs option {
                        color: #222;
                    }

                    .side-qs select::-ms-expand {
                        display: none;
                    }

                .side-qs .qs-city a {
                    color: #222;
                }

                .side-qs input[type="submit"] {
                    display: block;
                    width: 100%;
                    background: #68b2ce;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 18px;
                    letter-spacing: .01em;
                    text-transform: lowercase;
                    border: 0;
                    margin: 30px auto 0;
                    transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    -webkit-backface-visibility: hidden;
                }

                    .side-qs input[type="submit"]:hover {
                        background: #000;
                    }

                .side-qs form > a {
                    display: block;
                    text-align: center;
                    font-size: 18px;
                    text-transform: lowercase;
                    color: #fff;
                    font-weight: 400;
                    letter-spacing: .05em;
                    margin-top: 20px;
                    text-decoration: none;
                }

    .side-cta {
        display: block;
    }

        .side-cta a {
            position: relative;
            display: block;
            background: #222;
            height: 180px;
            overflow: hidden;
            margin-top: 25px;
        }

            .side-cta .cta-item:nth-of-type(even) a {
                background: #fff;
            }

            .side-cta a:before {
                position: absolute;
                content: '';
                left: 8%;
                top: 15%;
                width: 84%;
                height: 70%;
                border: 3px solid #505050;
                z-index: 5;
            }

                .side-cta .cta-item:nth-of-type(even) a:before {
                    border: 3px solid #505050;
                }

            .side-cta a:after {
                position: absolute;
                content: '+';
                right: 15%;
                top: 50%;
                transform: translateY(-50%);
                z-index: 5;
                color: #6cbfd7;
                font-weight: 700;
                font-size: 30px;
            }

            .side-cta .default {
                position: absolute;
                width: 100%;
                z-index: 6;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                padding: 0 17%;
                font-size: 23px;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                line-height: 22px;
                transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -webkit-backface-visibility: hidden;
            }

                .side-cta .cta-item:nth-of-type(even) .default {
                    color: #222;
                }

                .side-cta a:hover .default {
                    opacity: 0;
                }

            .side-cta .hover {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 9;
                background: #6cbfd7;
                opacity: 0;
                transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -webkit-backface-visibility: hidden;
            }

                .side-cta a:hover .hover {
                    opacity: 1;
                }

                .side-cta .hover .hover-top {
                    position: absolute;
                    top: -95%;
                    left: 0;
                    width: 100%;
                    z-index: 9;
                    background: #222;
                    font-size: 18px;
                    color: #fff;
                    font-weight: 700;
                    text-transform: uppercase;
                    line-height: 20px;
                    padding: 3% 10%;
                    transition: all .5s ease-in-out;
                    -webkit-transition: all .5s ease-in-out;
                    -moz-transition: all .5s ease-in-out;
                    -webkit-backface-visibility: hidden;
                }

                    .side-cta a:hover .hover .hover-top {
                        top: 0;
                    }

                .side-cta .hover .hover-bot {
                    position: absolute;
                    width: 100%;
                    left: 0;
                    top: 90px;
                    padding: 0 10%;
                    font-size: 14px;
                    line-height: 20px;
                    text-align: right;
                    color: #fff;
                    letter-spacing: .01em;
                    z-index: 5;
                }


/* 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 post/page main headings (h1) */
#content .entry-title, #content .archive-title {
    font-size: 44px;
    color: #242424;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-top: 0;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title {

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {

}

#content .listing-details-wrap .photo-slideshow .photo-list {
    background-size: contain;
    background-repeat: no-repeat;
    /* background-color: #efe7e7; */
}

#content .listing-details-wrap .photo-slideshow .slick-arrow{
    width: 28px;
    height: 104px;
}

#content .property-description .prop-cta a:hover {
    background: #6cbfd7;
}

.popup-wrap-mortage .mortage-calculator .m-form form div input[type="submit"]:hover,
.popup-wrap-mortage .mortage-calculator .m-form form div input[type="reset"]:hover,
.popup-wrap-schedule .schedule-showing .m-form input[type="submit"]:hover,
.popup-wrap-request .request-more-info .m-form input[type="submit"]:hover {
    background: #68b2ce;
}

.page-id-158 #content ul {
    margin-left: 0;
}
.ip-qs-listing button.btn.dropdown-toggle.bs-placeholder.btn-default,
.ip-qs-listing button.btn.dropdown-toggle.btn-default{
    background: transparent;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    margin: 0;
    padding: 0px;
    height: 32px;
}
.ip-qs-listing span.filter-option.pull-left{
    color: #a9a9a9 !important;
    font-family: inherit;
    line-height: inherit;
    text-transform: inherit;
    padding-left: 9px;
    font-size: 16px !important;
}
.side-qs button.btn.dropdown-toggle.bs-placeholder.btn-default,
.side-qs button.btn.dropdown-toggle.btn-default{
    border: 0;
    border-bottom: 1px solid #4e4e4e;
    border-radius: 0;
    padding-left: 0;
    margin-bottom: 10px;
}
.page-id-46 form.aios-listings-search-form.search-text {
    /* display: block; */
    /*padding-top: 100px;*/
}
.page-id-46 .s-text, .page-id-46 .s-text-btn {
    display: inline-block;
    vertical-align: top;
    padding: 1px;
}
.page-id-46 #aios-search-text{
    width: 100%;
    height: 33px;
}
.page-id-46 .s-text-btn input.aios-listing-button3 {
    height: 33px;
}
.page-id-46 #aios-search-text::placeholder {
    color: #9c9c9c;
}
.page-id-46 .s-text{
    width: 32.52%;
    min-width: 182px;
}
.page-id-46 .s-text label {
    width: 100%;
}


/** Blog Detail Page Slideshow **/
    #content .blog-details-page .photo-slideshow{
        width: 100%;
        position: relative;
    }
        #content .blog-details-page .photo-slideshow img{
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
        }
        #content .blog-details-page .photo-slideshow .photo-list{
            background-size: cover;
        }
        #content .blog-details-page .photo-slideshow .slick-prev{
            position: absolute;
            left: 15px;
            top: 50%;
            z-index: 99;
            border: none;
            margin-top: -30.5px;
            cursor: pointer;
            background: transparent;
            font-size: 0;
            color: #fff;
            text-shadow: 2px 1px 4px #000;


        }
            #content .blog-details-page .photo-slideshow .slick-prev:after{
                display: block;
                content: "\b0003";
                font-size: 60px;
                font-family: 'agentimage' !important;

            }
        #content .blog-details-page .photo-slideshow .slick-next{
            width: 21px;
            height: 61px;
            position: absolute;
            right: 15px;
            top: 50%;
            z-index: 99;
            border: none;
            margin-top: -30.5px;
            cursor: pointer;
            font-size: 0;
            background: transparent;
            color: #fff;
            text-shadow: -2px 1px 4px #000;

        }
            #content .blog-details-page .photo-slideshow .slick-next:after{
                display: block;
                content: "\b0004";
                font-size: 60px;
                font-family: 'agentimage' !important;

            }

#listing-search-ip{
    width: 50%;
}
#listing-search-ip .field{
    width: 100%;
    margin-left: 0 !important;
}
#listing-search-ip .field{
    width: 100%;
}
.qs-listing-large{
    /* margin-left: 1.14%; */
}
.qs-listing-sm {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    /* margin-left: 1.14%; */
}
#listing-search-ip .aios-listing-button3{
    width: 100%;
    margin-left: 0;
}
.field.sm:nth-child(1) {
    padding-right: 5px;
}

/*** be the first to know popup***/

#first-popup, #wadr-register-login-form {
/*    display: block;*/
    width: 90%;
    max-width: 1000px;
    background: #fff;
    padding: 3px 3px 30px;
    margin: 0 auto;
    position: relative;
}

    #first-popup .aiosp-close, #wadr-register-login-form .aiosp-close {
        right: 10px;
    }

    #first-popup h2, #wadr-register-login-form h2 {
        display: block;
        line-height: 1;
        font-size: 42px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 35px;
        background: #68b2ce;
    }

    #first-popup .pop-sub, #wadr-register-login-form .pop-sub {
        display: block;
        padding: 0 45px;
        font-size: 26px;
        line-height: 34px;
        margin: 25px 0;
        color: #000;
    }


    #first-popup .pop-form, #wadr-register-login-form .pop-form {
        display: block;
        padding: 0 15px;
        font-size: 0;
        margin-top: 20px;
    }

        #first-popup .pop-form .form-row, #wadr-register-login-form .pop-form .form-row {
            display: block;
            margin-bottom: 15px;
        }

            #first-popup .pop-form .form-col, #wadr-register-login-form .pop-form .form-col {
                display: inline-block;
                width: 49%;
                vertical-align: top;
            }

                #first-popup .pop-form .form-col.al-right, #wadr-register-login-form .pop-form .form-col.ss-login-pass {
                    margin-left: 2% !important;
                }

                #first-popup .pop-form .form-col input, #wadr-register-login-form .pop-form .form-col input,
                #first-popup .pop-form .form-col select, #wadr-register-login-form .pop-form .form-col select {
                    display: block;
                    width: 100%;
                    height: 40px;
                    border: 1px solid #a3abae;
                    color: #a3abae;
                    font-size: 14px;
                    padding: 0 20px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    outline: 0;
                }

                    #first-popup .pop-form .form-col select, #wadr-register-login-form .pop-form .form-col select {
                        background: url('images/pop-arrow.png') no-repeat;
                        background-position: 95% 50%;
                    }

                #first-popup .pop-form .form-col select::-ms-expand, #wadr-register-login-form .pop-form .form-col select::-ms-expand {
                    display: none;
                }

                #first-popup .pop-form .form-col input[type="submit"], #wadr-register-login-form .pop-form .form-col input[type="submit"] {
                    border: 0;
                    background: #f78f5a;
                    color: #fff;
                    text-transform: uppercase;
                    font-size: 22px;
                }
                #wadr-register-login-form .pop-form .form-col input[type="submit"]:hover {
                    background: #68b2ce;
                }

        #first-popup .bottom-link, #wadr-register-login-form .bottom-link {
            font-size: 18px;
            color: #000;
            display: block;
            margin-top: 40px;
            padding: 0 15px;
        }
        #wadr-register-login-form .bottom-link a:hover {
            color: #68b2ce;
        }

        .sidebar .side-qs select optgroup, .sidebar .side-qs select optgroup option{
            color: #fff;
            font-weight: normal !important;
        }
        .side-qs .bootstrap-select>select {
            left: 0;
        }


.agent-holder .agent-contacts-main-info a {
    color: #222;
}
    .agent-holder .agent-contacts-main-info a:hover {
        opacity: .8;
    }

#content .h1 {
    font-size: 2em;
    margin: .67em 0;
}
.page-id-46 form.ip-qs-listing h3 {
    display: none;
}

#inner-page-wrapper {
    z-index: initial;
}

.side-qs button.btn.dropdown-toggle.bs-placeholder.btn-default, .side-qs button.btn.dropdown-toggle.btn-default {
    height: 35px;
    background: transparent;
    color: #fff;
    box-shadow: none;
}
.side-qs button.btn.dropdown-toggle.bs-placeholder.btn-default:focus, .side-qs button.btn.dropdown-toggle.btn-default:focus {
    outline: none!important;
}

.list-wrapper {
    margin-bottom: 30px;
}

#content .archive-subtitle {
    margin-top: -4px;
    line-height: 1em;
}

#content .post {
    margin-bottom: 35px;
}

.fixed-smi.active a {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
  }
.single-listing .listingID{
    display: block;
    color: #000;
    font-size: 16px;
    padding: 12px 0 0;
    font-family: 'Karla';
}
select.ip-com-qs{
    height: 150px
}
/*** Search Property ***/
#listing-search-ip {
    width: 100%;
}

#listing-search-ip form {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
}

#listing-search-ip .ls-col1, #listing-search-ip .ls-col2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 10px;
}

#listing-search-ip .field.control.left {
    padding: 20px 10px 0;
    width: 100%;
}

#listing-search-ip .ls-col2 .field {
    padding-bottom: 4px !important;
}

#listing-search-ip .ls-col2 .field, #listing-search-ip .ls-col2 .field select {
    height: 100%;
}
#register-community{
    background: none !important;
}

/* .hp-cta, footer.footer{
    display: none;
} */
.hp-fp{
    opacity: 0;
}
footer.footer div.wpcf7-mail-sent-ok, footer.footer .wpcf7 form.sent .wpcf7-response-output{
    color: #ffffff !important;
}

.ip-container .hp-blog {
    opacity: 0;
    visibility: hidden;
}
.ip-container .hp-blog.active {
    opacity: 1;
    visibility: visible;
}


						.agent-photo {
						    position: relative;
						    width: 100%;
						    height: 100%;
						    display: block;
						    max-width: 240px;
						    margin-left: 40px;
						}
						.agent-photo img {
						    position: absolute;
						    top: 0;
						    left: 0;
						    width: 100%;
						    height: 100%;
						    object-fit: cover;
						    object-position: center;
						}
						.agent-photo canvas {
						    position: relative;
						    width: 100%;
						    height: 100%;
						    display: block;
						}
                        #content .property-description .property-add-type .agent-photo {
                            padding: 0;
                            margin: 0;
                        }
                        #content .property-description .property-add-type .agent-photo canvas {
                            height: auto;
                            display: block;
                        }
                        .agent-photo-wrap {
                            padding: 14px 11% !important;
                        }
                        #content .property-description .property-add-type .agent-name {
                            padding-left: 0 !important;
                        }

            .agent-name {
                border: 0px !important;
                padding-left: 41px !important;
            }
            .agent-name h2 {
                font-weight: 600 !important;
            }



            .top-sort a {
                margin: 0 5px !important;
            }
            .top-sort span {
                margin: 0 5px 0 15px !important;
            }
            .top-sort {
                display: flex;
            }

            ul.list li .prop-det .view-details {
                display: block;
                width: 113px;
                height: 29px;
                background: #6a6a6a !important;
                box-sizing: border-box !important;
                font-size: 14px;
                color: #fff !important;
                text-transform: uppercase !important;
                text-align: center !important;
                padding: 3px 0 !important;
                margin-top: 13px !important;
                float: left;
                line-height: 23px !important;
            }

            .top-sort a.tabled-bttn {
    font-size: 20px;
    color: #b2b2b2 !important;
}
.top-sort a.grid-bttn {
    font-size: 20px;
    color: #b2b2b2 !important;
}
.top-sort a.list-bttn.active {
    color: #666666 !important;
}
.addtoany_list a:not(.addtoany_special_service)>span {
    border-radius: 4px !important;
    display: inline-block;
    opacity: 1;
}
ul.list .prop-det .prop-beds em {
    font-size: 18px;
    color: #bababa !important;
}
.prop-det .prop-beds .det-sqft {
    float: none;
    color: #5d5d5d !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}



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

#wadr-register-login-form {
    display: none !important;
}
.grecaptcha-badge{
    z-index: 10 !important;
}
.wpa-test-msg{
    display: none !important;
}
.prop-img-wrap .photo-slider {}
.prop-img-wrap .photo-slider .slick-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    margin: auto;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.prop-img-wrap .photo-slider .slick-arrow.prev {
    left: 15px;
}
.prop-img-wrap .photo-slider .slick-arrow.next {
    right: 15px;
}
.prop-img-wrap .photo-slider .slick-arrow:hover {
    background: rgba(0, 0, 0, 1);
    text-decoration: none;
}
.prop-img-wrap .photo-slider .slick-arrow i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-style: normal !important;
}
.prop-img-wrap .results-photo {
    position: relative;
}
.prop-img-wrap .results-photo canvas {
    display: block;
    width: 100%;
    height: auto;
}
.prop-img-wrap .results-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}