/*
Theme Name: interiorswithinreach.com
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. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Sulphur Point', Arial, Helvetica, Georgia, Sans-serif;
	font-size: 16px;
	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; */
}

#main-wrapper {
    overflow: hidden;
}

a {
    color: inherit;
}
    a:hover, a:focus, em.ai-mobile-phone a:hover {
        outline: none;
        text-decoration: none;
        color: #9db4be;
    }
    .slick-slide, .slick-slide a {
        outline: none;
    }

/*keyframes | Custom animations*/
.animated.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}
.animated.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}
.animated.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}
.animated.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}
.animated.zoomOutSmall {
    animation-name: zoomOutSmall;
}
.animated.slideInUpSmall {
    animation-name: slideInUpSmall;
}
.animated.slideInRightSmall {
    animation-name: slideInRightSmall;
}
.animated.slideInLeftSmall {
    animation-name: slideInLeftSmall;
}

@-webkit-keyframes fadeInUpSmall {
    from { opacity: 0; -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fadeInUpSmall {
    from { opacity: 0; -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes fadeInRightSmall {
    from { opacity: 0; -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fadeInRightSmall {
    from { opacity: 0; -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes fadeInLeftSmall {
    from { opacity: 0; -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fadeInLeftSmall {
    from { opacity: 0; -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes fadeInDownSmall {
    from { opacity: 0; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fadeInDownSmall {
    from { opacity: 0; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes fadeZoomOutSmall {
  from {  opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); }
  to {  opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes fadeZoomOutSmall {
    from {  opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); }
    to {  opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes slideInUpSmall {
    from { -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slideInUpSmall {
    from { -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes slideInRightSmall {
    from { -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slideInRightSmall {
    from { -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes slideInLeftSmall {
    from { -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slideInLeftSmall {
    from { -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes slideInDownSmall {
    from { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slideInDownSmall {
    from { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
    .flex:before, .flex:after {
        display: none;
    }
    .dir-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    .dir-col-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }
    .al-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .al-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;        
    }
    .al-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .ju-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .ju-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .ju-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .ju-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.btn-a, .btn-b {
    display: block;
    width: 216px;
    padding: 16px 15px;
    border: 2px solid #dadada;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    position: relative;
    z-index: 1;
    color: #fff!important;
    text-transform: uppercase;
    transition: background .3s, color .3s, border .3s;
    background: transparent;
}
    .btn-a:before,
    .btn-b:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: -2px;
        bottom: -2px;
        left: -2px;
        width: 6px;
        transition: background .3s, color .3s, border .3s;
        background: #dadada;
    }
    .btn-a:hover {
        border-color: #9e9f99;
        background: #9e9f99;
    }
        .btn-a:hover:before {
            background: #fff;
        }

.btn-b {
    border-color: #9e9f99;
    color: #9e9f99!important;
}
    .btn-b:before {
        background: #9e9f99;
    }
    .btn-b:hover {
        background: #9e9f99;
        color: #fff!important;
    }
        .btn-b:hover:before {
            background: #cdcdcd;
        }

    .btn-a.center,
    .btn-b.center {
        margin-left: auto;
        margin-right: auto;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Josefin Sans', Sans-serif;
}

/*fixed header*/
.active .header-logo img {
    max-width: 110px;
}
.active #nav > li > a {
    padding: 28.5px 0;
}
header.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 102;
    background: #fff;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
    .header-wrapper .container {
        width: 1400px;
        max-width: 100%;
        padding: 0 15px;
    }
        .header-logo {
            width: 15%;
        }
            .header-logo img {
                max-width: 165px;
                width: 100%;
                transition: all .3s;
            }
        .header-navigation {
            width: 85%;
            text-align: right;
        }
            #nav {
                width: 66%;
                padding-right: 40px;
                font-size: 0;
            }
                /* Sub Menu */
                #nav li {
                    position: relative;
                }
                    #nav li a {
                        display: block;
                        font-size: 18px;
                        font-weight: 700;
                        letter-spacing: .03em;
                        line-height: 1;
                        /*color: #5d5c5d;*/
                        color: #63889a;
                        transition: color .3s, background .3s, padding .3s;
                    }
                #nav > li  {
                    display: inline-block;
                    vertical-align: top;
                    margin: 0 20px;
                    position: relative;
                }
                    #nav > li:before {
                        content: '';
                        width: 1px;
                        height: 13px;
                        background: rgba(0,0,0,.1);
                        position: absolute;
                        top: calc(50% - 7px);
                        left: -20px;
                    }
                    #nav > li:first-child {
                        margin-left: 0;
                    }
                        #nav > li:first-child:before {
                            display: none;
                        }
                    #nav > li:last-child {
                        margin-right: 0;
                    }
                    #nav > li > a {
                        padding: 44px 0;
                    }
                        #nav > li:hover > a {
                            color: #5d5c5d;
                        }
                    #nav > li > .sub-menu {
                        left: calc(50% - 115px );
                    }
                    #nav .sub-menu {
                        list-style: none outside none;
                        margin: 0;
                        background: #9db4be;
                        padding: 0;
                        position: absolute;
                        width: 230px;
                        opacity: 0;
                        visibility: hidden;
                        pointer-events: none;
                        transition: all .3s;
                        text-align: center;
                    }
                        #nav .sub-menu a {
                            color: #FFFFFF;
                            padding: 10px;
                        }
                            #nav .sub-menu li:hover > a {
                                background: #fff;
                                color: #5d5c5d;
                            }
                            #nav .sub-menu .sub-menu {
                                margin-left: 100%;
                                top:0;
                            }
                                #nav li:hover > .sub-menu {
                                    opacity: 1;
                                    visibility: visible;
                                    pointer-events: all;
                                }
            .header-contact-info {
                font-size: 0;
                color: #8a979d;
                width: 380px;
                width: 34%;
            }
                .header-contact-info a.asis-mailto-obfuscated-email {
                    margin-right: 22px;
                }
                .header-contact-info .ai-mobile-phone {
                    margin-right: 21px;
                }
                    .header-contact-info .ai-mobile-phone i {
                        margin-right: 11px;
                        font-size: 15px;
                    }
                .header-contact-info .ai-mobile-phone,
                .header-contact-info a.asis-mailto-obfuscated-email {
                    font-size: 12px;
                    display: inline-block;
                    vertical-align: middle;
                }
                    .header-contact-info .ai-mobile-phone a {
                        font: 500 17px/1 'Roboto', Sans-serif;
                        letter-spacing: .05em;
                        line-height: 1;
                    }
                .header-contact-info a.smi {
                    display: inline-block;
                    vertical-align: middle;
                    text-align: center;
                    width: 33px;
                    height: 33px;
                    border-radius: 50%;
                    background: #98a9b1;
                    color: #fff;
                    line-height: 34px;
                    font-size: 15px;
                    margin-left: 9px;
                    transition: border .3s, background .3s, color .3s, opacity .3s;
                }
                    .header-contact-info a.smi:hover {
                        opacity: .6;
                    }


/*side navigation*/
#scroll-down {
    position: fixed;
    top: 42.5%;
    left: 46px;
    z-index: 1003;
    /*transform: translateY(-50%);*/
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
    #scroll-down ul { display: inline-block; }
    #scroll-down ul:after {
        content: '';
        display: block;
        margin: 0 auto;
        width: 19px;
        height: 19px;
        background: url(images/icon-arrow-down.png) 0 0 no-repeat;
    }
        #scroll-down ul li {
            display: block;
            position: relative;
            margin-bottom: 20px;
        }
            #scroll-down ul li .scroll-section-title {
                position: absolute;
                top: 9px;
                right: 46px;
                font-size: 11px;
                color: #fff;
                text-transform: uppercase;
                white-space: nowrap;
                visibility: hidden;
                opacity: 0;
                display: none;
            }
                #scroll-down ul li:hover .scroll-section-title,
                #scroll-down ul li.nav-active-section .scroll-section-title {
                    visibility: visible;
                    opacity: 1;
                }
            #scroll-down ul li a {
                position: relative;
                border: solid 2px transparent;
                display: block;
                width: 11px;
                height: 11px;
                border-radius: 4px;
                cursor: pointer;
                margin: 0 auto;
            }
                #scroll-down ul li.nav-active-section a {
                    border-color: #ffff;
                }
                #scroll-down ul li a::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 7px;
                    height: 7px;
                    background: #fff;
                    border-radius: 3px;
                    transform: translate(-50%, -50%);
                }
                    #scroll-down ul li.nav-active-section a::before {
                        background: transparent;
                    }
                    #scroll-down:not(.vertical-nav-active) ul li:first-child a::before {
                        background: #fff;
                    }
                    #scroll-down.nav-active-section-welcome,
                    #scroll-down.nav-active-section-testimonials {
                        color: #98a9b1;
                    }
                        #scroll-down.nav-active-section-welcome ul:after,
                        #scroll-down.nav-active-section-testimonials ul:after {
                            background-position: -19px 0;
                        }
                        #scroll-down.nav-active-section-welcome ul li:not(.nav-active-section) a::before,
                        #scroll-down.nav-active-section-testimonials ul li:not(.nav-active-section) a::before {
                            background: #98a9b1;
                        }
                            #scroll-down.nav-active-section-welcome ul li.nav-active-section a,
                            #scroll-down.nav-active-section-testimonials ul li.nav-active-section a {
                                border-color: #98a9b1;
                            }
    #scroll-down .scroll-down-text {
        display: block;
        margin-top: 13px;
        font-size: 11px;
        letter-spacing: 0.1em;
        font: 600 12px/1 'Josefin Sans', sans-serif;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    }

/*section 1*/
section.section-1 {
    position: relative;
    overflow: hidden;
}
    #slideshow {
        position: relative;
    }
        #slideshow .cycloneslider .cycloneslider-slide:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,.1);
            z-index: 1;
        }

    .slideshow-tagline {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 85px;
        z-index: 1;
        max-width: 1600px;
        margin: 0 auto;
    }
        .slideshow-tagline:after {
            content: '';
            position: absolute;
            left: 100%;
            width: 100%;
            top: 0;
            bottom: 0;
            background: #3f3b41;
        }
        .slideshow-tagline h2 {
            font-family: 'Edwardian Script ITC';
            font-size: 65px;
            line-height: 1;
            color: #fff;
            text-align: right;
            padding: 11px 3px 20px;
            position: relative;
        }
            .slideshow-tagline h2:before {
                content: '';
                position: absolute;
                z-index: -1;
                top: 0;
                right: -230px;
                bottom: 0;
                width: 919px;
                max-width: 100%;
                background: url(images/overlay-tagline.png) top right/100% auto repeat-y;
            }


/*section 2*/
section.section-2 {
    position: relative;
    background: url(images/bg-welcome.jpg) center/cover no-repeat;
}
    #welcome {
        padding: 107px 0;
    }
        .welcome-content {
            background: #9db4be url(images/bg-welcome-pattern.jpg) center/cover no-repeat;
            padding: 51px 68px 65px;
            color: #fff;
        }
            .welcome-text {
                width: 66.92%;
                padding-right: 7%;
            }
                .welcome-text h1 {
                    font-size: 55px;
                    line-height: 1;
                    letter-spacing: .005em;
                    text-transform: uppercase;
                    margin: 15px 0 29px;
                }
                    .welcome-text h1:after {
                        content: '';
                        display: block;
                        width: 94px;
                        height: 3px;
                        background: #ededed;
                        margin: 21px 0 0;
                    }
                    .welcome-text p {
                        font-size: 16px;
                        line-height: 26px;
                        letter-spacing: .015em;
                    }
                    .welcome-text .btn-a {
                        margin-top: 40px;
                    }
            .welcome-agent {
                width: 33.08%;
                background: #fff;
                position: relative;
            }
                .welcome-agent img {
                    display: block;
                    width: 100%;
                }
                .welcome-agent:after {
                    content: '';
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    height: 11px;
                    background: url(images/shadow-welcome-agent.png) top center/100% auto no-repeat;
                }
                .welcome-agent h2 {
                    font-weight: 600;
                    font-size: 26px;
                    letter-spacing: .005em;
                    color: #3f3b41;
                    text-align: center;
                    margin: 19px 0 13px;
                }
                    .welcome-agent h2:after {
                        content: '';
                        display: block;
                        margin: 8px auto 0;
                        width: 30px;
                        height: 3px;
                        background: #9cadb5;
                    }
                .w-contact {
                    text-align: center;
                }
                .w-email {
                    font-size: 16px;
                    letter-spacing: .015em;
                    color: #545454;
                    margin-bottom: 10px;
                }
                .w-phone {
                    font-size: 0;
                    letter-spacing: .005em;
                    color: #545454;
                    margin-bottom: 15px;
                }
                    .w-phone span {
                        display: inline-block;
                        font-family: 'Roboto', Sans-serif;
                        font-size: 14px;
                        padding: 0 6px;
                        border-right: 1px solid rgba(0,0,0,.2);
                    }
                        .w-phone span:last-child {
                            border-right: none;
                        }
                        .w-phone strong {
                            font-weight: 400;
                            color: #96acb6;
                            text-transform: uppercase;
                        }

                .w-smi {
                    font-size: 0;
                    margin-bottom: 19px;
                }
                    .w-smi a {
                        display: inline-block;
                        vertical-align: top;
                        text-align: center;
                        width: 30px;
                        height: 30px;
                        border-radius: 50%;
                        background: transparent;
                        border: 1px solid #9cadb5;
                        color: #9cadb5;
                        line-height: 30px;
                        font-size: 15px;
                        margin: 0 5px;
                        transition: border .3s, background .3s, color .3s;
                    }
                        .w-smi a:hover {
                            background: #9e9f99;
                            border-color: #9e9f99;
                            color: #fff;
                        }


/*section 3*/
section.section-3 {
    position: relative;
    background: #9db4be url(images/bg-pattern.jpg) center/cover no-repeat;
    overflow: hidden;
}
    #completed-projects {
        position: relative;
        padding: 107px 0;
    }
        .cp-wrapper {
            background: #fff;
            margin: 0 -125px;
            padding: 104px 125px 107px;
        }
            .cp-wrapper h2 {
                text-align: center;
                font-size: 41px;
                letter-spacing: .005em;
                line-height: 1.2;
                color: #63889a;
                margin-bottom: 30px;
            }
                .cp-wrapper h2 span {
                    color: #9e9f99;
                }

            .cp-list {
                position: relative;
            }
                .cp-item {
                    display: block;
                    position: relative;
                    margin: 15px auto 16px;
                    overflow: hidden;
                }
                    .cp-item canvas {
                        display: block;
                        width: 100%;
                        background-size: cover;
                        background-position: center;
                    }
                    .cp-details {
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        height: 74px;
                        background: rgba(63,59,65,.75);
                        text-align: center;
                        padding: 26px 0 0;
                        transition: all .3s;
                    }
                        .cp-details h3 {
                            font-size: 22px;
                            line-height: 1.2;
                            color: #fff;
                        }
                        .cp-details .btn-a {
                            margin: 30px auto -60px;
                            border-color: #9cadb5;
                            background: #9cadb5;
                            transition: all .3s;
                        }
                            .cp-details .btn-a:before {
                                background: #fff;
                            }

                        .cp-item:hover .cp-details {
                            padding-top: 0;
                            height: 100%;
                        }
                            .cp-item:hover .cp-details .btn-a {
                                margin: 30px auto -25px;
                            }

            .cp-wrapper a.btn-b {
                margin-top: 29px;
            }


/*section 4*/
section.section-4 {
    position: relative;
    background: url(images/bg-testimonials.jpg) center/cover no-repeat;
}
    #testimonials {
        position: relative;
        padding: 107px 0 108px;
    }
        .testi-wrapper {
            background: #9db4be url(images/bg-pattern.jpg) center/cover no-repeat;
            color: #fff;
            text-align: center;
            padding: 86px 16.3% 85px;
        }
            .testi-wrapper h2 {
                font-size: 41px;
                line-height: 1.2;
                letter-spacing: .005em;
                margin-bottom: 26px;
            }
                .testi-wrapper h2:before {
                    content: '';
                    display: block;
                    margin: 0 auto 23px;
                    width: 49px;
                    height: 38px;
                    background: url(images/icon-qoute.png) center/cover no-repeat;
                }

            .testi-list {
                position: relative;
            }
                .testi-list .slick-arrow {
                    position: absolute;
                    top: 16%;
                    background: none;
                    outline: none;
                    border: none;
                    font-size: 22px;
                }
                    .testi-list .slick-next {
                        right: -14%;
                    }
                    .testi-list .slick-prev {
                        left: -14%;
                    }
                .testi {
                    position: relative;
                }
                    .testi ~ .testi {
                        display: none;
                    }
                    .testi p {
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 30px;
                        letter-spacing: .025em;
                    }
                    .testi-user {
                        margin: 43px 0 0;
                    }
                        .testi-user-image {
                            display: block;
                            width: 86px;
                            height: 86px;
                            border: 1px solid rgba(255,255,255,.5);
                            padding: 3px;
                            border-radius: 50%;
                            overflow: hidden;
                            margin: 0 auto 14px;
                        }
                            .testi-user-image img {
                                display: block;
                                width: 100%;
                                height: 100%;
                                border-radius: 50%;
                                object-fit: cover;
                                background-color: #fff;
                            }
                        .testi-user span {
                            font: 700 16px/1 'Josefin Sans', Sans-serif;
                            letter-spacing: .02em;
                            color: #fff;
                            text-transform: uppercase;
                        }


section.section-5 {
    position: relative;
    background: url(images/bg-git.jpg) center/cover no-repeat;
}
    #get-in-touch {
        position: relative;
        background: rgba(0,0,0,.3);
        padding: 101px 0 107px;
    }
        .git-wrapper {
            max-width: 816px;
            margin: 0 auto;
        }
            .git-wrapper h2 {
                font-size: 41px;
                letter-spacing: .005em;
                line-height: 1.2;
                color: #fff;
                text-align: center;
            }
            .git-wrapper p {
                font-weight: 700;
                font-size: 16px;
                line-height: 22px;
                color: #fff;
                text-align: center;
                max-width: 90%;
                margin: 19px auto 26px;
            }
            .git-form  {
                font-size: 0;
                position: relative;
            }
                .git-col {
                    position: relative;
                }
                    .git-col label {
                        display: inline-block;
                        vertical-align: top;
                        padding: 4px 4.5px;
                        width: 100%;
                        position: relative;
                    }
                        .git-col-3 label {
                            width: 33.3333333333%;
                        }
                        .git-col input:not([type="submit"]),
                        .git-col textarea {
                            width: 100%;
                            height: 46px;
                            font-size: 16px;
                            letter-spacing: .04em;
                            color: #3f3b41;
                            background: #fff;
                            border: 1px solid #fff;
                            padding: 0 15px;
                        }
                        .git-col textarea {
                            height: 145px;
                            padding-top: 15px;
                            resize: none;
                        }
                        .git-col .btn-a {
                            display: block;
                            margin: 34px auto 0;
                            border-color: #fff;
                            width: 176px;
                            height: 52px;
                        }
                            .git-col .btn-a:before {
                                background: #fff;
                            }
                            .git-col .btn-a:hover {
                                border-color: #9e9f99;
                            }
                            .git-col .btn-a input {
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                border: none;
                                background: none;
                                font-size: 16px;
                                font-weight: 700;
                                letter-spacing: .1em;
                                color: #fff;
                                text-transform: uppercase;
                                width: 100%;
                                height: 100%;
                                outline: none;
                            }
                .git-form .wpcf7-form-control-wrap {
                    display: block;
                }
                .git-form .wpcf7-not-valid-tip {
                    font-size: 12px;
                    top: 30%;
                }
                .git-form div.wpcf7 .ajax-loader {
                    position: absolute;
                    bottom: -20px;
                    left: 0;
                    right: 0;
                    margin: auto;
                }
                .git-form div.wpcf7-response-output {
                    position: absolute;
                    left: 4px;
                    right: 4px;
                    font-size: 12px;
                    text-align: center;
                    top: 100%;
                    margin: 9px auto 0;
                    color: #fff!important;
                }

/*footer*/
footer.footer-wrapper {
    background: #3f3b41 url(images/bg-footer.jpg) center/cover no-repeat;
    text-align: center;
    color: #fff;
    padding: 76px 0 26px;
    /*min-height: 480px;*/
}
    .footer-logo {
        font-size: 0;
        margin-bottom: 67px;
    }
        .footer-logo img {
            max-width: 198px;
        }
    .footer-contact-info {
        font-size: 18px;
        line-height: 1.2;
        color: #fff;
    }
        .footer-contact-info span {
            display: inline-block;
            vertical-align: top;
            margin: 0 15px;
        }
            .footer-contact-info span strong {
                font-weight: 400;
                color: #b6b6b6;
            }
        .footer-contact-info span.f-smi {
            display: block;
            width: 100%;
            margin: 24px 0 30px;
        }
            .footer-contact-info span.f-smi a {
                display: inline-block;
                vertical-align: top;
                text-align: center;
                width: 42px;
                height: 42px;
                border-radius: 50%;
                background: transparent;
                border: 1px solid #858585;
                color: #d7d7d7;
                line-height: 40px;
                font-size: 22px;
                margin: 0 5px;
                transition: border .3s, background .3s, color .3s;
            }
                .footer-contact-info span.f-smi a:hover {
                    background: #858585;
                    color: #fff;
                }

    .footernav {
        border-top: 1px solid rgba(125,125,125,.2);
        padding: 26px 0 0;
    }
        .footernav li {
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
            letter-spacing: .07em;
            color: #cacaca;
            text-transform: uppercase;
            line-height: 1.2;
            margin: 3px 24px;
        }
            .footernav li a {

            }

    .footer-copyright {
        font-size: 14px;
        line-height: 1.2;
        color: #cac9ca;
        margin: 2px 0 0;
    }
        .footer-copyright a[style] {
            color: #fff;
        }
            .footer-copyright a[style]:hover {
                color: #9db4be;
            }
        .footer-icons {
            display: block;
            color: #fff;
            font-size: 22px;
            margin-top: 15px;
            display: none;
        }
 
/*******************************************************
 *
 * 2. 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,.1);
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 40px;}

/** 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-size: 55px;
    line-height: 1;
    letter-spacing: .005em;
    text-transform: uppercase;
    margin-top: 0;

    color: #63889a;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    font-size: 25px;
    line-height: 1;
    letter-spacing: .005em;
    text-transform: uppercase;
}

.ip-projects {
    font-size: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.4);
    margin-bottom: 30px; 
    text-align: center;
}
    .ip-projects:before, .ip-projects:after {
        content: '';
        display: table;
        clear: both;
    }
    #content .ip-projects h2 {
        text-align: center;
        font-size: 30px;
        margin: 0;
    }
    .ip-projects .gallery-item {
        margin: 0!important;
        padding: 5px;
        width: 12.5%!important;
    }
        .ip-projects .gallery img {
            border: none!important;
            max-width: 100%!important;
        }


        .page-id-6 .ip-projects .gallery {
            text-align: center !important;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;

        }

/*     .ip-projects .gallery-item:nth-child(8) ~ .gallery-item {
    display: none!important;
} */
	 
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */