/*
Theme Name: Kofi Nartey
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.7
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/

/* fonts */
@font-face {
    font-family: 'Harmonia Sans Pro';
    src: url('./fonts/harmonia/HarmoniaSansPro-Light.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-Light.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-Light.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-Light.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-Light.svg#HarmoniaSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Harmonia Sans Pro';
    src: url('./fonts/harmonia/HarmoniaSansPro-Regular.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-Regular.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-Regular.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-Regular.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-Regular.svg#HarmoniaSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Harmonia Sans Pro';
    src: url('./fonts/harmonia/HarmoniaSansPro-Black.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-Black.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-Black.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-Black.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-Black.svg#HarmoniaSansPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Harmonia Sans Pro';
    src: url('./fonts/harmonia/HarmoniaSansPro-BlackItalic.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-BlackItalic.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-BlackItalic.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-BlackItalic.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-BlackItalic.svg#HarmoniaSansPro-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Harmonia Sans Pro';
    src: url('./fonts/harmonia/HarmoniaSansPro-LightItalic.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-LightItalic.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-LightItalic.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-LightItalic.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-LightItalic.svg#HarmoniaSansPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Harmonia Sans Pro Semi Bd';
    src: url('./fonts/harmonia/HarmoniaSansPro-SemiBd.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-SemiBd.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-SemiBd.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-SemiBd.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-SemiBd.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-SemiBd.svg#HarmoniaSansPro-SemiBd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Harmonia Sans Pro';
    src: url('./fonts/harmonia/HarmoniaSansPro-Bold.eot');
    src: url('./fonts/harmonia/HarmoniaSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/harmonia/HarmoniaSansPro-Bold.woff2') format('woff2'),
        url('./fonts/harmonia/HarmoniaSansPro-Bold.woff') format('woff'),
        url('./fonts/harmonia/HarmoniaSansPro-Bold.ttf') format('truetype'),
        url('./fonts/harmonia/HarmoniaSansPro-Bold.svg#HarmoniaSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


/* Sub Menu */
#nav li{
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    /*display: none;*/
    padding: 0;
    position: absolute;
    width:100%;
    min-width:188px;
    left: 50%;
    margin-left: -94px;
    padding-top: 31px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#nav .sub-menu a{
    color: #fff;
    display: block;
    padding: 10px;
    background: rgba(0, 0, 0, 0.75);
}
#nav .sub-menu a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
    left: 1px;
    padding-top: 0 !important;
}
#nav li:hover > .sub-menu{
    /*display: block;*/
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#nav .sub-menu li{
    position: relative;
    display: block;
}


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

/* Global */

body{
	font-family: 'Harmonia Sans Pro';
	font-size: 12px;
	background: #FFF;
	color: #000000;
	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:hover,a:visited,a:focus,input,input:focus,textarea,textarea:focus,select:focus,select{
    outline: none !important;
    text-decoration: none !important;
}

.slick-slide{
    outline: none !important;
}

.label-hide{
    display: none !important;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

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

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

div#main-wrapper{
    overflow: hidden;
    position: relative;
}

body.body-overflow{
    overflow: hidden;
}

/* fixed smi */
.side-fixed-contact {
    position: fixed;
    left: 21px;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
}

    .fixed-smi a {
        font-size: 22px;
        color: #c5c5c5 !important;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        margin: 0 5px;
        pointer-events: auto;
    }

        .fixed-smi em.ai-font-envelope-f {
            font-size: 14px;
        }

            .fixed-smi em.ai-font-devices-mobile {
                font-size: 24px;
            }

                .fixed-smi {
                    font-size: 0;
                    position: relative;
                }

                    .fixed-smi a:hover{
                        color: #a71a20 !important;
                    }

                        .fixed-smi span{
                            display: block;
                            text-align: center;
                            margin: 2px 0;
                        }

                            .fixed-smi::after {
                                content: '';
                                position: absolute;
                                top: -70px;
                                left: 0;
                                right: 0;
                                margin: auto;
                                width: 1px;
                                height: 58px;
                                background: #a71a20;
                            }

/* header */
header.main-header{
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1001;
    background: rgba(0,0,0,.55);
    padding: 20px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .header-inner{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1480px;
        margin: 0 auto;
    }

/* fixed header */
header.main-header.show-fixed{
    background: rgba(0,0,0,.75);
    padding: 11px 15px;
}

    header.main-header.show-fixed .header-logo a{
        max-width: 218px;
    }

        header.main-header.show-fixed nav.header-nav {
            padding: 0 29px;
        }

            header.main-header.show-fixed nav.header-nav ul#nav > li > a{
                font-size: 15px;
            }

                header.main-header.show-fixed nav.header-nav ul#nav > li > a::after {
                    bottom: -17px;
                }

                    header.main-header.show-fixed #nav .sub-menu {
                        padding-top: 17px;
                    }

/*header logo*/
.header-logo a {
    display: block;
    max-width: 295px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*nav*/
nav.header-nav {
    position: relative;
    text-align: left;
    margin-right: auto;
    padding: 0 42px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    nav.header-nav ul#nav{
        font-size: 0;
        position: relative;
        z-index: 5;
    }

        nav.header-nav ul#nav > li{
            margin: 0 17px;
            position: relative;
            display: inline-block;
            vertical-align: top;
        }

            nav.header-nav ul#nav > li > a{
                font-size: 16px;
                text-align: center;
                color: #fff;
                font-weight: 300;
                text-transform: uppercase;
                font-family: 'Harmonia Sans Pro';
                letter-spacing: .7px;
                padding: 5px 2px;
                display: block;
                position: relative;
                z-index: 5;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                nav.header-nav ul#nav > li:first-child{
                    margin-left: 0 !important;
                }

                    nav.header-nav ul#nav > li:last-child{
                        margin-right: 0;
                    }

                        nav.header-nav ul#nav .sub-menu a {
                            color: #fff;
                            padding: 10px 5px;
                            font-size: 14px;
                            font-weight: 300;
                            font-family: 'Harmonia Sans Pro';
                            text-transform: uppercase;
                            text-align: center;
                            letter-spacing: .7px;
                            -webkit-transition: all 0.3s ease-in-out;
                            -moz-transition: all 0.3s ease-in-out;
                            -o-transition: all 0.3s ease-in-out;
                            transition: all 0.3s ease-in-out;
                        }

                            nav.header-nav ul#nav .sub-menu li:hover > a{
                                color: #fff;
                            }

                                nav.header-nav ul#nav > li:hover > a{
                                    /* color: #5b7e96 !important; */
                                }

                                    nav.header-nav ul#nav .sub-menu li{
                                        margin-bottom: 1px;
                                    }

                                        nav.header-nav ul#nav > li > a::after{
                                            content: '';
                                            position: absolute;
                                            bottom: -31px;
                                            left: 50%;
                                            width: 0%;
                                            opacity: 0;
                                            height: 3px;
                                            background: #a71a20;
                                            -webkit-transition: all 0.3s ease-in-out;
                                            -moz-transition: all 0.3s ease-in-out;
                                            -o-transition: all 0.3s ease-in-out;
                                            transition: all 0.3s ease-in-out;
                                        }

                                            nav.header-nav ul#nav > li:hover > a::after{
                                                left: 0;
                                                width: 100%;
                                                opacity: 1;
                                            }

/*burger menu*/
.header-burger-menu {
    width: 90px;
    cursor: pointer;
    padding: 5px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header-burger-menu:hover{
       color: #a71a20; 
    }

        .header-burger-menu span {
            display: block;
            height: 4px;
            background: #a71a20;
            width: 100%;
            margin: 4px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }   

            .header-burger-menu div{
                width: 30px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

                .header-burger-menu:hover span{
                   background: #a71a20;
                }

/*site off*/
.site-offcanvas {
    overflow: hidden;
    position: relative;
}

    .site-offcanvas .offcanvas-backdrop.active {
        visibility: visible;
    }

        .site-offcanvas .offcanvas-backdrop {
            position: fixed;
            z-index: 1002;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            visibility: hidden;
        }

            .slide-menu-content {
                position: fixed;
                bottom: 0;
                right: -50%;
                width: 100%;
                max-width: 596px;
                height: 100%;
                opacity: 0;
                z-index: 1002;
                visibility: hidden;
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
            }

                .slide-menu-content.active {
                    right: 0;
                    opacity: 1;
                    visibility: visible;
                }

                    .slide-menu-inner-content {
                        position: relative;
                        height: 100%;
                        overflow-y: auto;
                        padding: 7.563vw 45px 50px;
                        background: rgba(0,0,0,.85);
                        background-size: auto;
                        background-position: bottom center;
                        z-index: 2;
                    }

                        .close-b-menu {
                            position: absolute;
                            top: 32px;
                            left: 45px;
                            color: #fff;
                            font-size: 24px;
                            cursor: pointer;
                            -webkit-transition: all 0.4s ease-in-out;
                            -moz-transition: all 0.4s ease-in-out;
                            -o-transition: all 0.4s ease-in-out;
                            transition: all 0.4s ease-in-out;
                        }

                            .close-b-menu em{
                                font-weight: 400;
                            }

                                .close-b-menu:hover{
                                    color: #a71a20;
                                }

                            .b-menu-logo a {
                                display: block;
                                max-width: 295px;
                            }

.b-menu {
    max-width: 438px;
    margin-top: 30px;
}

    ul#slidenav {
        font-size: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

        ul#slidenav > li > a {
            display: inline-block;
            padding: 5px 0;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .5px;
            text-transform: uppercase;
            font-family: 'Harmonia Sans Pro';
            text-transform: uppercase;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

        }
            
            ul#slidenav > li ul.sub-menu a{
                font-size: 14px;
                color: #bebebe;
                font-weight: 300;
                font-family: 'Harmonia Sans Pro';
                text-transform: uppercase;
                letter-spacing: .5px;
                padding: 3.5px 0;
                display: inline-block;
            }

                ul#slidenav li a:hover{
                    color: #fff !important;
                }

                    ul#slidenav > li > a:hover{
                        color: #a71a20 !important;
                    }

                    ul#slidenav li ul.sub-menu {
                        margin-top: 7px;
                        margin-bottom: 31px;
                    }

                        ul#slidenav > li:nth-child(6) {
                            /*margin-top: 97px;*/
                            margin-top: 43px;
                        }

                            ul#slidenav li ul.sub-menu li {
                                margin-bottom: 4px;
                            }

                                ul#slidenav > li {
                                    margin-bottom: 3px;
                                }
.b-menu-contact-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    border-bottom: solid 1px #2f2f2f;
    max-width: 493px;
    padding-bottom: 11px;
}

    .b-menu-contact {
        max-width: 210px;
        width: 100%;
    }

        .b-menu-contact span a {
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            font-family: 'Harmonia Sans Pro';
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            letter-spacing: .2px;
        }

            .b-menu-contact span a:hover,
            .b-menu-smi a:hover{
                color: #a71a20 !important;
            }

                .b-menu-contact em.ai-font-phone {
                    font-size: 15px;
                    top: 2px;
                    margin-right: 3px;
                    color: #a71a20;
                }

                    .b-menu-smi a {
                        font-size: 19px;
                        color: #fff !important;
                        display: inline-block;
                        vertical-align: middle;
                        padding: 5px;
                        -webkit-transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        transition: all 0.4s ease-in-out;
                        margin: 0 5px;
                    }

                        .b-menu-smi em.ai-font-envelope-f {
                            font-size: 13px;
                        }

                            .b-menu-smi em.ai-font-devices-mobile {
                                font-size: 17px;
                            }

                                .b-menu-smi {
                                    font-size: 0;
                                }

.slide-gt-holder {
    position: relative;
    z-index: 5;
    padding-top: 17px;
    max-width: 493px;
    font-size: 0;
}

    .slide-gt-title {
        font-size: 16px;
        color: #a71a20;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Harmonia Sans Pro';
        margin-bottom: 19px;
        letter-spacing: .6px;
    }

        .slide-gt-form{
            font-size: 0;
            max-width: 960px;
            margin: 0 auto;
        }

            .slide-gt-form input,
            .slide-gt-form textarea {
                font-size: 14px;
                width: 100%;
                font-weight: 300;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                text-transform: uppercase;
                height: 30px;
                color: #787878;
                font-family: 'Harmonia Sans Pro';
                padding: 0 0;
                border-radius: 0;
                resize: none;
                border: none;
                border-bottom: solid 1px rgba(68,68,68,1);
                letter-spacing: .3px;
                resize: none;
            }

                .slide-gt-form textarea {
                    padding-top: 8px;
                }

                    .slide-gt-fields.slide-gt-textarea {
                        width: calc(100% / 3 * 2);
                        margin-bottom: 17px;
                    }

                        .slide-gt-fields {
                            position: relative;
                            width: 100%;
                            display: inline-block;
                            padding: 0 5px;
                            vertical-align: top;
                            margin-bottom: 11px;
                            width: calc(100% / 3);
                        }

                            .slide-gt-form div.wpcf7 .ajax-loader {
                                display: block;
                                position: absolute;
                                right: 0;
                                left: 0;
                                margin: auto;
                            }

                                .slide-gt-form span.wpcf7-not-valid-tip {
                                    font-size: 11px;
                                }

                                    .slide-gt-form span.wpcf7-form-control-wrap {
                                        display: block;
                                    }

                                        .slide-gt-form div.wpcf7-response-output {
                                            margin: 7px auto 0 !important;
                                            position: absolute;
                                            width: calc(100% - 10px);
                                            font-size: 12px;
                                            color: #fff;
                                            text-align: center;
                                            left: 0;
                                            right: 0;
                                            margin-top: 0;
                                        }

                                            .slide-gt-form form {
                                                position: relative;
                                            }

                                        .slide-gt-fields.slide-gt-btn {
                                            width: 100%;
                                            padding: 0;
                                            max-width: 132px;
                                        }

                                    .slide-gt-fields.slide-gt-btn input {
                                        max-width: 152px;
                                        height: 44px;
                                        background: #fff;
                                        color: #a71a20;
                                        border: none;
                                        letter-spacing: 1px;
                                        margin: 0 auto;
                                        display: block;
                                        -webkit-transition: all 0.4s ease-in-out;
                                        -moz-transition: all 0.4s ease-in-out;
                                        -o-transition: all 0.4s ease-in-out;
                                        transition: all 0.4s ease-in-out;
                                    }

                                .slide-gt-fields.slide-gt-btn input:hover{
                                    background: #a71a20;
                                    color: #fff;
                                }

                            .slide-gt-fields.slide-gt-checkbox {
                                width: calc(100% - 132px);
                                margin-bottom: 0;
                                padding-top: 8px;
                            }

                        .slide-gt-fields.slide-gt-checkbox span.wpcf7-list-item-label {
                            font-size: 14px;
                            color: #787878;
                            font-weight: 300;
                            font-family: 'Harmonia Sans Pro';
                            margin-left: 0;
                            text-transform: uppercase;
                            letter-spacing: .3px;
                            cursor: pointer;
                            padding-left: 26px;
                            line-height: 1.25;
                        }

                    .slide-gt-fields.slide-gt-checkbox input {
                        -webkit-appearance: checkbox;
                        -moz-appearance: none;
                        height: auto;
                        width: auto;
                        position: absolute;
                        opacity: 0;
                        left: 0;
                    }

                .slide-gt-fields.slide-gt-checkbox span.wpcf7-list-item {
                    display: inline-block;
                    position: relative;
                }

            .slide-gt-fields.slide-gt-checkbox span.wpcf7-list-item.first.last label {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
            }

        .slide-gt-fields.slide-gt-checkbox input:checked + span.wpcf7-list-item-label:after {
            content: '';
            display: block;
            position: absolute;
            top: 1px;
            left: 6px;
            width: 6px;
            height: 11px;
            border: solid #797979;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .slide-gt-fields.slide-gt-checkbox span.wpcf7-list-item-label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #797979;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 7.5px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 0;
        margin-top: -2px;
        position: absolute;
        left: 0;
        top: 1px;
    }

        .slide-gt-fields.slide-gt-checkbox span.wpcf7-form-control.wpcf7-checkbox {
            text-align: left;
            display: block;
        }

            .slide-gt-form {
                margin: 0 -5px;
            }

/*slideshow*/
.slideshow-area,
.slider-holder {
    position: relative;
}

    .slider-holder .cycle-slide::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #1d1d1d;
        opacity: 0;
    }

        .slider-holder::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(images/slide-overlay.png) no-repeat;
            background-size: cover;
            background-position: center;
            z-index: 1;
            opacity: .4;
        }

/* welcome */
section.welcome-area{
    position: relative;
    z-index: 5;
    padding: 0 0 124px;
    background: #fff;
}

    section.welcome-area .container{
        position: relative;
        z-index: 5;
    }

        section.welcome-area::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(images/wc-bg.jpg) no-repeat;
            background-size: cover;
            background-position: center;
            z-index: 1;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            opacity: .05;
        }

            .wc-photo {
                position: relative;
                margin-top: -40px;
                margin-right: -90px;
                margin-left: -15px;
            }

                h1.wc-title {
                    font-size: 55px;
                    color: #a71a20;
                    font-weight: 700;
                    text-transform: uppercase;
                    font-family: 'Harmonia Sans Pro';
                    line-height: 1;
                    position: relative;
                    padding-bottom: 37px;
                    margin-bottom: 29px;
                }

                    h1.wc-title span{
                        display: block;
                        font-size: 20px;
                        font-weight: 300;
                        color: #272827;
                        letter-spacing: 4px;
                        margin-bottom: 9px;
                    }

                        .wc-content {
                            margin: 77px 0 0;
                        }

                            h1.wc-title::after{
                                content: '';
                                position: absolute;
                                bottom: 0;
                                right: -15px;
                                width: 383px;
                                height: 4px;
                                background: url(images/border.jpg) no-repeat;
                                background-position: center;
                                background-size: cover;
                            }

                                .wc-text p {
                                    font-size: 20px;
                                    color: #272827;
                                    font-weight: 300;
                                    font-family: 'Harmonia Sans Pro';
                                    line-height: 1.75;
                                    letter-spacing: .43px;
                                    padding-bottom: 15px;
                                }

                                    .wc-text {
                                        padding-right: 20px;
                                        margin-bottom: 34px;
                                    }

                                        .wc-link a {
                                            display: block;
                                            background: transparent;
                                            color: #a71a20;
                                            border: 1px solid #a71a20;
                                            text-align: center;
                                            text-transform: uppercase;
                                            font-family: 'Harmonia Sans Pro';
                                            max-width: 147px;
                                            height: 41px;
                                            line-height: 41px;
                                            font-size: 15px;
                                            letter-spacing: 1px;
                                            -webkit-transition: all 0.4s ease-in-out;
                                            -moz-transition: all 0.4s ease-in-out;
                                            -o-transition: all 0.4s ease-in-out;
                                            transition: all 0.4s ease-in-out;
                                        }

                                            .wc-link a:hover{
                                                background: #a71a20;
                                                color: #fff;
                                            }

/* properties */
section.featured-properties-area{
    position: relative;
    padding: 106px 0 87px;
}

    section.featured-properties-area::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(images/fp-bg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        z-index: 1;
    }

        .fp-holder{
            position: relative;
            z-index: 5;
        }

            .fp-title {
                font-size: 70px;
                text-align: center;
                color: #fff;
                text-transform: uppercase;
                font-weight: 700;
                font-family: 'Harmonia Sans Pro';
                margin-bottom: 90px;
            }

                .fp-title span{
                    display: block;
                    font-size: 20px;
                    font-weight: 300;
                    margin-bottom: 6px;
                    letter-spacing: 4px;
                }

                    .fp-list-holder {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

                        .fp-list{
                            width: 50%;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-flex-wrap: wrap;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            margin-bottom: 99px;
                        }

                            .fp-photo {
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                                width: 56%;
                            }

                                .fp-photo a{
                                    display: block;
                                    position: relative;
                                }

                                    .fp-photo a canvas{
                                        display: block;
                                        width: 100%;
                                        background: #000;
                                        opacity: 0;
                                        -webkit-transition: all 0.4s ease-in-out;
                                        -moz-transition: all 0.4s ease-in-out;
                                        -o-transition: all 0.4s ease-in-out;
                                        transition: all 0.4s ease-in-out;
                                    }

                                        .fp-photo a:hover canvas{
                                            opacity: .2;
                                        }

                                            .fp-details{
                                                width: 44%;
                                                padding: 0 42px 0;
                                            }

                                                .fp-label {
                                                    font-size: 40px;
                                                    color: #fff;
                                                    font-weight: 700;
                                                    text-transform: uppercase;
                                                    font-family: 'Harmonia Sans Pro';
                                                    line-height: .98;
                                                    position: relative;
                                                    padding-bottom: 26px;
                                                    margin-bottom: 24px;
                                                }

                                            .fp-label::after{
                                                content: '';
                                                position: absolute;
                                                bottom: 0;
                                                left: -42px;
                                                width: 168px;
                                                height: 4px;
                                                background: url(images/border.jpg) no-repeat;
                                                background-position: center;
                                                background-size: cover;
                                                opacity: .8;
                                            }

                                        .fp-text p {
                                            font-size: 15px;
                                            color: #fff;
                                            font-weight: 300;
                                            font-family: 'Harmonia Sans Pro';
                                            letter-spacing: .4px;
                                            line-height: 1.6;
                                            padding-bottom: 15px;
                                        }

                                    .fp-learn a {
                                        display: block;
                                        background: #fff;
                                        color: #a71a20;
                                        text-align: center;
                                        text-transform: uppercase;
                                        font-family: 'Harmonia Sans Pro';
                                        max-width: 147px;
                                        height: 41px;
                                        line-height: 41px;
                                        font-size: 15px;
                                        letter-spacing: 1px;
                                        -webkit-transition: all 0.4s ease-in-out;
                                        -moz-transition: all 0.4s ease-in-out;
                                        -o-transition: all 0.4s ease-in-out;
                                        transition: all 0.4s ease-in-out;
                                    }

                                .fp-learn a:hover{
                                    background: #a71a20;
                                    color: #fff;
                                }

                                .fp-learn {
                                    margin-top: auto;
                                }

                            .fp-text {
                                margin-bottom: 4px;
                            }

                        .fp-details-inner {
                            max-width: 236px;
                            height: 100%;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -webkit-flex-direction: column;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            padding: 12px 0 0;
                            -webkit-box-pack: justify;
                            -webkit-justify-content: space-between;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                        }

                    .fp-list:nth-child(3),
                    .fp-list:nth-child(4){
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: reverse;
                        -webkit-flex-direction: row-reverse;
                        -ms-flex-direction: row-reverse;
                        flex-direction: row-reverse;
                    }

                .fp-list:nth-child(3) .fp-details,
                .fp-list:nth-child(4) .fp-details{
                    padding: 0 25px;
                }

            .fp-list:nth-child(3) .fp-details .fp-details-inner,
            .fp-list:nth-child(4) .fp-details .fp-details-inner{
                margin: 0 0 0 auto;
            }

        .fp-list:nth-child(3) .fp-label::after,
        .fp-list:nth-child(4) .fp-label::after{
            left: auto;
            right: -25px;
        }

    .fp-view-all a {
        display: block;
        background: #fff;
        color: #a71a20;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Harmonia Sans Pro';
        max-width: 217px;
        height: 41px;
        line-height: 41px;
        font-size: 15px;
        letter-spacing: 1px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        margin: 0 auto;
    }

        .fp-view-all a:hover{
            background: #a71a20;
            color: #fff;
        }

            .fp-view-all {
                padding: 2px 15px;
            }

/* get in touch */
section.get-in-touch-area{
    position: relative;
    background: #fff;
    padding: 74px 0 68px;
}

    section.get-in-touch-area::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: url(images/border.jpg) repeat-x;
        background-position: center;
        z-index: 2;
    }

        section.get-in-touch-area::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(images/gt-bg.jpg) no-repeat;
            background-position: center;
            background-size: cover;
            z-index: 1;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            opacity: .07;
        }

            .gt-holder{
                position: relative;
                z-index: 5;
            }

                .gt-title {
                    text-align: center;
                    font-size: 70px;
                    color: #000;
                    font-weight: 900;
                    text-transform: uppercase;
                    font-family: 'Harmonia Sans Pro';
                    margin-bottom: 56px;
                }

                    .gt-form{
                        font-size: 0;
                        max-width: 960px;
                        margin: 0 auto;
                    }

                        .gt-form input,
                        .gt-form textarea {
                            font-size: 15px;
                            width: 100%;
                            font-weight: 400;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            background: transparent;
                            text-transform: uppercase;
                            height: 56px;
                            color: #000;
                            font-family: 'Harmonia Sans Pro';
                            padding: 0 0;
                            border-radius: 0;
                            resize: none;
                            border: none;
                            border-bottom: solid 1px rgba(39,40,39,.25);
                            letter-spacing: .3px;
                        }

                            .gt-form textarea {
                                padding-top: 20px;
                                height: 115px;
                            }

                                .gt-fields.gt-textarea {
                                    width: 100%;
                                    margin-bottom: 33px;
                                }

                                    .gt-fields {
                                        position: relative;
                                        width: 100%;
                                        display: inline-block;
                                        padding: 0 13px;
                                        vertical-align: top;
                                        margin-bottom: 14px;
                                        width: 25%;
                                    }

                                        .gt-form div.wpcf7 .ajax-loader {
                                            display: block;
                                            position: absolute;
                                            right: 0;
                                            left: 0;
                                            margin: auto;
                                        }

                                            .gt-form span.wpcf7-not-valid-tip {
                                                font-size: 11px;
                                            }

                                                .gt-form span.wpcf7-form-control-wrap {
                                                    display: block;
                                                }

                                                    .gt-form div.wpcf7-response-output {
                                                        margin: auto;
                                                        position: absolute;
                                                        width: calc(100% - 26px);
                                                        font-size: 12px;
                                                        color: #000;
                                                        text-align: center;
                                                        left: 0;
                                                        right: 0;
                                                        margin-top: 0;
                                                    }

                                                        .gt-form form {
                                                            position: relative;
                                                        }

                                                    .gt-fields.gt-btn {
                                                        width: 100%;
                                                    }

                                                .gt-fields.gt-btn input {
                                                    max-width: 152px;
                                                    height: 44px;
                                                    background: transparent;
                                                    color: #a71a20;
                                                    border: 1px solid #a71a20;
                                                    letter-spacing: 1px;
                                                    margin: 0 auto;
                                                    display: block;
                                                    -webkit-transition: all 0.4s ease-in-out;
                                                    -moz-transition: all 0.4s ease-in-out;
                                                    -o-transition: all 0.4s ease-in-out;
                                                    transition: all 0.4s ease-in-out;
                                                }

                                            .gt-fields.gt-btn input:hover{
                                                background: #a71a20;
                                                color: #fff;
                                            }

                                        .gt-fields.gt-checkbox {
                                            width: 100%;
                                            margin-bottom: 37px;
                                        }

                                    .gt-fields.gt-checkbox span.wpcf7-list-item-label {
                                        font-size: 15px;
                                        color: #000;
                                        font-weight: 400;
                                        font-family: 'Harmonia Sans Pro';
                                        margin-left: 0;
                                        text-transform: uppercase;
                                        letter-spacing: .3px;
                                        cursor: pointer;
                                        position: relative;
                                        padding-left: 27px;
                                    }

                                .gt-fields.gt-checkbox input {
                                    -webkit-appearance: checkbox;
                                    -moz-appearance: none;
                                    height: auto;
                                    width: auto;
                                    position: absolute;
                                    opacity: 0;
                                    left: 0;
                                }

                            .gt-fields.gt-checkbox span.wpcf7-list-item {
                                display: inline-block;
                                position: relative;
                            }

                        .gt-fields.gt-checkbox span.wpcf7-list-item.first.last label {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 100%;
                        }

                    .gt-fields.gt-checkbox input:checked + span.wpcf7-list-item-label:after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 0px;
                        left: 6px;
                        width: 6px;
                        height: 11px;
                        border: solid #000;
                        border-width: 0 2px 2px 0;
                        transform: rotate(45deg);
                    }

                .gt-fields.gt-checkbox span.wpcf7-list-item-label:before {
                    content: '';
                    -webkit-appearance: none;
                    background-color: transparent;
                    border: 1px solid #000;
                    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);*/
                    padding: 7.5px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                    cursor: pointer;
                    margin-right: 9px;
                    margin-top: -2px;
                    position: absolute;
                    left: 0;
                }

            .gt-fields.gt-checkbox span.wpcf7-form-control.wpcf7-checkbox {
                text-align: center;
                display: block;
            }

/* footer */
footer.main-footer {
    background: #000;
    position: relative;
    padding: 62px 0 68px;
}

    footer.main-footer .container{
        position: relative;
        z-index: 5;
    }

        footer.main-footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(images/ftr-bg.jpg) no-repeat;
            background-position: center;
            background-size: cover;
            background-attachment: fixed;
            z-index: 1;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            opacity: .1;
        }

            .ftr-right {
                text-align: right;
                margin-top: 15px;
            }

                footer.main-footer::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
                    z-index: 2;
                }

/* footer logo */
.footer-logos {
    text-align: center;
    margin-bottom: 25px;
}

    .footer-logos span {
        display: inline-block;
        vertical-align: middle;
        padding: 0 23px 25px;
    }

        .footer-logos span a{
            display: inline-block;
        }

/*footer nav*/
nav.footer-nav {
    max-width: 433px;
}

    ul.footernav {
        font-size: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

        ul.footernav > li > a {
            display: inline-block;
            padding: 5px 0;
            color: #afafaf;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: .5px;
            text-transform: uppercase;
            font-family: 'Harmonia Sans Pro';
            text-transform: uppercase;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

        }
            
            ul.footernav > li ul.sub-menu a{
                font-size: 13px;
                color: #636363;
                font-weight: 600;
                font-family: 'Harmonia Sans Pro';
                text-transform: uppercase;
                letter-spacing: .5px;
                padding: 3.5px 0;
                display: inline-block;
            }

                ul.footernav li a:hover{
                    color: #fff !important;
                }

                    ul.footernav li ul.sub-menu {
                        margin-top: 7px;
                        margin-bottom: 27px;
                    }

                        ul.footernav > li:nth-child(6) {
                            /*margin-top: 104px;*/
                            margin-top: 35px;
                        }

.footer-copyright {
    text-align: right;
    line-height: 1.8;
    margin-top: 14px;
    letter-spacing: .5px;
    margin-bottom: 22px;
    border-bottom: solid 1px #505050;
    padding-bottom: 15px;
    display: inline-block;
}

    .footer-copyright,
    .footer-copyright a {
        font-size: 14px;
        color: #959494;
        font-family: 'Harmonia Sans Pro';
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .footer-copyright a:hover,
        .footer-copyright a[href="https://www.agentimage.com"]:hover{
            color: #fff !important;
        }

            .footer-copyright a[href="https://www.agentimage.com"]{
                text-decoration: underline !important;
                color: #7e173a;
            }   

                .footer-copyright span{
                    color: #d3d3d3;
                }

                .mls {
                    text-align: right;
                    font-size: 46px;
                    color: #e0e0e0;
                }

                    .mls em {
                        opacity: .65;
                    }

                        .mls span{
                            position: relative;
                            display: inline-block;
                        }

                            .mls span i {
                                font-size: 11.5px;
                                font-family: 'Lato', sans-serif;
                                font-style: normal;
                                position: absolute;
                                right: 0;
                                color: #838383;
                                top: -2px;
                            }
                                                                                                     
/*******************************************************
 *
 * 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);
        opacity: 0;
    }
    .ip-banner::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(images/slide-overlay.png) no-repeat;
        background-size: cover;
        background-position: center;
        z-index: 1;
        opacity: .4;
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 450px;
        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: 74%; }
#content-full #content { width: 100%; }

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

/* 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 { 
    color: #a71a20;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Harmonia Sans Pro';
    font-size: 30px;
}

#content .entry {
    color: #000;
    font-weight: 400;
    font-family: 'Harmonia Sans Pro';
    line-height: 1.75;
    letter-spacing: .43px;
    font-size: 16px;
}

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

}

p#breadcrumbs {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Harmonia Sans Pro';
    color: #8b8a8a;
    position: relative;
    z-index: 5;
}

p#breadcrumbs span.breadcrumb_last strong {
    text-decoration: underline;
}

p#breadcrumbs span.breadcrumb_last {
    color: #a71a20;
}

.grecaptcha-badge {
    z-index: 999;
}
	 
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */