/*
Theme Name: Teresa Rather -  Real Estate Brokerage
Theme URI: http://aios3-staging.agentimage.com/t/teresarather.com/htdocs
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.4
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
 *
 *******************************************************/


 /* Sub Menu */
 #navi {
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
 }

 #navi li {
     position:relative;
     display: inline-block;
     text-transform: uppercase;
     /*padding: 0 9px;*/
 }

     #navi > li > a {
         padding: 10px 16px;
         position: relative;
     }

     #navi li:first-child {
         padding-left: 0;
     }
     #navi li:last-child {
         padding-right: 0;
     }#navi > li:last-child {
         padding-left: 15px;
     }
     /*#navi > li:first-child > a {
         padding-left: 0;
     }*/
     #navi > li:last-child > a {
         padding-left: 0;
         padding-right: 0;
     }

     #navi li > a::after {
         content: '';
         width: 80%;
         height: 0;
         background: #1a2e59;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;

         -webkit-transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -ms-transition: all .25s ease-in-out;
         transition: all .25s ease-in-out;
     }

        #navi > li:last-child > a::after {
            width: 100%;
        }

         #navi li:hover > a::after {
             height: 5px;
         }

         #navi li:first-child > a::after {
            display: none;
         }

       
 #navi .sub-menu {
     list-style: none outside none;
     display: none;
     width: 175px;
     position: absolute;
     left: 50%;
     margin-left: -87.5px;
     padding-top: 9px;
 }

 #navi .sub-menu a {
     color: #666666;
     display: block;
     padding: 5px 10px;
     text-align: center;
 }

 #navi .sub-menu .sub-menu {
     margin-left: 100%;
     top:0;
 }
 #navi li:hover > .sub-menu {
     display: block;
 }
 #navi .sub-menu li {
     position: relative;
     display: block;
     background: #fff;
     width: 100%;
     text-align: left;
     padding: 0;
 }

     #navi .sub-menu li a {
         -webkit-transition: all .15s ease-in-out;
         -moz-transition: all .15s ease-in-out;
         -ms-transition: all .15s ease-in-out;
         transition: all .15s ease-in-out;
     }

     #navi .sub-menu li:first-child {
         padding-top: 5px;
     }

     #navi .sub-menu li:last-child {
         padding-bottom: 5px;
     }

     #navi .sub-menu li:hover a {
         background: #1a2e59;
         color: #fff;
     }
     #navi .sub-menu li:hover a::after {
         display: none;
     }

/* Custom Home Button */
#navi .navi-home-custom {
    font-size: 0;
    width: 23px;
    height: 24px;
    background: url(images/home-icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding-right: 45px;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#navi .navi-home-custom:hover {
    background: url(images/home-icon-hover.png) no-repeat;
}

    #navi .navi-home-custom a {
        display: block;
        padding: 12px 20px 12px 0;
    }


/* FIXED HEADER */
.header-wrapper.fixed {
    padding: 15px 0;
    background: rgba(0,0,0,.3);
}

    .header-wrapper.fixed .header-contact-wrapper {
        opacity: 0;
        padding: 0 0 27px 0;
        margin-top: -24px;
    }


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

/* Global */

body{
	font-family: 'Muli', sans-serif;
    font-weight: 400;
	font-size: 15px;
	background: #FFF;
	color: #1a2e57;
	margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

a, a:visited, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}

.sidebar label {
    display: none;
}

.hidden {
    display: none;
}

.slick-slide {
    outline: none;
}

.no-margin-right {
    margin-right: 0 !important;
}

.fp-fix {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* HEADER */
.header-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 0;
    padding: 17px 0;
    z-index: 1030;

    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

    .header-logo-wrapper {
        width: 100%;
        position: relative;
        padding-top: 12px;
    }

        .header-logo-wrapper img {
            width: 100%;
            max-width: 264px;
        }

    .header-contact-wrapper {
        width: 100%;
        display: block;
        text-align: right;
        padding-bottom: 20px;

        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

        .header-contact-wrapper span {
            display: inline-block;
            vertical-align: middle;
            font-family: 'Merriweather', serif;
            font-style: italic;
            font-size: 14px;
            color: #ffffff;
            padding-left: 4px;
        }

        .header-contact-wrapper .header-phone {
            display: inline-block;
            vertical-align: middle;
            font-size: 0;
            width: 15px;
            height: 15px;
            background: url(images/phone-icon.png) no-repeat;
        }

        .header-contact-wrapper .header-mail {
            /*display: inline-block;
            vertical-align: bottom;
            font-size: 0;
            width: 22px;
            height: 13px;
            background: url(images/mail-icon.png) no-repeat;
            margin-left: 19px;*/
                display: inline-block;
                vertical-align: bottom;
                font-size: 0;
                width: 22px;
                height: 15px;
                background: url(images/mail-icon.png) no-repeat;
                margin-left: 13px;
                margin-right: 1px;
        }

    .nav-wrapper {
        width: 100%;
        display: block;
        text-align: right;
    }

/* SLIDESHOW */
.slideshow-wrapper {
    width: 100%;
    position: relative;
    font-size: 0;
    z-index: 1;
}
    .slideshow-holder {
        width: 100%;
        position: relative;
    }

        .slideshow-overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(0,0,0,.35);
            z-index: 2;
        }

/* CTA */
.cta-wrapper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 43.1%;
    font-size: 0;
    z-index: 3;
}

    .cta-box {
        width: 100%;
        height: 54px;
        position: relative;

        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .cta-box:hover {
        -webkit-animation-name: hvr-bounce-float, hvr-bounce;
        animation-name: hvr-bounce-float, hvr-bounce;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -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;
    }

    .cta-lines {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 0;

        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        transition: all 1s;
    }

        .cta-lines::before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 100%;
            height: 100%;
            background: transparent;
            border: 1px solid rgba(255,255,255,0.1);
            opacity: 0;
            font-size: 0;

            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -ms-transition: all 1s;
            transition: all 1s;
        }

            .cta-box:hover .cta-lines::before {
                opacity: 1;
                border-radius: 50%;
                max-width: 215px;
                max-height: 215px;
            }

        .cta-lines::after {
            content: '';
            position: absolute;
            left: .5px;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 100%;
            height: 100%;
            background: transparent;
            border: 1px solid rgba(255,255,255,0.1);
            opacity: 0;
            font-size: 0;

            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -ms-transition: all 1s;
            transition: all 1s;
        }

            .cta-box:hover .cta-lines::after {
                opacity: 1;
                border-radius: 50%;
                max-width: 206px;
                max-height: 206px;
            }

        .cta-box a {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            font-size: 0;
            border: 1px solid #ffffff;

            transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transition: all 1s;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
        }

            .cta-box:hover a {
                border-radius: 50%;
                background: #1a2e59;
                border: transparent;
                width: 230px;
                height: 230px;
                box-shadow: 0 0 0 18px rgba(26,46,89,.21);
            }

            .cta-box a:before {
                content: '';
                width: 0%;
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }

            .cta-box a span {
                font-size: 16px;
                font-weight: 700;
                text-transform: uppercase;
                vertical-align: middle;
                display: inline-block;
                color: #ffffff;
            }

            .cta-box:hover a span {
                max-width: 200px;
            }

/* QUICK SEARCH */
.qs-wrapper {
    width: 100%;
    position: absolute;
    bottom: 68px;
    left: 0;
    font-size: 0;
    z-index: 4;
}

    .qs-box {
        width: 100%;
        position: relative;
        /*background: rgba(26,46,89,.8);*/
    }


    .qs-tabs {
        width: 100%;
        position: relative;
        font-size: 0;
    }

        .qs-tabs a {
            width: 15.78%;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            background: #444444;
            padding: 18px 10px;
            margin-right: 2px;
            text-align: center;

            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -ms-transition: all .25s;
            transition: all .25s;
        }

            .qs-tabs a:hover {
                background: #555555;
            }

        .qs-tabs a.qs-tab-active {
            background: #1a2e59;
        }

            .qs-tabs a.qs-tab-active:hover {
                background: #1a2e59;
            }

            .qs-tabs a span {
                font-size: 16px;
                font-weight: 700;
                color: #ffffff;
                text-transform: uppercase;
            }

    .qs-content {
        width: 100%;
        position: relative;
        font-size: 0;
        background: rgba(26,46,89,.8);
    }

        .qs-body {
            width: 100%;
            position: relative;
            padding: 18px 17px 17px;
           
            opacity: 0;
            display: none;
        }

            .qs-body-active {
                opacity: 1;
                display: block;
            }

            .qs-content form {
                width: 100%;
                display: inline-block;
            }

                .qs-large {
                    width: 18.3%;
                    padding: 0 2.5px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                }
                .qs-property {
                    padding-left: 0;
                }
                .qs-city {
                    width: 14.4%;
                }

                .qs-small {
                    width: 9.9%;
                    padding: 0 2.5px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                }

                    .qs-large select, .qs-small select {
                        width: 100%;
                        background: transparent url(images/dropdown-arrow.png) no-repeat scroll right 9px center;
                        border: none;
                        border: 1px solid rgba(255,255,255,.45);
                        padding: 10px;
                        font-size: 11px;
                        font-weight: 400;
                        text-transform: uppercase;
                        color: #ffffff;
                        outline: none;
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                    }
                    .qs-large select option, .qs-small select option{
                        color: black;
                    }

                    .qs-large select::-ms-expand, .qs-small select::-ms-expand {
                        display: none;
                    }

                    .qs-large .dropup .dropdown-menu {
                        top: 36px !important;
                    }

                .qs-search {
                    width: 13.8%;
                    padding: 0 7px 0 2.5px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                }

                    .qs-search input {
                        width: 100%;
                        background: #ffffff;
                        padding: 10px 0;
                        border: 1px solid rgba(255,255,255,.45);
                        font-size: 11px;
                        font-weight: 400;
                        color: #1a2e59;
                        text-transform: uppercase;

                        -webkit-transition: all .25s;
                        -moz-transition: all .25s;
                        -ms-transition: all .25s;
                        transition: all .25s;
                    }

                        .qs-search input:hover {
                            background: transparent;
                            color: #ffffff;
                        }

                .qs-advanced {
                    width: 13.8%;
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                }

                    .qs-advanced a {
                        display: block;
                        width: 100%;
                        height: 100%;
                        padding: 10px 0;
                        border: 1px solid rgba(255,255,255,.45);
                        font-size: 11px;
                        font-weight: 400;
                        background: transparent;
                        color: #ffffff;
                        text-align: center;
                        text-transform: uppercase;

                        -webkit-transition: all .25s;
                        -moz-transition: all .25s;
                        -ms-transition: all .25s;
                        transition: all .25s;
                    }

                        .qs-advanced a:hover {
                            background: #ffffff;
                            color: #1a2e59;
                        }

/*OUR COMMUNITIES */
.comm-container {
    width: 100%;
    position: relative;
    font-size: 0;
    padding: 85px 0;
}

    .comm-title {
        width: 100%;
        position: relative;
        padding-bottom: 30px;
    }

        .comm-title span {
            display: block;
            font-size: 32px;
            font-weight: 700;
            text-transform: uppercase;
            color: #444444;
            line-height: 32px;
        }

            .comm-title span > span {
                color: #1a2e59;
            }

    .comm-details {
        width: 93.05%;
        margin-left: 25px;
        padding: 37px 0 0 43px;
        position: relative;
    }

        .comm-details::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 41px;
            height: 44px;
            background: url(images/comm-detail-banner.png) no-repeat;
        }

        .comm-inner {
            position: relative;
            width: 100%;
            min-height: 150px;
        }

        .comm-details-holder {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            display: none;

            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -ms-transition: all .25s;
            transition: all .25s;
        }

            .comm-active {
                opacity: 1;
                display: block;
            }

            .comm-details span.comm-detail-name {
                font-size: 20px;
                font-weight: 700;
                color: #1a2e59;
                text-transform: uppercase;
                display: block;
            }

            .comm-details span.comm-detail-text {
                display: block;
                font-size: 14px;
                font-weight: 300;
                color: #666666;
                padding: 18px 0;
            }

            .comm-details a.comm-detail-more {
                display: block;
                font-size: 13px;
                font-family: 'Merriweather', serif;
                font-style: italic;
                color: #1a2e59;
            }

                .comm-details a.comm-detail-more:hover {
                    color: #444;
                }

    .comm-list {
        width: 100%;
        position: relative;
        padding-top: 27px;
    }

        .comm-list ul li {
            width: 32%;
            display: inline-block;
            margin: 0;
            margin-right: 15px;
            margin-bottom: 17px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

            .comm-list ul li a {
                display: block;
                width: 100%;
                font-size: 14px;
                font-weight: 300;
                color: #919191;
                text-align: center;
                text-transform: uppercase;
                padding: 20px;
                border: 1px solid #c4c4c4;
                background: transparent;

                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                transition: all .25s;
            }

                .comm-list ul li a:hover {
                    border: 1px solid #000000;
                    color: #000000;
                }

                .comm-list ul li a.comm-l-active {
                    border: 1px solid #1a2e59;
                    background: #1a2e59;
                    color: #ffffff;
                }

                .comm-list ul li a.comm-l-active:hover {
                    border: 1px solid #1a2e59;
                    background: #1a2e59;
                    color: #ffffff;
                }

/* WELCOME SECTION */
.welcome-container {
    width: 100%;
    position: relative;
    font-size: 0;
}

    .welcome-inner {
        width: 100%;
        position: relative;
        padding: 100px 0 140px;
        font-size: 0;
        border-top: 1px solid #e0e0e0;
    }

        .agent-photo {
            width: 100%;
            position: relative;
        }

            .agent-photo img {
                max-width: 100%;
            }

        .welcome-right {
            width: 100%;
            position: relative;
            padding-left: 35px;
        }

            .welcome-main {
                width: 100%;
                position: relative;
                border-bottom: 1px solid #e0e0e0;
                padding-bottom: 32.5px;
            }

                .welcome-title {
                    padding-bottom: 40px;
                }

                    .welcome-title h1 {
                        font-size: 14px;
                        font-weight: 700;
                        color: #444444;
                        text-transform: uppercase;
                        display: block;
                    }
                    .welcome-title h2 {
                        font-size: 32px;
                        font-weight: 700;
                        color: #1a2e59;
                        text-transform: uppercase;
                        line-height: 30px;
                    }

                .welcome-text-holder {

                }

                    .welcome-text-holder p {
                        font-size: 15px;
                        font-weight: 300;
                        color: #666666;
                        padding: 10px 0;
                        line-height: 25px;
                    }

                        .welcome-text-holder p a:hover {
                            color: #1a2e59;
                        }                         

            .welcome-contacts {
                width: 100%;
                position: relative;
                padding: 45px 0;
            }

                .welcome-phone-holder {
                    display: inline-block;
                    vertical-align: middle;
                    padding-right: 21px;
                }

                    .welcome-phone-holder span {
                        display: block;
                        font-family: 'Merriweather', serif;
                        font-size: 18px;
                        font-style: italic;
                        color: #1a2e59;
                    }

                    .welcome-phone-holder span + span {
                        font-family: 'Muli', sans-serif;
                        font-size: 10px;
                        font-weight: 400;
                        font-style: normal;
                        color: #7e7e7e;
                        text-transform: uppercase;
                    }

                .welcome-smi-holder {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .welcome-smi-holder a {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: 28px;
                        color: #717171;
                        padding: 0 21px;

                        -webkit-transition: all .25s;
                        -moz-transition: all .25s;
                        -ms-transition: all .25s;
                        transition: all .25s;
                    }

                    .welcome-smi-holder .welcome-mail {
                        font-size: 20px;
                    }

                        .welcome-smi-holder a:hover {
                            color: #1a2e59;
                        }

            .subscribe-holder {
                width: 100%;
                max-width: 264px;
                height: 64px;
            }

                .subscribe-holder a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    padding: 13px 0;
                    text-align: center;
                    border: 1px solid #1a2e59;
                    background: #1a2e59;

                    -webkit-transition: all .25s;
                    -moz-transition: all .25s;
                    -ms-transition: all .25s;
                    transition: all .25s;
                }

                    .subscribe-holder a span:first-child {
                        font-family: 'Merriweather', serif;
                        font-size: 12px;
                        font-style: italic;
                        color: #ffffff;
                        display: block;

                        -webkit-transition: all .25s;
                        -moz-transition: all .25s;
                        -ms-transition: all .25s;
                        transition: all .25s;
                    }
                    .subscribe-holder a span:last-child {
                        font-size: 20px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #ffffff;
                        line-height: 15px;

                        -webkit-transition: all .25s;
                        -moz-transition: all .25s;
                        -ms-transition: all .25s;
                        transition: all .25s;
                    }

                        .subscribe-holder a:hover {
                            background: transparent;
                        }

                        .subscribe-holder a:hover span:first-child {
                            color: #1a2e59;
                        }

                        .subscribe-holder a:hover span:last-child { 
                            color: #1a2e59;
                        }

/* FEATURED PROPERTIES */
.fp-wrapper {
    width: 100%;
    position: relative;
    font-size: 0;
    background: #000000;
    padding: 90px 0 110px;
}

.fp-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/fp-bg.jpg) center center no-repeat;
    background-size: cover;
    opacity: .57;
}

    .fp-holder {
        width: 100%;
        position: relative;
        padding: 0 68px;
    }

        .fp-inner {
            width: 100%;
            position: relative;
        }

            .fp-image-holder {
                width: 100%;
                max-width: 555px;
                position: absolute;
                top: 70px;
                left: 0;
                box-shadow: 0px 0px 20px 3px rgba(0,0,0,.5);
                z-index: 2;
            }

                .fp-image-item {
                    display: block;
                    /*max-width: 555px;*/
                    /*margin: 0 auto;*/
                }

                    .fp-image-item a {
                        display: block;
                        position: relative;
                        background: #000;
                    }

                        .fp-img {
                            height: 366px;
                            background-position: center;
                            background-size: cover;
                            position: relative;
                        }

                        .fp-image-item a:hover .fp-img {
                            opacity: .8;
                        }

            .fp-details-holder {
                width: 100%;
                max-width: 552px;
                min-height: 486px;
                position: relative;
                background: rgba(255,255,255,.2);
                border: 1px solid #ffffff;
                margin: auto 0 auto auto;
                padding: 45px 68px 50px 165px;
                z-index: 1;
            }

                .fp-details-title {
                    position: relative;
                    padding: 0 0 40px 4px;
                }

                    .fp-details-title::before {
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        max-width: 165px;
                        height: 1px;
                        background: #ffffff;
                    }

                    .fp-details-title span {
                        font-size: 36px;
                        font-weight: 600;
                        color: #ffffff;
                        text-transform: uppercase;
                        line-height: 33px;
                    }

                        .fp-details-title span > em {
                            font-style: normal;
                            padding-left: 30px;

                        }

                .fp-details-slick {
                    position: relative;
                }

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

                        .fp-price {
                            width: 100%;
                            position: relative;
                            padding: 33px 0 6px;
                        }

                            .fp-price span {
                                font-size: 48px;
                                font-weight: 600;
                                color: #ffffff;
                                line-height: 48px;
                            }

                        .fp-bed-bath {
                            width: 100%;
                            position: relative;
                        }

                            .fp-bed-bath span {
                                font-size: 14px;
                                font-weight: 600;
                                color: #ffffff;
                                display: inline-block;
                                vertical-align: middle;
                            }

                            span.fp-divider {
                                font-size: 15px;
                                padding: 0 8px;
                                vertical-align: bottom;
                                font-weight: 400;
                            }

                        .fp-address {
                            width: 100%;
                            position: relative;
                            padding: 33px 0;
                        }

                            .fp-address span {
                                text-transform: capitalize;
                                font-size: 18px;
                                font-weight: 600;
                                color: #ffffff;
                            }

                        a.fp-more {
                            display: block;
                            width: 216px;
                            height: 56px;
                            font-size: 18px;
                            font-weight: 600;
                            color: #ffffff;
                            text-align: center;
                            text-transform: uppercase;
                            padding: 14px 0;
                            background: transparent;
                            border: 1px solid rgba(210,210,210,.5);

                            -webkit-transition: all .25s;
                            -moz-transition: all .25s;
                            -ms-transition: all .25s;
                            transition: all .25s;
                        }

                            a.fp-more:hover {
                                background: #1a2e59;
                                border: 1px solid #1a2e59;
                            }

            .fp-wrapper .slick-prev, .fp-wrapper .slick-next {
                position: absolute;
                top: 50%;
                margin-top: -25px;
                font-size: 0;
                border: none;
                outline: none;
                width: 20px;
                height: 50px;

                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                transition: all .25s;
            }
            .fp-wrapper .slick-prev:hover, .fp-wrapper .slick-next:hover {
                opacity: .4;
            }
            .fp-wrapper .slick-prev {
                left: 15px;
                background: url(images/fp-prev.png) no-repeat;
            }
            .fp-wrapper .slick-next {
                right: 15px;
                background: url(images/fp-next.png) no-repeat;
            }

/* TESTIMONIALS */
.testi-wrapper {
    width: 100%;
    position: relative;
    font-size: 0;
    background: url(images/testi-bg.jpg) no-repeat;
    background-size: cover;
    padding: 95px 0;
}

    .testi-wrapper::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(26, 46, 89, .95);
    }

    .testi-title {
        width: 100%;
        position: relative;
        text-align: center;
    }

        .testi-title h2 {
            font-size: 36px;
            font-weight: 300;
            color: #ffffff;
            text-transform: uppercase;
        }

            .testi-title h2 > span {
                font-weight: 600;
                line-height: 26px;
            }

    .testi-quote {
        width: 100%;
        position: relative;
        text-align: center;
        padding: 28px 0;
    }

        .testi-quote img {
            max-width: 100%;
        }

    .testi-slick {
        width: 100%;
        position: relative;
    }

        .testi-item {
            width: 100%;
            max-width: 840px;
            margin: 0 auto;
        }

            .testi-text {
                width: 100%;
                position: relative;
                text-align: center;
            }

                .testi-text p {
                    font-size: 15px;
                    font-weight: 300;
                    color: #ffffff;
                    line-height: 30px;
                    letter-spacing: .3px;
                }

            .testi-author {
                width: 100%;
                position: relative;
                text-align: center;
                padding-top: 30px;
            }

                .testi-image {
                    width: 100%;
                    height: auto;
                    max-width: 88px;
                    max-height: 88px;
                    border: 1px solid rgba(255,255,255,.5);
                    border-radius: 50%;
                    margin: 0 auto;
                    overflow: hidden;
                }

                    .testi-image img {
                        display: block;
                        max-width: 100%;
                        height: auto;
                        border-radius: 50%;
                        border: 3px solid transparent;
                    }

                .testi-name {
                    width: 100%;
                    position: relative;
                    padding-top: 15px;
                    text-align: center;
                }

                    .testi-name span {
                        font-size: 16px;
                        font-weight: 700;
                        color: #ffffff;
                        text-transform: uppercase;
                    }

                    .testi-name span a:hover {
                        color: #a29999;
                    }

                    .testi-image img:hover {
                        opacity: .8;
                    }

        .testi-wrapper .slick-prev, .testi-wrapper .slick-next {
            position: absolute;
            top: 50%;
            margin-top: -25px;
            font-size: 0;
            border: none;
            outline: none;
            width: 12px;
            height: 22px;

            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -ms-transition: all .25s;
            transition: all .25s;
        }
        .testi-wrapper .slick-prev:hover, .testi-wrapper .slick-next:hover {
            opacity: .4;
        }
        .testi-wrapper .slick-prev {
            left: 15px;
            background: url(images/testi-prev.png) no-repeat;
        }
        .testi-wrapper .slick-next {
            right: 15px;
            background: url(images/testi-next.png) no-repeat;
        }

/* FOOTER */
.footer-wrapper {
    width: 100%;
    position: relative;
    font-size: 0;
    padding: 50px 0 75px;
    text-align: center;
    background: #343434;
}

    .footer-links {
        position: relative;
        width: 100%;
        text-align: center;
    }

        .footer-links a {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            max-width: 320px;
            height: 80px;
            background: rgba(26,46,87,0);
            border: 1px solid #ffffff;
            text-align: center;
            padding: 10px 15px;
            margin: 0 10px;
            font-size: 20px;
            font-weight: 400;
            color: #ffffff;

            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .footer-links a:hover {

                background: rgba(26,46,87,1);
                border: 1px solid #1a2e57;
            }

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

        .footer-logo {
            display: inline-block;
            vertical-align: top;
            padding-top: 40px;
        }

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

        .footer-berkshire {
/*            display: inline-block;*/
            vertical-align: top;
            margin-top: 30px;
            display: block;
        }

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

        .footer-smi {
            width: 100%;
            position: relative;
            padding: 40px 0;
        }

            .footer-phone-holder {
                display: inline-block;
                vertical-align: middle;
                padding-right: 21px;
            }

                .footer-smi .footer-phone-icon {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 0;
                    width: 15px;
                    height: 15px;
                    background: url(images/phone-icon.png) no-repeat;
                }

                .footer-phone-holder span {
                    display: inline-block;
                    vertical-align: middle;
                    font-family: 'Merriweather', serif;
                    font-size: 14px;
                    font-style: italic;
                    color: #ffffff;
                    padding-left: 4px;
                }

            .footer-smi-holder {
                display: inline-block;
                vertical-align: middle;
            }

                .footer-smi-holder a {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 18px;
                    color: #ffffff;
                    padding: 0 11px;

                    -webkit-transition: all .25s;
                    -moz-transition: all .25s;
                    -ms-transition: all .25s;
                    transition: all .25s;
                }

                .footer-smi-holder .footer-mail {
                    font-size: 14px;
                }

                    .footer-smi-holder a:hover {
                        color: #717171;
                    }

        .footer-navs {
            width: 100%;
            position: relative;
            padding: 5px 0;
        }

            .footer-navs li {
                display: inline-block;
                vertical-align: middle;
                font-size: 12px;
                font-weight: 400;
                color: #b6b6b6;
                text-transform: uppercase;
                padding: 0 16px;
            }

            .footer-navs .navi-home-custom {
                display: none;
            }

                .footer-navs li a:hover {
                    color: #ffffff;
                }

        .footer-copyright {
            width: 100%;
            position: relative;
            font-size: 11px;
            font-weight: 400;
            color: #b6b6b6;
            padding: 10px;
            line-height: 18px;
        }

            .footer-copyright a:hover {
                color: #ffffff;
            }

        .footer-realtor-logo {
            width: 100%;
            position: relative;
            padding-top: 25px;
        }

            .footer-realtor-logo span {
                display: inline-block;
                vertical-align: middle;
                font-size: 20px;
                color: #535353;
                padding: 0 2.5px;
            }
            .footer-realtor-logo span:first-child, 
            .footer-realtor-logo span:last-child {
                font-size: 26px;
            }

/* 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);
  }
}
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

/* 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%; padding: 15px; background: #7e7e7e;margin-top: 23px;}

/* 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 { 

}

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

}

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

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

/* IP BANNER */
.ip-banner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    max-height: 300px;
    background: url(images/ip-banner.jpg) center center no-repeat;
    background-size: cover;
}

 /*SIDEBAR */
.sidebar .qs-wrapper {
 width: 100%;
 position: relative;
 font-size: 0;
 background: none;
 padding: 0 0 25px;
 bottom: 0;
}

.sidebar .qs-large {
    width: 100%;
    margin-bottom: 5px;
}
    .sidebar .qs-property {
        padding-left: 2.5px;
    }

.sidebar .qs-city {
    width: 100%;
}

.sidebar .qs-small {
    width: 50%;
    margin-bottom: 5px;
}

.sidebar .qs-search {
    width: 100%;
    padding: 0 2.5px;
    margin-bottom: 5px;
}

.sidebar .qs-advanced {
    width: 100%;
    padding: 0 2.5px;
}

.sidebar .cta-box {
    margin: 15px 0;
}

    .sidebar .cta-box:hover {
        -webkit-animation-name: unset;
        animation-name: unset;
    }

.sidebar .cta-box a {
    width: 100%;
    height: 54px;
    position: relative;
    display: block;
    left: 0;
    top: 0;
    border: 1px solid #ffffff;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
}

    .sidebar .cta-box:hover a {
        width: 100%;
        height: 100%;
        border-radius: 0;
        box-shadow: none;
        background: #1a2e59;
        border: 1px solid #1a2e59;
        transform: none;
         : none;
        -webkit-transform: none;
    }

    .sidebar .cta-box a span {
        font-size: 12px;
    }

        .sidebar .cta-box:hover a span {
            max-width: 100%;
        }

    .sidebar .cta-lines {
        display: none;
    }

.amh-navigation .amh-menu li:hover > a, .amh-navigation .amh-menu li.open > a {
    background: #1a2e59;
}

.qs-content .bootstrap-select.btn-group .dropdown-menu.inner,
.side-qs .bootstrap-select.btn-group .dropdown-menu.inner{
    max-height: 235px !important;
}

#content .archive-thumbnail a:hover{
    opacity: .7;
}

#content .archive-subtitle a:hover,
#content .archive-more:hover {
    color: #6f91d6;
}

.page-id-0 #content ul{
    margin-left: 0 !important;
    padding: 0 !important;
}

span.context-email a:hover {
    color: #5498d4;
}

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

ul.sitemap-list a:hover {
    color: #74a2de;
}

table.financial-option-table td {
   padding: 5px 7px;
}

.side-qs .bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
}

#ihf-main-container div#ihf-detail-features-tab .title-bar-1 {
    margin: 0 15px;
}

/*media all*/
.wpcr3_respond_2 input[type='text'],
.wpcr3_respond_2 textarea {
    border: solid 1px rgb(169, 169, 169) !important;
}

.page-id-68 #content a:hover, .page-id-66 #content a:hover {
    color: #74a2de;
}

.page-id-202 .entry-content img:hover {
    opacity: .7;
}

.welcome-smi-holder a.ai-font-instagram {
    font-size: 27px;
}

.welcome-smi-holder a.asis-mailto-obfuscated-email {
    line-height: 1px;
}


.header-contact-wrapper a{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}


.header-contact-wrapper a:hover {
    opacity: 0.5;
}