/*
Theme Name: Team Silva Realty
Description: http://teamsilvarealtycom.rs4.aios-staging.com
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.5
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
 *
 *******************************************************/

 #main-wrapper {
     overflow: hidden;
 }

 .aios-mobile-header-wrapper {
    z-index: 1004 !important;
 }


/* Sub Menu */
#nav li {
    position:relative;
    display: inline-block;
}

ul#nav3 {
    text-align: right;
    padding-top: 23px;
}

    .nav2 > li,
    #nav3 > li {
        display: inline-block;
        position: relative;
    }

    #nav3 > li {
        margin-left: 27px;
    }

    #nav3 > li:first-child {
        margin-left: 0;
    }

        .nav2 > li > a {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #333333;
            text-transform: uppercase;
        }

        #nav3 > li > a {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
        }

            .nav2 > li > a::before, .nav2 > li > a::before {
                content: "";
                position: absolute;
                z-index: 1;
                left: 51%;
                right: 51%;
                bottom: -41px;
                background: #8d379d;
                height: 3px;
                -webkit-transition-property: left, right;
                transition-property: left, right;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

            #nav3 > li > a::before, #nav3 > li > a::before {
                content: "";
                position: absolute;
                z-index: 1;
                left: 51%;
                right: 51%;
                bottom: -43px;
                background: #fff;
                height: 3px;
                -webkit-transition-property: left, right;
                transition-property: left, right;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

                .nav2 > li:hover > a:before, .nav2 > li:focus > a:before, .nav2 > li:active > a:before,
                #nav3 > li:hover > a:before, #nave > li:focus > a:before, #nav3 > li:active > a:before {
                    left: 0;
                    right: 0;
                }

.nav-right { text-align: right; padding-right: 0 !important; }
.nav-left { text-align: left; padding-left: 0 !important; }

.nav-left > li {
    margin-right: 30px;
}

.nav-right > li {
    margin-left: 30px;
}

header.header.black #nav .sub-menu,
header.header.black #nav3 .sub-menu,
header.header.black .nav2 .sub-menu {
    padding-top: 42px;
}

#nav .sub-menu,
#nav3 .sub-menu,
.nav2 .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width:180px;
    padding-top: 41px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translate(-50%, 20px);
   transform: translate(-50%, 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;
}
#nav .sub-menu a,
#nav3 .sub-menu a,
.nav2 .sub-menu a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover,
#nav3 .sub-menu a:hover,
.nav2 .sub-menu a:hover {
    background: #000000;
    color: #fff;
    text-decoration: none;
}
#nav .sub-menu .sub-menu,
#nav3 .sub-menu .sub-menu
.nav2 .sub-menu .sub-menu {
    margin-left: 100%;
 	top:0;
}
#nav li:hover > .sub-menu,
#nav3 li:hover > .sub-menu,
.nav2 li:hover > .sub-menu {
    -webkit-transform: translate(-50%, 0px);
   transform: translate(-50%, 0px);
   opacity: 1;
   visibility: visible;
}
#nav .sub-menu li,
#nav3 .sub-menu li,
.nav2 .sub-menu li {
    position: relative;
    background: #8d379d;
    text-align: center;
}


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

/* Global */

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	background: #FFF;
	color: #4b4a4a;
	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; */
}

/*Header Wrapper*/
.header-logo a {
    display: block;
    position: relative;
    margin: 0 -20px 0;
}

header.header {
    position: fixed;
    z-index: 1003;
    width: 100%;
    background: rgba(255, 255, 255, .85);
    padding: 14px 0;
    box-shadow: 1px black;
    -webkit-box-shadow: 0 0 10px 1px #444444;
    box-shadow: 0 0 10px 1px #444444;
    opacity: 0;
    -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;
}

.header .menu-mainmenu-container {
    display: flex;
    align-items: center;
}

    .Header-address-right {
        float: right;
        padding-top: 19px;
        display: none;
    }

        .header-smi {
            display: inline-block;
            vertical-align: top;
            padding-right: 31px;
        }

            .header-smi a {
                display: inline-block;
                vertical-align: top;
                position: relative;
                font-size: 18px;
                color: #6b3099;
                padding-left: 11px;
                -webkit-transition: all .325s ease-in-out;
                -moz-transition: all .325s ease-in-out;
                -ms-transition: all .325s ease-in-out;
                transition: all .325s ease-in-out;

            }

                    .header-smi a:hover {
                        color: #666;
                    }

        .header-add-mob {
            display: inline-block;
            vertical-align: top;
            position: relative;
        }

                .header-add-mob em.ai-font-phone:hover {
                    color: #6b3099;
                }

            .header-add-mob em.ai-font-phone {
                font-size: 13px;
                color: #6b3099;
                padding-right: 7px;
            }

            .header-add-mob em.ai-mobile-phone {
                font-family: 'Muli', sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #5e5e5e;
            }

                .header-add-mob::after {
                    content: '';
                    position: absolute;
                    left: -16px;
                    width: 1px;
                    height: 17px;
                    background: #d0cdcb;
                    top: 0;
                }

        .header-add-mail {
            display: inline-block;
            vertical-align: top;
            padding-left: 29px;
            position: relative;
        }

            .header-add-mail em {
                font-size: 10px;
                color: #6b3099;
            }

                .header-add-mail::after {
                    content: '';
                    position: absolute;
                    left: 13px;
                    width: 1px;
                    height: 17px;
                    background: #d0cdcb;
                    top: 0;
                }

.header-dupli {
    position: fixed;
    width: 100%;
    z-index: 103;
    background: #8d379d;
    padding: 17px 0;
    top: -200px;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
    opacity: 0;
    display: none;
}

header.header.black .header-dupli {
    opacity: 1;
    top: 0;
}

header.header.black .nav2 > li > a{
    color: #58585A;
}

/*End of Header Wrapper*/
/*Slideshow Wrapper*/
.slideshow-inner  {
    position: relative;
}

    .slideshow-inner::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .30);
        content: '';
    }
/*End of Slideshow*/
/*CTA Wrapper*/
.hp-cta {
    position: absolute;
    width: 100%;
    top: 77.1%;
    text-align: center;
    z-index: 4;
    font-size: 0;
    transform: translateY(-50%);
}

    .hp-cta-item {
        display: inline-block;
        width: 33.33%;
        vertical-align: top;
        position: relative;
        max-width: 365px;
    }

        .hp-cta-item a {
            display: block;
            width: 100%;
            font-family: 'Playfair Display', sans-serif;
            font-weight: 400;
            font-size: 33px;
            color: #fff;
            text-transform: uppercase;
            background: rgba(102, 102, 102, .75);
            border: 1px solid #fff;
            padding: 23px 0;
            -webkit-transition: all .325s ease-in-out;
            -moz-transition: all .325s ease-in-out;
            -ms-transition: all .325s ease-in-out;
            transition: all .325s ease-in-out;
        }

            .hp-cta-item a:hover {
                background: rgba(141, 55, 157, .75);
            }

.hp-cta-qs {
    padding-top: 31px;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all .725s ease-in-out;
    -moz-transition: all .725s ease-in-out;
    -ms-transition: all .725s ease-in-out;
    transition: all .725s ease-in-out;
    position: relative;
    top: 200px;

}

.hp-cta-qs.show-qs {
    opacity: 1;
    pointer-events: auto;
    padding-top: 31px;
    top: 0;
    max-width: 1096px;
    margin: 0 auto;
}

    .hp-qs-long {
        width: 90.87%;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .hp-cta-item::before {
            content: '';
            position: absolute;
            bottom: -32px;
            left: 46%;
            width: 40px;
            height: 17px;
            background-image: url(images/arrow-qs.png);
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0;
        }


        .cta-show2::before {
            left: 45%;
            display: none;
        }

        .hp-qs-long input {
            width: 100%;
            height: 75px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 22px;
            color: #999999;
            border: 0;
            padding-left: 38px;
        }

        .hp-qs-long > select{
            width: 100%;
            height: 75px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 22px;
            color: #999999;
            border: 0;
            padding-left: 38px;
            border-radius: unset;
        }

    .hp-qs-btn {
        width: 9.12%;
        display: inline-block;
        vertical-align: top;
    }

        .hp-qs-btn input.btnsubmit {
            width: 100%;
            height: 75px;
            border: 0;
            background: #8d379d;
            background-image: url(images/magni-bg.png);
            background-repeat: no-repeat;
            background-position: center;
        }

.show-mathews-button::before {
    opacity: 1;
}
/*End of CTA Wrapper*/

/*Welcome Wrapper*/
section.welcome-wrapper {
    padding-left: 173px;
    background-image: url(images/welcome-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 100px;
    padding-right: 30px;
}
.welcome-holder {
    max-width: 1159px;
    width: 100%;
    font-size: 0;
}

.welcome-desc {
    max-width: 695px;
    background: #fff;
    width: 100%;
    margin-left: -48px;
    z-index: 2;
    position: relative;
    padding: 118px 0 118px 77px;
    position: relative;
}

    .welcome-desc::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        content: '';
        top: 8%;
        left: -4.6%;
        z-index: -1;
    }

.welcome-title {
    margin-bottom: 19px;
}

    .welcome-col {
        width: 43.74%;
        display: inline-block;
        vertical-align: top;
    }

    .welcome-image {
        margin-top: -52px;
        z-index: 2;
        position: relative;
    }

        .welcome-image::after {
            position: absolute;
            top: 7.9%;
            left: -4.6%;
            width: 100%;
            height: 100%;
            content: '';
            background: #8d379d;
            z-index: -1;
        }

        .welcome-image canvas {
            display: block;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center;
            height: 100%;
            background-size: cover;
        }

    .welcome-col2 {
        width: 56.26%;
        display: inline-block;
        vertical-align: top;
    }

.welcome-title h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #4b4a4a;
    text-transform: uppercase;
}

    .welcome-title span {
        font-family: 'Playfair Display', sans-serif;
        font-weight: 400;
        font-size: 70px;
        color: #000000;
    }

        .welcome-desc p {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 15px;
            color: #4b4a4a;
            line-height: 25px;
        }

            .welcome-desc-para {
                max-width: 542px;
            }

            .welcome-btn {
                margin-top: 27px;
            }

                .welcome-btn a {
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 400;
                    font-size: 13px;
                    color: #4b4a4a;
                    border: 1px solid #939393;
                    padding: 15px 0;
                    width: 185px;
                    text-transform: uppercase;
                    display: block;
                    text-align: center;
                    -webkit-transition: all .325s ease-in-out;
                    -moz-transition: all .325s ease-in-out;
                    -ms-transition: all .325s ease-in-out;
                    transition: all .325s ease-in-out;
                }

                    .welcome-btn a:hover {
                        background: #8d379d;
                        border: 1px solid #8d379d;
                        color: #fff;
                    }
/*End Of Welcome Wrapper*/

/*Featured Videos Wrapper*/
section.fv-wrapper {
    padding: 131px 0 259px;
}

.fv-title {
    margin-bottom: 18px;
}

    .fv-title span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 25px;
        color: #4b4a4a;
        text-transform: uppercase;
    }

        .fv-title span span {
            display: block;
            font-family: 'Playfair Display', sans-serif;
            font-weight: 400;
            font-size: 70px;
            color: #000000;
            text-transform: capitalize;
        }

    .fv-desc {
        max-width: 451px;
        width: 100%;
    }

        .fv-desc p {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 15px;
            color: #4b4a4a;
            line-height: 25px;
        }

.fv-btn {
    margin-top: 26px;
}

    .fv-btn a {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #4b4a4a;
        border: 1px solid #939393;
        padding: 15px 0;
        width: 185px;
        text-transform: uppercase;
        display: block;
        text-align: center;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

        .fv-btn a:hover {
            background-color: #8d379d;
            color: #fff;
            border: 1px solid #8d379d;
        }

.fv-item {
    position: relative;
}

    .fv-item::before {
        position: absolute;
        top: 8%;
        left: 4.4%;
        width: 100%;
        height: 100%;
        background: #8d379d;
        content: '';
        z-index: -1;
    }

    .fv-item::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .50);
        content: '';
    }

    .fv-item canvas {
        display: block;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

        .fv-btn-video {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            transform: translate(-50%, -50%);
        }
/*End of Featured Videos*/
/*Featured Communities Wrapper*/
section.fc-wrapper {
    font-size: 0;
    padding-top: 200px;
    position: relative;
}

.fc-title {
    max-width: 640px;
    width: 100%;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 4%;
    z-index: 2;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 56px 0;
}

.fc-title span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #4b4a4a;
    text-transform: uppercase;
}

    .fc-title span span {
        display: block;
        font-family: 'Playfair Display', sans-serif;
        text-transform: capitalize;
        font-size: 70px;
        color: #000;
    }

.fc-item {
    width: 100%;
    position: relative;
}

    .fc-item::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .35);
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

    .fc-item::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(141, 55, 157, .95);
        opacity: 0;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
        transform: scale(0);
    }

.fc-image canvas {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .fcimage-desc {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        transform: translate(-50%, -50%);
        max-width: 318px;
        margin: 0 auto;
        z-index: 2;
    }

        .fcimage-desc::after {
            position: absolute;
            top: -25px;
            left: 0;
            background: #fff;
            width: 100%;
            height: 1px;
            content: '';
        }

        .fcimage-desc::before {
            position: absolute;
            bottom: -28px;
            left: 0;
            background: #fff;
            width: 100%;
            height: 1px;
            content: '';
        }

        .fcimage-desc h2 {
            font-family: 'Playfair Display', sans-serif;
            font-weight: 400;
            font-size: 35px;
            color: #fff;
        }

.fc-global a {
    width: 100%;
    position: relative;
    display: block;
}

.fc-global a:hover .fc-item::before {
    opacity: 0;
}
.fc-global a:hover .fc-item::after  {
    opacity: 1;
    transform: scale(1);
}

.mc-btn {
    margin-top: 51px;
}

    .mc-btn a {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #4b4a4a;
        border: 1px solid #939393;
        padding: 15px 0;
        width: 185px;
        text-transform: uppercase;
        display: block;
        text-align: center;
        margin: 0 auto;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

        .mc-btn a:hover {
            background-color: #8d379d;
            color: #fff;
            border: 1px solid #8d379d;
        }

.fc-global button.fc-left-arrow {
    position: absolute;
    bottom: -96px;
    left: 0;
    left: 40.6%;
    /* width: 100%; */
    background: transparent;
    width: 45px;
    height: 45px;
    display: block;
    padding: 0;
    color: #9240a1;
    font-size: 12px;
    border: 0;
    border: 1px solid #939393;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}

    .fc-global button.fc-left-arrow:hover,
    .fc-global button.fc-right-arrow:hover {
        background-color: #8d379d;
        color: #fff;
        border: 1px solid #8d379d;
    }

.fc-global button.fc-right-arrow {
    position: absolute;
    bottom: -96px;
    right: 40.6%;
    /* width: 100%; */
    background: transparent;
    width: 45px;
    height: 45px;
    display: block;
    padding: 0;
    color: #9240a1;
    font-size: 12px;
    border: 0;
    border: 1px solid #939393;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}
/*End of Featured Communities*/
/*Featured Properties Wrapper*/
section.fp-wrapper {
    padding-left: 190px;
    padding-top: 74px;
    padding-right: 30px;
    background-image: url(images/fp-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    padding-bottom: 120px;
}
.fp-global {
    max-width: 1110px;
    font-size: 0;
    position: relative;
}

    .fp-global::after {
        position: absolute;
        content: '';
        width: 100%;
        height: calc(100% - 148px);
        position: absolute;
        top: 25px;
        left: 4.4%;
        content: '';
        border: 1px solid #802a90;
        z-index: -1;
    }

    .fp-col {
        width: 55%;
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        padding-bottom: 27px;
        padding-left: 27px;
    }

         .fp-col::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
            background: #802a90;
            z-index: -1;
        }

    .fp-img {
        position: relative;
    }

        .fp-img canvas {
            display: block;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .fp-inner-desctitle span {
            font-family: 'Montserrat',sans-serif;
            font-weight: 300;
            color: #4b4a4a;
            font-size: 25px;
            text-transform: uppercase;
        }

            .fp-inner-desctitle span span {
                font-family: 'Playfair Display', sans-serif;
                font-weight: 400;
                font-size: 70px;
                display: block;
                color: #000000;
                text-transform: capitalize;
            }

    .fp-col-2 {
        width: 45%;
        display: inline-block;
        vertical-align: bottom;
        background: #fff;
        position: relative;
    }

.fp-inner-desc {
    background: #fff;
    margin-left: -112px;
    z-index: 4;
    position: relative;
    padding: 90px 0 207px;
    padding-left: 76px
}

    .fp-col-2::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #802a90;
        content: '';
        z-index: -1;
    }

.fp-price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 35px;
    color: #4b4a4a;
    margin-top: 48px;
}

    .fp-inner-innerdesc {
        margin-top: 19px;
        max-width: 513px;
    }

        .fp-inner-innerdesc p {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 14px;
            color: #4b4a4a;
            line-height: 24px;
        }

.fp-price-add {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
    margin-top: 25px;
}

.fp-price-item {
    margin-top: 18px;
}

    .fp-util li {
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
        color: #4b4a4a;
        font-size: 15px;
        text-transform: uppercase;
        padding-right: 38px;
        position: relative;
    }

        .fp-util li::after {
            position: absolute;
            top: 0;
            right: 18px;
            width: 1px;
            height: 14px;
            background: #d6d6d6;
            content: '';
        }

            .fp-util li:last-child::after {
                display: none;
            }

.fp-inner-desc button.fp-left-arrow {
    background: #fff;
    font-size: 14px;
    color: #802a90;
    width: 58px;
    height: 58px;
    border: 1px solid #939393 !important;
    border: 0;
    bottom: -115px;
    position: absolute;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}

    .fp-inner-desc button.fp-left-arrow:hover,
    .fp-inner-desc button.fp-right-arrow:hover {
        background: #802a90;
        color: #fff;
    }

.fp-inner-desc button.fp-right-arrow {
    background: #fff;
    font-size: 14px;
    color: #802a90;
    width: 58px;
    height: 58px;
    border: 1px solid #939393 !important;
    border: 0;
    bottom: -115px;
    position: absolute;
    left: 68px;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}

/*End of Featured Properties*/

/*Testimonials Wrapper*/

section.testi-wrapper {
    padding-top: 80px;
}

.testi-left {
    max-width: 475px;
    text-align: center;
    padding-top: 101px;
}

.testi-logo-item {
    display: inline-block;
    vertical-align: middle;
}

    .testi-logo-item:first-child {
        padding-right: 51px;
    }

    .testi-logo-item:last-child {
        margin-top: 85px;
    }

    .testi-rate-letter {
        font-family: 'Muli', sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #4b4a4a;
        display: inline-block;
        vertical-align: middle;
    }

        .test-star {
            display: inline-block;
            vertical-align: middle;
            padding-left: 3px;
        }

.testi-right {
    position: relative;
    width: calc(((100vw - 1140px) / 2) + 100%);
    border: 1px solid #e5e5e5;
    padding-top: 94px;
    z-index: 1;
}

.testi-right-holder {
    padding-left: 48px;
    max-width: 524px;
    width: 100%;
}

.testi-com-title {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    font-size: 80px;
    color: #4b4a4a;
}

.testi-com-desc {
    max-width: 524px;
    width: 100%;
    margin-top: 40px;
}

    .testi-com-desc p {
        font-family: 'Muli', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #4b4a4a;
        letter-spacing: .080em;
        line-height: 16.74px;
    }

.testi-com-name {
    font-family: 'Muli', sans-serif;
    font-weight: 700    ;
    font-size: 14px;
    color: #4b4a4a;
    letter-spacing: .080em;
    margin-top: 48px;
}

.testi-btn-item {
    display: inline-block;
    vertical-align: top;
}

button.testi-btn-left {
    background: #e5e5e5;
    width: 59px;
    height: 59px;
    padding: 0;
    color: #802a90;
    border: 0;
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}

.testi-button {
    position: relative;
    font-size: 0;
    margin-top: 61px;
}

button.testi-btn-right {
    background: #e5e5e5;
    width: 59px;
    height: 59px;
    padding: 0;
    color: #802a90;
    border: 0;
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}

    button.testi-btn-right:hover,
    button.testi-btn-left:hover {
        color: #fff;
        background: #802a90
    }

        button.testi-btn-right:hover i::after,
        button.testi-btn-left:hover i::after {
            background: #fff;
        }

button.testi-btn-left i,
button.testi-btn-right i {
    position: relative;
}

    button.testi-btn-left i::after {
        position: absolute;
        top: 7.2px;
        right: 3px;
        width: 24px;
        height: 2px;
        content: '';
        background: #802a90;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

    button.testi-btn-right i::after {
        position: absolute;
        top: 7.2px;
        left: 3px;
        width: 24px;
        height: 2px;
        content: '';
        background: #802a90;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

.testi-left-quote {
    position: absolute;
    z-index: -1;
    top: -11%;
    left: -37px;
}
/*End of Testimoanials*/

/*Facebook Feed Wrapper*/
.fbf-image {
    font-size: 0;
}

    .fbf-image a {
        width: 16.66%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        overflow: hidden;
    }

        .fbf-image a:hover:after {
            opacity: 0;
        }

        .fbf-image a:hover:before {
            opacity: 1;
            bottom: 0;
        }

        .fbf-image a::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .50);
            content: '';
            -webkit-transition: all .325s ease-in-out;
            -moz-transition: all .325s ease-in-out;
            -ms-transition: all .325s ease-in-out;
            transition: all .325s ease-in-out;
        }

        .fbf-image a::before {
            position: absolute;
            bottom: -200px;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(141, 55, 157, .85);
            content: '';
            opacity: 0;
            -webkit-transition: all .325s ease-in-out;
            -moz-transition: all .325s ease-in-out;
            -ms-transition: all .325s ease-in-out;
            transition: all .325s ease-in-out;
            z-index: 2;
        }

            .fbf-image a:hover .fbf-img canvas {
                filter: grayscale(1);
            }

            .fbf-image a:hover .fb-icon {
                top: 50%;
                opacity: 1;
            }

.fbf-img canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fb-icon {
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 99;
    top: -200%;
    left: 50%;
    /* width: 100%; */
    text-align: center;
    opacity: 0;
    -webkit-transition: all .925s ease-in-out;
    -moz-transition: all .925s ease-in-out;
    -ms-transition: all .925s ease-in-out;
    transition: all .925s ease-in-out;
}

.fbf-title {
    text-align: center;
    padding: 99px 0 50px;
}

.fbf-title span {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #4b4a4a;
    text-transform: uppercase;
}

    .fbf-title span span {
        display: block;
        font-family: 'Playfair Display', sans-serif;
        font-weight: 400;
        color: #000000;
        font-size: 70px;
    }
/*End of Facebook Feed*/

/*Footer Git*/
.footer-git-title {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    font-size: 70px;
    color: #333333;
    padding-bottom: 48px;
}

    .footer-top-left {
        max-width: 445px;
        width: 100%;
        padding-top: 82px;
    }

        .footer-git-input {
            width: 100%;
            margin-bottom: 29px;
        }

            .footer-git-input input {
                font-family: 'Montserrat', sans-serif;
                font-weight: 400;
                font-size: 14px;
                text-transform: uppercase;
                color: #666666;
                border-bottom: 1px solid #626161 !important;
                border: 0;
                width: 100%;
                padding-bottom: 7px;
            }

            .footer-git-long input {
                font-family: 'Montserrat', sans-serif;
                font-weight: 400;
                font-size: 14px;
                text-transform: uppercase;
                color: #666666;
                border-bottom: 1px solid #626161 !important;
                border: 0;
                width: 100%;
                padding-bottom: 63px;
            }

        .footer-git-long {
            width: 100%;
            position: relative;
        }

.footer-git-btn {
    position: absolute;
    bottom: 17px;
    right: 0;
}

    .footer-git-btn .wpcf7-submit {
        width: 58px;
        height: 40px;
        background-image: url(images/git-btn.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: transparent;
        border: 0;
        font-size: 0;
        border: 0;
        border-bottom: 0 !important;
        padding-bottom: 0;
    }

.footer-top-right {
    background-image: url(images/contact-info.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(((100vw - 1116px) / 2) + 100%);
    margin-left: -12px;
    padding-left: 73px;
    padding-top: 94px;
    padding-bottom: 154px;
}

.footer-cot-tittle {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    font-size: 70px;
    color: #fff;
}

    .footer-cot-sub {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        padding-top: 72px;
    }

.footer-cot-address {
    padding-top: 17px;
}

    .footer-cot-item {
        padding-bottom: 20px;
    }

.footer-cot-item a.asis-mailto-obfuscated-email,
.footer-cot-item em.ai-mobile-phone,
.footer-cot-item em.contact-address
 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    font-style: initial;
}

    .footer-cot-item a.asis-mailto-obfuscated-email:hover,
    .footer-cot-item em.ai-mobile-phone:hover {
        color: #cda8d4;
    }

.footer-cot-item span.ai-font-envelope-f {
    color: #fff;
    padding-right: 10px;
}

.footer-cot-item span.ai-font-phone-alt,
.footer-cot-item span.ai-font-location-c {
    color: #fff;
    font-size: 18px;
    padding-right: 10px;
}

    .footer-smi a {
        width: 44px;
        height: 44px;
        background: #fff;
        border-radius: 50%;
        color: #666666;
        display: inline-block;
        position: relative;
        font-size: 28px;
        margin-right: 9px;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

        .footer-smi a:hover {
            background: #802a90;
        }

        .footer-smi-item span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.footer-bottom {
    background: #f0f0f0;
    padding: 47px 0;
}

.footer-bottom-dre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

    .copyright {
        font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #666666;
        margin-top: 16px;
    }

        .copyright span {
            color: #8d379d;
        }

            .copyright span a {
                color: #666666;
            }

                .copyright a:hover {
                    color: #8d379d;
                }

.mls-logo {
    text-align: right;
    padding-top: 8px;
}

    .mls-item {
        display: inline-block;
        text-align: right;
        color: #999999;
        font-size: 32px;
    }
/*End of Footer Git*/

/*Map Wrapper*/
.map-loc-title span {
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #4b4a4a;
}

    .map-loc-title span span {
        display: block;
        font-family: 'Playfair Display', sans-serif;
        font-weight: 400;
        font-size: 123px;
        color: #000000;
    }


/*     .map-loc-list ul li {
    width: 247px;
    padding: 15px 0 15px 28px;
    position: relative;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
}

    .map-loc-list ul li:hover a {
        color: #fff;
    }

        .map-loc-list ul li:hover::after {
            background: #fff;
        }

    .map-loc-list ul li:hover {
        background-color: #8d379d;
    }

    .map-loc-list ul li::after {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        content: '';
        background: #802a90;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }

    .map-loc-list ul li a {
        font-family: 'Muli', sans-serif;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: .080em;
        color: #4b4a4a;
        -webkit-transition: all .325s ease-in-out;
        -moz-transition: all .325s ease-in-out;
        -ms-transition: all .325s ease-in-out;
        transition: all .325s ease-in-out;
    }


.map-loc-list ul li a.hover,
.map-loc-list ul li:hover {
color: #fff;
font-weight: 400;
background-color: #8d379d;

} */


.map-link-btn {
    display: inline-block;
    font-size: 0;
    width: 247px;
    max-width: 100%;
    margin-top: 86px;
}


.map-link-btn a {
    color: #4b4a4a;
    font-size: 16px;
    display: block;
    padding: 10px 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: relative;
    font-weight: 600;
    letter-spacing: 0.08em;

}

.map-link-btn a:before {
    content: "•";
    color: #8d379d;
    font-size: initial;
    margin-right: 10px;
    margin-left: 16px;
}

.map-link-btn a:hover:before {
     color: #ecddee;
}




.map-link-btn a.hover,
.map-link-btn a:hover {
    color: #ecddee;
    background: #8d379d;
}

.map-loc-list {
    padding-top: 77px;
}

.map-right {
    position: relative;
}

.map-left {
    padding-left: 51px;
}

 .map-right::after {
    position: absolute;
    top: -115px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    width: 440px;
    height: 440px;
    background-image: url(images/map-after.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}



/*** Map Image ***/


 #map-wrapp {
    padding-top: 130px;
    display: block;
    position: relative;
    z-index: 5;
 }

div.map-container {
      width: 556px;
      height: 356px;
      position: relative;
}

div.map-container img.main {
      width: inherit;
      height: inherit;
      position: relative;
      z-index: 1;
}

div.map-container img.overlay {
      height: inherit;
      left: 0;
      position: absolute;
      top: 0;
      width: inherit;
      z-index: 3;
}

div.map-container img.area {
      position: absolute;
      top : 0;
      left: 0;
      z-index: 2;
      display: none;
    }



img.area.castaic {
    top: 1px !important;
    left: 119px !important;
}

img.area.saugus {
    top: 2px !important;
    left: 247px !important;
}

img.area.canyon-county {
    top: 4px !important;
    left: 315px !important;
}

img.area.valencia {
    top: 102px !important;
    left: 174px !important;
}

img.area.stevenson-ranch {
    top: 247px !important;
    left: 129px !important;
}

img.area.newhall {
    top: 233px !important;
    left: 230px !important;
}

img.area.newhall-ranch {
    top: 132px !important;
    left:  0px !important;
}

.sitemap-list li a {
    text-transform: capitalize;
}

	.sitemap-list .page-item-117 {
	    display: none;
	}



/*End of Map Wrapper*/
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}
    .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

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

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

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

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

#content .entry {
    text-align: center;
}

.ip-container div.wpcf7 {
    margin: 0 auto;
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #000000;
    text-align: center !important;
}

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

}

button.btn.dropdown-toggle.bs-placeholder.btn-default,
button.btn.dropdown-toggle.btn-default {
    width: 100%;
    height: 75px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #999999;
    border: 0;
    padding-left: 38px;
    border-radius: unset;
}

span.filter-option.pull-left {
    font-size: 22px !important;
}
.ip-iframe-wrap{
    max-width: 900px;
    margin: 0 auto;
}
.ip-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    background: #000;
}
.ip-iframe-container iframe {
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
}

.sellers-video-item iframe {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 560px;
    /* max-height: 416px !important; */
    /* height: auto; */
    min-height: 213px !important;
}

#ihf-main-container .mc-total-payment-subline {
    color: #666 !important;  
}

ul#ihf-search-location-tabs, ul.chosen-results, ul#ihf-detail-extrainfotabs {
    margin-left: 0px !important;
}
ul.chosen-results {
    padding-left: 0 !important;
}
ul.chosen-results {
    margin: 0 !important;
}
.hp-cta-qsholder .dropdown-menu.open {
    max-height: 200px !important;
}
.ihf-grid-result-address {
    display: block;
  }

  div.wpcf7-response-output{
      text-align: center;
  }

.page-id-48 #content .entry,
.parent-pageid-48 #content .entry,
.page-id-41  #content .entry,
.parent-pageid-41  #content .entry,
.page-id-23 #content .entry
{
    text-align: unset;
}

.page-id-48 #content .entry-title,
.parent-pageid-48 #content .entry-title,
.page-id-41  #content .entry-title,
.parent-pageid-41  #content .entry-title,
.page-id-23 #content .entry-title,
.page-id-48 #content .archive-title,
.parent-pageid-48 #content .archive-title,
.page-id-41  #content .archive-title,
.parent-pageid-41  #content .archive-title,
.page-id-23 #content .archive-title{
    text-align: unset;
}

img[src^="//deviceid.trueleadid.com/vng.gif"]{
    display: none !important;
}

.page-id-258 span.wpcf7-not-valid-tip {
    font-size: 11px;
}

.page-id-56 h1.entry-title,
.page-id-56 #content-full h3,
.page-id-60 h1.entry-title,
.page-id-60 #content-full h3,
.page-id-61 h1.entry-title,
.page-id-61 #content-full h3,
.page-id-59 h1.entry-title,
.page-id-59 #content-full h3,
.page-id-57 h1.entry-title,
.page-id-57 #content-full h3,
.page-id-60 #content .entry,
.page-id-56 #content .entry,
.page-id-61 #content .entry,
.page-id-59 #content .entry,
.page-id-58 #content .entry,
.page-id-57 #content .entry  {
    text-align: left !important;
}

.page-id-60 #content .entry {
    text-align: left;
}

/*** Video Banners CSS ***/
.page-template-template-communities .cycloneslider-template-video {
	position: absolute;
	transform: translate(0,-50%);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-template-template-communities #inner-page-wrapper {
	background-color: #fff;
}
  
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */