/*
Theme Name: The Brokeredge
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
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 */
#nav li {
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width:200px;
    left: -150%;
    right: -150%;
    margin: auto;
    padding-top: 13px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    text-align: center;
    transition: 0.35s ease-in-out;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
}
    .fixed-header #nav .sub-menu {
        padding-top: 25px;
    }
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: transparent;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
    margin-right: 0;
    left: 0;
    padding-top: 0;
}
#nav li:hover > .sub-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(00px);
}
#nav .sub-menu li {
    position: relative;
    width: 100%;
    background: #7c7c7c;
    border-bottom: 1px solid #909090;
    transition: 0.35s ease-in-out;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
}
    #nav .sub-menu li:last-child {
        border-bottom: 0;
    }
    #nav .sub-menu li:hover {
        background: #afafaf;
    }
        .fixed-header #nav .sub-menu li {
            background: #d1d1d1;
        }
            .fixed-header #nav .sub-menu li:hover {
                background: #7c7c7c;
            }


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

/* Global */

body{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
    letter-spacing: 0;
    font-weight: 300;
	background: #FFF;
	color: #222222;
    line-height: 1.9;
	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; */
}

#main-wrapper {
    overflow: hidden;
}
.aios-mobile-header-wrapper {
    z-index: 1031 !important;
}
/***HEADER***/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    font-size: 0;
    letter-spacing: 0;
    padding: 23px 0;
    background: transparent;
    transition: 0.35s ease-in-out;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
}
    .header.fixed-header {
        background: #d1d1d1;
        padding: 3.5px 0;
    }
    .header-left {
        text-align: left;
    }
        .header-logo {
            position: relative;
        }
            .header-logo img {
                width: 100%;
                max-width: 233px;
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
            .header-logo img:last-child {
                width: 100%;
                max-width: 182px;
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 6px;
                opacity: 0;
                pointer-events: none;
            }
                .header.fixed-header .header-logo img:last-child {
                    opacity: 1;
                    pointer-events: auto;
                }
                .header.fixed-header .header-logo img:first-child {
                    opacity: 0;
                    pointer-events: none;
                }
    .header-right {
        text-align: right;
    }
        .header-right .navigation {
            margin-top: 32px;
            transition: 0.35s ease-in-out;
            -webkit-transition: 0.35s ease-in-out;
            -moz-transition: 0.35s ease-in-out;
            -o-transition: 0.35s ease-in-out;
        }
            .fixed-header .header-right .navigation {
                margin-top: 25px;
            }
            .header-right .navigation #nav {

            }
                .header-right .navigation #nav > li {
                    position: relative;
                    margin: 0 16px;
                }
                    .header-right .navigation #nav > li:first-child {
                        margin-left: 0;
                    }
                    .header-right .navigation #nav > li:last-child {
                        margin-right: 0;
                    }
                    .header-right .navigation #nav > li:before {
                        content: '';
                        position: absolute;
                        top: -1px;
                        right: -18px;
                        width: 1px;
                        height: 12px;
                        background: #d1d1d1;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .fixed-header .header-right .navigation #nav > li:before {
                            background: #000000;
                        }
                        .header-right .navigation #nav > li:last-child:before {
                            display: none;
                        }
                    .header-right .navigation #nav li a {
                        font-family: 'Muli', sans-serif;
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 1;
                        letter-spacing: 0.075em;
                        color: #ffffff;
                        text-transform: uppercase;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .header-right .navigation #nav > li:hover > a {
                            text-shadow: 0.5px 0 1px #ffffff;
                        }
                        .fixed-header .header-right .navigation #nav > li:hover > a {
                            text-shadow: 0 0 1px #000000;
                        }
                        .fixed-header .header-right .navigation #nav li a {
                            color: #000000;
                        }

/***END OF HEADER***/

/***UPPERFOLD***/

.upperfold-sec {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
}
    
    /*SLIDESHOW*/

    .slideshow-wrap {
        position: relative;
    }
        .slideshow-wrap:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            z-index: 1;
        }
        .slideshow-wrap:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 270px;
            background: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0));
            z-index: 1;
        }

    /*END OF SLIDESHOW*/

    /*TAGLINE*/

    .tagline-wrap {
        position: absolute;
        top: 39%;
        width: 100%;
        z-index: 2;
    }
        .tagline-inner {
            position: relative;
            text-align: center;
        }
            .tagline-inner:before {
                content: '';
                vertical-align: middle;
                display: inline-block;
                width: 0;
                height: 100%
            }
            .tagline {
                vertical-align: middle;
                display: inline-block;
            }
                .tagline h2 {
                    font-family: 'Muli', sans-serif;
                    font-size: 50px;
                    line-height: 1;
                    letter-spacing: -0.025em;
                    font-weight: 700;
                    color: #fffefe;
                    /*text-transform: uppercase;*/
                }
                .tagline div {
                    font-family: 'Muli', sans-serif;
                    font-size: 20px;
                    line-height: 1;
                    letter-spacing: 0;
                    font-weight: 400;
                    color: #fffefe;
                    /*text-transform: uppercase;*/
                    margin-top: 7px;
                }

    /*END OF TAGLINE*/

    /*CTA*/

    .cta-wrap {
        position: absolute;
        bottom: 17%;
        width: 100%;
        left: 0;
        z-index: 2;
    }
            .cta-list:first-child {
                text-align: right;
            }
            .cta-list:last-child {
                text-align: left;
            }
            .cta-list a {
                display: inline-block;
                width: 100%;
                max-width: 390px;
                margin: auto;
            }
                .cta-list a:hover .cta-item {
                    border: 1px solid #d1d1d1;
                }
                .cta-list a:hover .cta-item:after {
                    width: 100%;
                    right: 0;
                    left: auto;
                    transform-origin: right;
                }
                .cta-list a:hover .cta-item span {
                    color: #000000;
                }
                .cta-item {
                    position: relative;
                    height: 60px;
                    width: 100%;
                    background: transparent;
                    text-align: center;
                    border: 1px solid #ffffff;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .cta-item:before {
                        content: '';
                        vertical-align: middle;
                        display: inline-block;
                        width: 0;
                        height: 100%;
                    }
                    .cta-item:after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0;
                        height: 100%;
                        z-index: -1;
                        background: #d1d1d1;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                    .cta-item span {
                        vertical-align: middle;
                        display: inline-block;
                        line-height: 1;
                        font-family: 'Muli', sans-serif;
                        font-size: 16px;
                        letter-spacing: 0.4em;
                        text-transform: uppercase;
                        color: #ffffff;
                        font-weight: 700;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }

    /*END OF CTA*/

/***END OF UPPERFOLD***/

/***FIXED SMI***/

.fixed-smi-wrap {
    position: fixed;
    top: 34%;
    right: 40px;
    z-index: 3;
    font-size: 0;
    letter-spacing: 0;
}
    .fixed-smi {
        position: relative;
    }
        .fixed-smi:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: 97px auto 0;
            width: 1px;
            height: 40px;
            background: #ffffff;
            transition: 0.35s ease-in-out;
            -webkit-transition: 0.35s ease-in-out;
            -moz-transition: 0.35s ease-in-out;
            -o-transition: 0.35s ease-in-out;
        }
        .fixed-smi:after {
            content: 'Connect With Us';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            letter-spacing: 0.075em;
            font-size: 12px;
            font-weight: 400;
            color: #ffffff;
            margin: 157px auto 0;
            text-transform: uppercase;
            writing-mode: vertical-rl;
            height: 130px;   
            line-height: 34px;     
            transition: 0.35s ease-in-out;
            -webkit-transition: 0.35s ease-in-out;
            -moz-transition: 0.35s ease-in-out;
            -o-transition: 0.35s ease-in-out;
        }
            .fixed-smi.scrolled:after {
                color: #000000;
                text-shadow: 0 0 1px #000000;
            }
            .fixed-smi.scrolled:before {
                background: #000000;
            }
        .fixed-smi a {
            position: relative;
            display: block;
            width: 34px;
            height: 34px;
            text-align: center;
            margin: 8px 0;
        }
            .fixed-smi a:first-child {
                margin-top: 0;
            }
            .fixed-smi a:last-child {
                margin-bottom: 0;
            }
            .fixed-smi a:before {
                content: '';
                vertical-align: middle;
                display: inline-block;
                width: 0;
                height: 100%;
            }
            .fixed-smi a:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                background: #636363;
                border: 1px solid transparent;
                border-radius: 50%;
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
                .fixed-smi a:hover:after {
                    transform: scale(1.15);
                    border: 1px solid #ffffff;
                }
            
            .fixed-smi-wrap a i {
                font-size: 20px;
                vertical-align: middle;
                display: inline-block;
                color: #ffffff;
                position: relative;
                z-index: 2;
                pointer-events: none;
            }

/***END OF FIXED SMI***/

/***IN THE MEDIA***/

.itm-sec {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    padding: 80px 0 85px;
}
    .itm-left-col {

    }
        .itm-left-col:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 100%;
        }
    .itm-left-wrap {
        vertical-align: middle;
        display: inline-block;
        text-align: center;
    }
        .itm-left-wrap h2 {
            font-family: 'Muli', sans-serif;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0.1em;
            color: #666666;
            text-transform: uppercase;
            line-height: 1;
        }
            .itm-left-wrap h2 span {
                display: block;
                font-size: 35px;
                color: #000000;
                margin-top: 2px;
            }
        .itm-left-wrap img {
            display: block;
            width: 100%;
            max-width: 476px;
            margin: 52px auto 0;
        }
        .itm-btn {
            width: 165px;
            height: 50px;
            background: transparent;
            border: 1px solid #000000;
            display: inline-block;
            line-height: 50px;
            font-family: 'Muli', sans-serif;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            text-align: center;
            margin-top: 71px;
            position: relative;
            transition: 0.35s ease-in-out;
            -webkit-transition: 0.35s ease-in-out;
            -moz-transition: 0.35s ease-in-out;
            -o-transition: 0.35s ease-in-out;
        }
            .itm-btn:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 100%;
                z-index: -1;
                background: #000000;
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
            .itm-btn:hover {
                color: #ffffff;
            }
            .itm-btn:hover:before {
                width: 100%;
                right: 0;
                left: auto;
                transform-origin: right;
            }

        .itm-right-wrap {
            width: calc((100vw - 1140px) / 2 + 100%); 
            position: relative;
        }
            .itm-right-wrap canvas {
                display: block;
                width: 100%;
            }
            .itm-right-wrap video {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.8);
                z-index: 1;
            }
                .itm-right-wrap video:hover + .itm-play-btn {
                    opacity: 0.67;
                }
            .itm-play-btn {
                width: 85px;
                height: 85px;
                border-radius: 50%;
                background-image: url(images/play-btn.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                z-index: 2;
                opacity: 0.67;
                cursor: pointer;
                pointer-events: auto;
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
                .itm-play-btn.btn-hide {
                    opacity: 0;
                }
                .itm-play-btn:hover {
                    opacity: 1;
                    box-shadow: 0 0 8px 0 #000;
                }

/***END OF IN THE MEDIA***/

/***WELCOME***/

.welcome-sec {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    padding-top: 115px;
    padding-bottom: 92px;
}   
    .welcome-sec:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(images/welcome-bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.18;
        filter: grayscale(1);
        z-index: -2;
    }
    .welcome-sec:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,1) 5%, rgba(255,255,255,0.2));
        z-index: -1;
    }
    .welcome-sec h2 {
        display: none;
    }
    .welcome-wrap {
        text-align: center;
    }
        .welcome-wrap > img {
            width: 100%;
            display: inline-block;
            max-width: 360px;
        }
        .welcome-text {
            margin: 71px -32px 0;
        }
            .welcome-text p {
                font-size: 13px;
                letter-spacing: 0;
                font-weight: 400;
                color: #222222;
                line-height: 1.9;
            }
            .welcome-btn {
                width: 165px;
                height: 50px;
                background: transparent;
                border: 1px solid #000000;
                display: inline-block;
                line-height: 50px;
                font-family: 'Muli', sans-serif;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                text-align: center;
                margin-top: 60px;
                z-index: 1;
                position: relative;
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
                .welcome-btn:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 0;
                    height: 100%;
                    z-index: -1;
                    background: #000000;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                .welcome-btn:hover {
                    color: #ffffff;
                }
                .welcome-btn:hover:before {
                    width: 100%;
                    right: 0;
                    left: auto;
                }

/***END OF WELCOME***/

/***FEATURED PROPERTIES***/

    .fp-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        padding-top: 102px;
    }

        .fp-sec h2 {
            font-family: 'Muli', sans-serif;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0.1em;
            color: #666666;
            text-transform: uppercase;
            line-height: 1;
            text-align: center;
        }
            .fp-sec h2 span {
                display: block;
                font-size: 35px;
                color: #000000;
                margin-top: 2px;
            }
            /*.fp-container {
                max-width: 1600px;
            }*/
            .fp-slide {
                margin: 45px -3px 0;
            }
            .fp-list {
                padding: 0 3px;
                position: relative;
                
            }
                .fp-list a {
                    display: inline-block;
                    width: 100%;
                }
                    .fp-list a:hover .fp-details {
                        transform: translateY(0);
                    }
                    .fp-item {
                        position: relative;
                        width: 100%;
                        overflow: hidden;
                    }
                        .fp-item canvas {
                            width: 100%;
                            background-size: cover;
                            background-position: center center;
                            background-repeat: no-repeat;
                        }
                        .fp-details {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            z-index: 1;
                            text-align: center;
                            transform: translateY(100%);
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                            .fp-details:before {
                                content: '';
                                display: inline-block;
                                vertical-align: middle;
                                width: 0;
                                height: 100%;
                            }
                            .fp-details:after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: rgba(209,209,209,0.95);
                                z-index: -1;
                            }
                                .fp-details > div {
                                    text-align: center;
                                    display: inline-block;
                                    vertical-align: middle;
                                    font-family: 'Muli', sans-serif;
                                    color: #000000;
                                }
                                .fp-price {
                                    font-size: 30px;    
                                    line-height: 1;
                                    font-weight: 700;
                                    letter-spacing: 0;
                                }
                                .fp-address {
                                    font-size: 15px;    
                                    line-height: 1.3;
                                    font-weight: 600;
                                    letter-spacing: 0.2em;
                                    width: 100%;
                                    max-width: 330px;
                                    margin-top: 14px;
                                }
                                .fp-bb {
                                    margin-top: 27px;
                                }
                                    .fp-bb span {
                                        position: relative;
                                        line-height: 1;
                                        letter-spacing: 0.05em;
                                        font-size: 12px;
                                        font-weight: 600;
                                        padding: 0 10px;
                                    }
                                        .fp-bb span:first-child:before {
                                            content: '';
                                            position: absolute;
                                            top: 1px;
                                            right: 0;
                                            height: 12px;
                                            width: 1px;
                                            background: #000000;
                                        }
                                .fp-vd {
                                    width: 165px;
                                    height: 50px;
                                    background: transparent;
                                    border: 1px solid #000000;
                                    display: inline-block;
                                    line-height: 50px;
                                    font-family: 'Muli', sans-serif;
                                    font-size: 12px;
                                    font-weight: 700;
                                    letter-spacing: 0.2em;
                                    text-transform: uppercase;
                                    text-align: center;
                                    margin-top: 30px;
                                }

/***END OF FEATURED PROPERTIES***/

/***SOLD PROPERTIES***/

    .sp-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        padding-top: 57px;
        padding-bottom: 6px;
    }

        .sp-sec h2 {
            font-family: 'Muli', sans-serif;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0.1em;
            color: #666666;
            text-transform: uppercase;
            line-height: 1;
            text-align: center;
        }
            .sp-sec h2 span {
                display: block;
                font-size: 35px;
                color: #000000;
                margin-top: 2px;
            }
            /*.sp-container {
                max-width: 1600px;
            }*/
            .sp-slide {
                margin: 45px -3px 0;
            }
            .sp-list {
                padding: 0 3px;
                position: relative;
                
            }
                .sp-list a {
                    display: inline-block;
                    width: 100%;
                }
                    .sp-list a:hover .sp-details {
                        transform: translateY(0);
                    }
                    .sp-item {
                        position: relative;
                        width: 100%;
                        overflow: hidden;
                    }
                        .sp-item canvas {
                            width: 100%;
                            background-size: cover;
                            background-position: center center;
                            background-repeat: no-repeat;
                        }
                        .sp-details {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            z-index: 1;
                            text-align: center;
                            transform: translateY(100%);
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                            .sp-details:before {
                                content: '';
                                display: inline-block;
                                vertical-align: middle;
                                width: 0;
                                height: 100%;
                            }
                            .sp-details:after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: rgba(209,209,209,0.95);
                                z-index: -1;
                            }
                                .sp-details > div {
                                    text-align: center;
                                    display: inline-block;
                                    vertical-align: middle;
                                    font-family: 'Muli', sans-serif;
                                    color: #000000;
                                }
                                .sp-price {
                                    font-size: 30px;    
                                    line-height: 1;
                                    font-weight: 700;
                                    letter-spacing: 0;
                                }
                                .sp-address {
                                    font-size: 15px;    
                                    line-height: 1.3;
                                    font-weight: 600;
                                    letter-spacing: 0.2em;
                                    width: 100%;
                                    max-width: 330px;
                                    margin-top: 14px;
                                }
                                .sp-bb {
                                    margin-top: 27px;
                                }
                                    .sp-bb span {
                                        position: relative;
                                        line-height: 1;
                                        letter-spacing: 0.05em;
                                        font-size: 12px;
                                        font-weight: 600;
                                        padding: 0 10px;
                                    }
                                        .sp-bb span:first-child:before {
                                            content: '';
                                            position: absolute;
                                            top: 1px;
                                            right: 0;
                                            height: 12px;
                                            width: 1px;
                                            background: #000000;
                                        }
                                .sp-vd {
                                    width: 165px;
                                    height: 50px;
                                    background: transparent;
                                    border: 1px solid #000000;
                                    display: inline-block;
                                    line-height: 50px;
                                    font-family: 'Muli', sans-serif;
                                    font-size: 12px;
                                    font-weight: 700;
                                    letter-spacing: 0.2em;
                                    text-transform: uppercase;
                                    text-align: center;
                                    margin-top: 30px;
                                }

/***END OF SOLD PROPERTIES***/

/***TESTIMONIALS***/

.testi-sec {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    padding: 100px 0;
}
    .testi-sec:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        background-image: url(images/testimonials-bg.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        filter: grayscale(1);
    }
    .testi-sec:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: rgba(150,150,150,0.9);
    }
    .testi-wrap {
        position: relative;
        background: rgba(255,255,255,0.75);
        padding: 57px 0;
        text-align: center;
    }
        .testi-wrap:before,
        .testi-wrap:after {
            content: '';
            position: absolute;
            top: calc(50% - 19px);
            left: -23px;
            width: 47px;
            height: 38px;
            background-image: url(images/quote.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            opacity: 0.75;
        }
        .testi-wrap:after {
            left: auto;
            right: -23px;
            transform: scaleX(-1) scaleY(-1);
        }
        .testi-sec h2 {
            font-family: 'Muli', sans-serif;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0.1em;
            color: #000000;
            text-transform: uppercase;
            line-height: 1;
            text-align: center;
        }
            .testi-sec h2 span {
                display: block;
                font-size: 35px;
                margin-top: 2px;
            }

            .testi-slide {
                margin-top: 35px;
                text-align: center;
            }
                .testi-item {
                    text-align: center;
                }
                    .testi-item p {
                        font-size: 13px;
                        font-weight: 400;
                        letter-spacing: 0;
                        line-height: 1.9;
                        color: #000000;
                        padding: 0 90px;
                    }

            .testi-btn-wrap {
                display: inline-block;
                margin-top: 47px;
            }
                .testi-btn-wrap span {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    width: 55px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 26px;
                    color: #000000;
                    border: 1px solid #000000;
                    background: transparent;
                    text-align: center;
                    cursor: pointer;
                    z-index: 1;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                .testi-rm {
                    width: 165px;
                    height: 50px;
                    background: transparent;
                    border: 1px solid #000000;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 50px;
                    font-family: 'Muli', sans-serif;
                    font-size: 12px;
                    font-weight: 700;
                    letter-spacing: 0.2em;
                    text-transform: uppercase;
                    text-align: center;
                    z-index: 1;
                    margin: 0 5px;
                    position: relative;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .testi-btn-wrap span:after,
                    .testi-rm:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0;
                        height: 100%;
                        z-index: -1;
                        background: #000000;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .testi-rm:before {
                            top: 0;
                            width: 100%;
                            height: 0;
                            bottom: auto;
                        }
                    .testi-btn-wrap span:last-child:after {
                        right: 0;
                        left: auto;
                    }
                    .testi-btn-wrap span:hover,
                    .testi-rm:hover {
                        color: #ffffff;
                    }
                    .testi-btn-wrap span:hover:after {
                        width: 100%;
                        right: 0;
                        left: auto;
                    }
                    .testi-rm:hover:before {
                        height: 100%;
                        bottom: 0;
                        top: auto;
                    }
                    .testi-btn-wrap span:last-child:hover:after {
                        width: 100%;
                        left: 0;
                        right: auto;
                    }

/***END OF TESTIMONIALS***/

/***MEET THE TEAM***/

.mtt-sec {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    padding-top: 65px;
    padding-bottom: 70px;
}
    .mtt-right-wrap {
        text-align: center;
        padding-top: 9px;
    }
        .mtt-right-wrap h1 {
            font-family: 'Muli', sans-serif;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0.1em;
            color: #666666;
            text-transform: uppercase;
            line-height: 1;
            text-align: center;
        }
            .mtt-right-wrap h1 span {
                display: block;
                font-size: 35px;
                color: #000000;
                margin-top: 2px;
            }
            .mtt-text-wrap {
                margin-top: 30px;
            }
                .mtt-text-wrap p {
                    font-size: 13px;
                    line-height: 1.9;
                    font-weight: 400;
                    color: #000000;
                    text-align: center;
                    padding: 0 65px;
                    margin-top: 26px;
                }   
                    .mtt-text-wrap p:first-child {
                        margin-top: 0;
                    }
                    .mtt-ln-btn {
                        width: 165px;
                        height: 50px;
                        background: transparent;
                        border: 1px solid #000000;
                        display: inline-block;
                        line-height: 50px;
                        font-family: 'Muli', sans-serif;
                        font-size: 12px;
                        font-weight: 700;
                        letter-spacing: 0.2em;
                        text-transform: uppercase;
                        text-align: center;
                        margin-top: 53px;
                        z-index: 1;
                        position: relative;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .mtt-ln-btn:before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 0;
                            height: 100%;
                            z-index: -1;
                            background: #000000;
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                        .mtt-ln-btn:hover {
                            color: #ffffff;
                        }
                        .mtt-ln-btn:hover:before {
                            width: 100%;
                            right: 0;
                            left: auto;
                        }

    .mtt-left-wrap {
        text-align: right;
    }
        .mtt-slide {
            margin: 0 -14.5px;
        }
            .mtt-slide * {
                outline: 0 !important;
            }
            .mtt-list {
                padding: 0 14.5px;
            }
                .mtt-list a {
                    /*display: inline-block;
                    width: 100%;
                    max-width: 263px;
                    margin: auto;*/
                }
                    .mtt-item {
                        width: 100%;
                        background-image: url(images/agent-bg.jpg);
                        position: relative;
                    }
                        .mtt-item canvas {
                            width: 100%;
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: center center;
                            position: relative;
                            z-index: 1;
							opacity: 1;
							transition: all ease .4s;
							-moz-transition: all ease .4s;
							-webkit-transition: all ease .4s;
                        }
						.mtt-item canvas:hover{
							opacity: .7;
						}

                            .mtt-item .hp-agent-contact-name {
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                width: 100%;
                                background-color: rgba(0,0,0, .70);
                                text-transform: uppercase;
                                color: #fff;
                                font-size: 18px;
                                z-index: 2;
                                text-align: center;
                                letter-spacing: 1px;
                                line-height: 45px;
                            }
        .mtt-btn-wrap {
            display: inline-block;
            top: -75px;
            position: relative;
        }
            .mtt-btn-wrap span {
                position: relative;
                display: inline-block;
                text-align: center;
                width: 51px;
                height: 42px;
                line-height: 42px;
                border: 1px solid #000000;
                background: #ffffff;
                z-index: 1;
                font-size: 22px;
                color: #000000;
                cursor: pointer;
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
                .mtt-btn-wrap span:last-child {
                    margin-left: 15px;
                }
                    .mtt-btn-wrap span:after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0;
                        height: 100%;
                        z-index: -1;
                        background: #000000;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                    .mtt-btn-wrap span:last-child:after {
                        right: 0;
                        left: auto;
                    }
                    .mtt-btn-wrap span:hover{
                        color: #ffffff;
                    }
                    .mtt-btn-wrap span:hover:after {
                        width: 100%;
                        right: 0;
                        left: auto;
                    }
                    .mtt-btn-wrap span:last-child:hover:after {
                        width: 100%;
                        left: 0;
                        right: auto;
                    }
                    

/***END OF MEET THE TEAM***/

/***FOOTER***/

.footer {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    background: #666666;
}
    .footer-col-left {
        padding: 65px 0 103px;
    }
    .footer-left {
        text-align: center;
        position: relative;
        width: 100%;
        max-width: 450px;
    }
        .footer-logo {

        }
            .footer-logo img {
                width: 100%;
                max-width: 392px;
            }
            .footer-contact-wrap {
                margin-top: 37px;
            }
                .realtor-name {
                    font-family: 'Muli', sans-serif;
                    font-size: 15px;
                    letter-spacing: 0.05em;
                    line-height: 1;
                    font-weight: 300;
                    color: #ffffff;
                }
                    .realtor-name > div {
                        text-transform: uppercase;
                        margin-top: 4px;
                    }
                .footer-contact {
                    margin-top: 21px;
                }
                    .footer-contact > div:last-child {
                        margin-top: 4px;
                    }
                    .footer-contact a {
                        font-family: 'Muli', sans-serif;
                        font-size: 15px;
                        letter-spacing: 0.05em;
                        line-height: 1;
                        font-weight: 300;
                        color: #ffffff !important;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .footer-contact a:hover {
                            color: #000000 !important;
                            text-shadow: 0 0 1px #000000;
                        }
                .license {
                    margin-top: 36px;
                }
                    .license > div {
                        font-family: 'Muli', sans-serif;
                        font-size: 15px;
                        letter-spacing: 0.05em;
                        line-height: 1;
                        font-weight: 300;
                        color: #ffffff;
                    }
                        .license > div:last-child {
                            margin-top: 3px;
                        }
                .footer-smi {
                    margin-top: 43px;
                }
                    .footer-smi a {
                        position: relative;
                        height: 40px;
                        width: 40px;
                        display: inline-block;
                        text-align: center;
                        margin: 0 5px;
                    }
                        .footer-smi a:hover:after {
                            transform: scale(1.15);
                            border: 1px solid #000000;
                        }
                        .footer-smi a:before {
                            content: '';
                            display: inline-block;
                            vertical-align: middle;
                            width: 0;
                            height: 100%;
                        }
                        .footer-smi a:after {
                            content: '';
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            margin: auto;
                            height: 40px;
                            width: 40px;
                            border-radius: 50%;
                            background: #d1d1d1;
                            border: 1px solid transparent;
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                        .footer-smi a i {
                            font-size: 24px;
                            color: #666666;
                            display: inline-block;
                            vertical-align: middle;
                            position: relative;
                            z-index: 2;
                        }
                .footer-address {
                    margin-top: 20px;
                }
                    .footer-address a {
                        font-family: 'Muli', sans-serif;
                        font-size: 15px;
                        letter-spacing: 0.05em;
                        line-height: 1;
                        font-weight: 300;
                        color: #ffffff;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .footer-address a:hover {
                            color: #000000;
                            text-shadow: 0 0 1px #000000;
                        }
    .footer-col-right {
        text-align: right;
    }
        .footer-col-right:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: calc((100vw + 1140px) / 2 + 100%);
            background: #5b5b5b;
            height: 100%;
            z-index: 1;
        }
    .footer-right {
        text-align: center;
        padding-top: 85px;
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 430px;
        display: inline-block;
    }
          
        .cf-title {
            font-family: 'Muli', sans-serif;
            font-size: 30px;
            font-weight: 400;
            text-transform: uppercase;
            line-height: 1;
            letter-spacing: 0.1em;
            color: #ffffff;
            text-align: center;
        }
        .footer-right form {
            width: 100%;
            position: relative;
            margin-top: 45px;
        }
            .cf-input-field {
                position: relative;
                display: inline-block;
                margin: 10px 0;
            }
                .cf-input-field.short {
                    width: calc(50% - 7.5px);
                }
                .cf-input-field.long {
                    width: 100%;
                }
                .cf-input-field.submit {
                    width: 190px;
                    background: #d1d1d1;
                    z-index: 1;
                    margin: 17px 0 0;
                }
                    .cf-input-field.submit:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0;
                        height: 100%;
                        z-index: -1;
                        background: #000000;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                    .cf-input-field.submit input[type="submit"]:hover {
                        color: #ffffff;
                    }
                    .cf-input-field.submit:hover:before {
                        width: 100%;
                        right: 0;
                        left: auto;
                    }

                    .cf-input-field:nth-child(3),
                    .cf-input-field:nth-child(5) {
                        margin-left: 15px;
                    }

                .cf-input-field input[type="text"],
                .cf-input-field input[type="email"],
                .cf-input-field textarea {
                    font-family: 'Muli', sans-serif;
                    font-size: 12px;
                    font-weight: 400;
                    letter-spacing: 0;
                    color: #d1d1d1;
                    text-transform: uppercase;
                    width: 100%;
                    height: 50px;
                    border: 0;
                    outline: 0;
                    border-bottom: 1px solid #d1d1d1;
                    background: transparent;
                }
                .cf-input-field textarea {
                    resize: none;
                    height: 85px;
                    padding-top: 12px;
                }
                .cf-input-field input[type="submit"] {
                    width: 100%;
                    height: 50px;
                    text-align: center;
                    font-size: 12px;
                    letter-spacing: 0.2em;
                    font-weight: 500;
                    color: #000000;
                    background: transparent;
                    text-transform: uppercase;
                    border: 0;
                    outline: 0;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                .fb-sign-in {
                    width: 127px;
                    height: 24px;
                    display: inline-block;
                    background-image: url(images/fb-sign-in.jpg);
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin-top: 20px;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .fb-sign-in:hover {
                        opacity: 0.6;
                    }

                    .footer-right div.wpcf7 .ajax-loader {
                        position: absolute;
                        margin: 0px 0 0 15px;
                        top: calc(50% - 8px);
                    }
                    .footer-right .wpcf7-form-control-wrap {
                        display: block;
                    }
                    .footer-right span.wpcf7-not-valid-tip {
                        font-size: 12px;
                    }
                    .footer-right div.wpcf7-response-output {
                        font-size: 12px;
                        color: #ffffff;
                        text-align: center;
                        position: absolute;
                        width: 100%;
                        margin: 42px 0 0 0;
                    }


    .footer-bottom {
        position: relative;
        border-top: 1px solid #7b7b7b;
        padding: 31px 0;
    }
        .footernav {

        }
            .footernav li {
                display: inline-block;
                position: relative;
                padding: 0 12px;
            }
                .footernav li:before {
                    content: '';
                    position: absolute;
                    top: -1px;
                    right: 0;
                    height: 12px;
                    width: 1px;
                    background: #ffffff;
                }
                .footernav li:first-child {
                    padding-left: 0;
                }
                .footernav li:last-child {
                    padding-right: 0;
                }
                    .footernav li:last-child:before {
                        display: none;
                    }
                .footernav li a {
                    font-family: 'Muli', sans-serif;
                    font-size: 12px;
                    line-height: 1;
                    letter-spacing: 0.05em;
                    color: #ffffff;
                    font-weight: 400;
                    text-transform: uppercase;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .footernav li a:hover {
                        color: #000000;
                        text-shadow: 0 0 1px #000000;
                    }

                .copyright {
                    font-family: 'Muli', sans-serif;
                    font-size: 11px;
                    line-height: 1;
                    letter-spacing: 0;
                    color: #ffffff;
                    font-weight: 200;
                    margin-top: 13px;
                }
                    .copyright a {
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .copyright a:hover {
                            color: #000000;
                            text-shadow: 0 0 1px #000000;
                        }
        .realtor-icons {
            text-align: right;
            margin-top: 20px;
        }
            .realtor-icons i {
                display: inline-block;
                vertical-align: middle;
                font-size: 20px;
                color: #d1d1d1;
            }
                .realtor-icons i:nth-child(2) {
                    margin: 0 4px;
                }


/***END FOOTER***/

/***SIDEBAR***/

.sidebar {
    position: relative;
    background: #5b5b5b;
    margin-top: 22px;
    font-size: 0;
    letter-spacing: 0;
    padding: 15px;
    text-align: center;
    font-family: 'Muli', sans-serif;
}
    .sb-logo {

    }
        .sb-logo img {
            width: 100%;
            max-width: 210px;
            margin: auto;
        }
    .sb-contact-wrap {
        position: relative;
    }
        .sb-contact-wrap > div {
            margin: 20px 0;
            font-size: 15px;
            color: #ffffff;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 1;
        }
            .sb-realtor-name {
                font-size: 15px;
                color: #ffffff;
                font-weight: 300;
                letter-spacing: 0;
                line-height: 1;
            }
                .sb-realtor-name > div {
                    text-transform: uppercase;
                }
            .sb-contact a {
                transition: 0.35s ease-in-out;
                -webkit-transition: 0.35s ease-in-out;
                -moz-transition: 0.35s ease-in-out;
                -o-transition: 0.35s ease-in-out;
            }
                .sb-contact a:hover {
                    color: #000000;
                    text-shadow: 0 0 1px #000000;
                }
            .sb-smi a {
                margin: 0 10px;
            } 
                .sb-smi a:hover i {
                    color: #000000 !important;
                }
                .sb-smi a i {
                    font-size: 20px;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }

        .sb-cta-list {
           margin-top: 10px;
           position: relative;
           z-index: 1;
        }
            .sb-cta-list a {
                display: inline-block;
                width: 100%;
                max-width: 330px;
                margin: auto;
            }
                .sb-cta-list a:hover .sb-cta-item {
                    border: 1px solid #d1d1d1;
                }
                .sb-cta-list a:hover .sb-cta-item:after {
                    width: 100%;
                    right: 0;
                    left: auto;
                    transform-origin: right;
                }
                .sb-cta-list a:hover .sb-cta-item span {
                    color: #000000;
                }
                .sb-cta-item {
                    position: relative;
                    height: 72px;
                    width: 100%;
                    background: transparent;
                    text-align: center;
                    border: 1px solid #ffffff;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .sb-cta-item:before {
                        content: '';
                        vertical-align: middle;
                        display: inline-block;
                        width: 0;
                        height: 100%;
                    }
                    .sb-cta-item:after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0;
                        height: 100%;
                        z-index: -1;
                        background: #d1d1d1;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                    .sb-cta-item span {
                        vertical-align: middle;
                        display: inline-block;
                        line-height: 1;
                        font-family: 'Muli', sans-serif;
                        font-size: 20px;
                        letter-spacing: 0em;
                        text-transform: uppercase;
                        color: #ffffff;
                        font-weight: 700;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }

/***END OF SIDEBAR***/

/*******************************************************
 *
 * 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;
        background: rgba(0,0,0,.6);
    }
    .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 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title { 
    font-family: 'Muli', sans-serif;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #000000;
    text-transform: uppercase;
    line-height: 1;
}

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



.agent-holder .agent-contact-detail.agent-contact-lang {
    display: none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*ifh styles*/
#ihf-main-container .nav-tabs {
    padding: 0 !important;
    margin: 0 !important;
}
    ul.chosen-results {
        margin: 0 !important;
        padding: 0 !important;
    }

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

body img[src*="deviceid.trueleadid.com"] {
    display: none;
}
/*End of ihf Styles*/

#content a.itm-btn {
    margin: 0 auto;
    display: block;
}

.ip-container #content strong {
    font-weight: bold;
}

.home #inner-fixed-smi{
    display: none !important;
}