/*

Theme Name: Anu Lifestyle California Luxury Real Estate - Theme

Theme URI: http://anulifestylecom.rs4.aios-staging.com

Description: AIOS mobile semi-custom theme.

Author: AgentImage

Author URI: http://www.agentimage.com

Version: 1.0.0

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

License URI: http://www.agentimage.com

Template: aios-starter-theme

*/

/*



TABLE OF CONTENTS



1. Custom CSS

2.	IP styles

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



*/

/*******************************************************

 *

 * 1. Navigation

 *

 *******************************************************/

/* Sub Menu */

.site-menu li {

    position: relative;

}



.site-menu .sub-menu {

    list-style: none;

    margin: 0;

    background: transparent;

    padding: 0;

    position: absolute;

    width: 100%;

    min-width: 180px;

    padding-top: 35px;

    left: calc(50% - 90px);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transform: translateY(-10%);

    -ms-transform: translateY(-10%);

    transform: translateY(-10%);

    -webkit-transition: all 0.8s ease;

    transition: all 0.8s ease;

}



.site-menu li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}



.site-menu .sub-menu li {

    position: relative;

    margin-top: 1px;

}



.site-menu .sub-menu li:nth-child(1) {

    margin-top: 0;

}



.site-menu .sub-menu a {

    display: block;

    padding: 10px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    background: rgba(0, 0, 0, 0.85);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.site-menu .sub-menu a:hover {

    background: #272727;

    color: #fff;

}



.site-menu .sub-menu .sub-menu {

    margin-left: 100%;

    top: 0;

}



/*******************************************************

 *

 * 2. Custom CSS

 *

 *******************************************************/

/* Global */

body {

    font-family: "Barlow", sans-serif;

    font-size: 12px;

    background: #fff;

    color: #000;

    margin: 0;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



body.home #main-wrapper {

    width: 100%;

    height: 100%;

}



.site-section-title {

    font-size: 58px;

    font-weight: 100;

    font-style: italic;

    line-height: 1;

    text-transform: uppercase;

    color: #282828;

}



.site-section-title strong {

    display: block;

    font-weight: 400;

    color: #000000;

    margin-top: 3px;

}



.site-section-title span {

    display: block;

    font-size: 30px;

    font-weight: 300;

    color: #fff;

}



.full-height {

    height: 100vh;

}



.hp-overlay {

    position: relative;

}



/*

.hp-overlay:after {

    content: '';

    position: absolute;

    z-index: 1;

    bottom: 0;

    right: 0;

    width: 30%;

    height: 67%;

    background: transparent url("images/hp-overlay-a.png") no-repeat;

    background-size: 100% 100%;

    background-position: center center;

    pointer-events: none;

}

*/



/*.hp-about {

    display: block !important;

}*/



.hp-about .about-wrap:before {

    content: '';

    position: absolute;

    z-index: -1;

    /*    bottom: 0;*/

    bottom: 60px;

    /*    right: 0;*/

    right: 30px;

    width: 30%;

    /*    height: 67%;*/

    height: 50%;

    /*    background: transparent url("images/hp-overlay-a.png") no-repeat;*/

    background: transparent url("https://www.anulifestyle.com/wp-content/uploads/2024/05/site-main-logo-2.png") no-repeat;

    background-size: contain;

    background-position: center center;

    pointer-events: none;

}



/* One Page Scroll Animate */

.onepage-animate-hide {

    opacity: 0;

}



/* Hire Me Popup */

.hire-popup {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;

}



.hire-popup.active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}



.hire-popup .hire-popup-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    overflow-y: auto;

    padding: 15px;

}



.hire-popup .hire-popup-wrap .hire-container {

    background: rgba(255, 255, 255, 0.9);

    width: 653px;

    max-width: 100%;

    padding: 52px 46px 75px 62px;

}



.hire-popup .hire-popup-wrap .hire-container .hire-close {

    position: absolute;

    top: 15px;

    right: 15px;

    cursor: pointer;

}



.hire-popup .hire-popup-wrap .hire-container .hire-title {

    font-size: 57px;

    font-weight: 400;

    line-height: 1;

    letter-spacing: 3.42px;

    text-transform: uppercase;

    text-align: center;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form {

    position: relative;

    margin-top: 36px;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form {

    position: relative;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form:before,

.hire-popup .hire-popup-wrap .hire-container .hire-form form:after {

    content: '';

    display: table;

    clear: both;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form .hire-form-group {

    display: block;

    margin: 0 -12px;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form .hire-form-group:before,

.hire-popup .hire-popup-wrap .hire-container .hire-form form .hire-form-group:after {

    content: '';

    display: table;

    clear: both;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form .hire-form-group .hire-field {

    float: left;

    width: 50%;

    padding: 0 12px;

    margin-bottom: 20px;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form .hire-form-group .hire-field.lg {

    width: 100%;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form .hire-form-group .hire-field.submit {

    margin-bottom: 0;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form input[type="text"],

.hire-popup .hire-popup-wrap .hire-container .hire-form form input[type="email"],

.hire-popup .hire-popup-wrap .hire-container .hire-form form input[type="tel"],

.hire-popup .hire-popup-wrap .hire-container .hire-form form textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    width: 100%;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1;

    color: #272727;

    background: transparent;

    border: none;

    border-bottom: 1px solid #272727;

    padding: 0 0 8px;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form textarea {

    height: 101px;

    resize: none;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    background: transparent url("images/hire-select-arrow-a.png") no-repeat;

    background-position: center right 18px;

    border: 1px solid rgba(39, 39, 39, 0.5);

    font-size: 15px;

    font-weight: 400;

    font-style: italic;

    letter-spacing: 0.3px;

    color: #000;

    width: 194px;

    height: 42px;

    padding: 0 18px;

    margin: 0 auto;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form input[type="submit"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    width: 198px;

    height: 54px;

    background: #272727;

    border: none;

    margin: 0 auto;

    padding: 0 10px;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    color: #fff;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form input[type="submit"]:hover {

    background: #000;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form .wpcf7-form-control-wrap {

    display: block;

}



.hire-popup .hire-popup-wrap .hire-container .hire-form form div.wpcf7-response-output {

    margin: 0;

    text-align: center;

}



/* Header */

.header {

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    pointer-events: none;

}



.header:after {

    content: '';

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 40px;

    height: 100%;

    background: #000;

    pointer-events: none;

}





.header::before {



    content: '';

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 217px;

    height: 100%;

    background: #000;

    pointer-events: none;

    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5746498428472951) 40%, rgba(0, 0, 0, 0) 100%);



}

.viewing-page-4 .header::before {

    background: transparent;

}



.header .header-wrap {

    pointer-events: auto;

}



.header .header-wrap .header-left {

    position: absolute;

    top: 0;

    left: 0;

}



.header .header-wrap .header-left .header-logo a {

    display: inline-block;

    vertical-align: middle;

}



.header .header-wrap .header-left .header-logo a img {

    display: block;

    width: 150px;

    max-width: 100%;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation {

    padding-left: 40px;

    position: relative;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu-indicator {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 36px;

    width: 4px;

    height: 48px;

    background: #fff;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu-indicator:before {

    content: '';

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #fff;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu {

    margin-top: 25px;

    position: static;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu li {

    display: block;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu li a {

    display: block;

    width: auto;

    height: auto;

    padding: 17px 0 17px 31px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 4.9px;

    line-height: 1;

    text-transform: uppercase;

    text-decoration: none;

    color: #f2ede7;

    position: relative;

    cursor: pointer;

    text-align: left;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu li a:before {

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    left: -2px;

    width: 2px;

    height: 2px;

    background: #fff;

    border: none;

    border-radius: 0;

    margin: 0;

}



.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu li a.active,

.header .header-wrap .header-left .header-onepage-scroll-navigation .onepage-scroll-menu li a:hover {

    font-weight: 700;

}



.header .header-wrap .header-right {

    position: absolute;

    top: 26px;

    right: 26px;

}



.header .header-wrap .header-right .header-smi {

    display: block;

}



.header .header-wrap .header-right .header-smi ul {

    display: block;

}



.header .header-wrap .header-right .header-smi ul li {

    display: block;

    margin-top: 17px;

}



.header .header-wrap .header-right .header-smi ul li:nth-child(1) {

    margin-top: 0;

}



.header .header-wrap .header-right .header-smi ul li a {

    display: inline-block;

    vertical-align: middle;

    font-size: 30px;

    text-decoration: none;

    color: #fff;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.header .header-wrap .header-right .header-smi ul li a:hover {

    /* color: #272727 !important; */

    opacity: .6;

}



.header .header-wrap .header-right .header-contact {

    display: block;

    margin-top: 24px;

}



.header .header-wrap .header-right .header-contact ul {

    display: block;

}



.header .header-wrap .header-right .header-contact ul li {

    display: block;

    font-size: 17px;

    color: #fff;

    margin-top: 26px;

}



.header .header-wrap .header-right .header-contact ul li:nth-child(1) {

    margin-top: 0;

}



.header .header-wrap .header-right .header-contact ul li.phone {

    font-size: 24px;

}



.header .header-wrap .header-right .header-contact ul li a {

    display: block;

    text-decoration: none;

    color: inherit;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.header .header-wrap .header-right .header-contact ul li a:hover {

    /* color: #272727 !important; */

    opacity: .6;

}



.header-scroll-next-mobile {

    display: none;

}



body .header .header-wrap .header-right .header-scroll-next-mobile {

    top: 80px;

    font-size: 15px;

}





.header .header-wrap .header-right .header-onepage-scroll-next,

.header .header-wrap .header-right .header-scroll-next-mobile {

    font-size: 20px;

    color: #fff;

    position: relative;

    top: 132px;

    left: -3px;

    cursor: pointer;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.header .header-wrap .header-right .header-onepage-scroll-next:hover {

    /* color: #272727 !important; */

    opacity: .6;

}



.header .header-wrap .header-right .header-onepage-scroll-next span,

.header .header-wrap .header-right .header-scroll-next-mobile span {

    position: relative;

}



.header .header-wrap .header-right .header-onepage-scroll-next span:nth-child(1),

.header .header-wrap .header-right .header-scroll-next-mobile span:nth-child(1) {

    left: 8px;

}





body.viewing-page-4 .header .header-wrap .header-left .header-onepage-scroll-navigation li a {

    color: #000;

}



body.viewing-page-4 .header .header-wrap .header-right .header-smi ul li a {

    color: #000;

}



body.viewing-page-4 .header .header-wrap .header-right .header-contact ul li {

    color: #000;

}



body.viewing-page-4 .header .header-wrap .header-right .header-onepage-scroll-next {

    color: #717582;

}



body.viewing-page-5 .header .header-wrap .header-right .header-onepage-scroll-next {

    color: #676b77;

}





.mobile-header {

    position: fixed;

    z-index: 2001;

    width: 100%;

    display: none;

    background: #272727;

    padding: 15px 0;

    text-align: center;

}



/** Mobile Header **/

.mobile-slider-menu {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background: #000;

    z-index: 1001;

    top: 95px;

    /*0*/

    left: -100%;

    opacity: 0;

    font-size: 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url(images/mobile-slider-bg.jpg);



    -webkit-transition: 600ms ease-in-out;

    -moz-transition: 600ms ease-in-out;

    -o-transition: 600ms ease-in-out;

    transition: 600ms ease-in-out;

}



.mobile-slider-menu:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 0;

}



.mobile-slider-menu.open {

    left: 0;

    opacity: 1;

}



.mobile-slider-menu:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(39, 39, 39, .80);

}



.mobile-slider-menu ul {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    text-align: left;

    position: relative;

    z-index: 10;

}





.home .ip-mobile-nav {

    display: none;

}



.mobile-nav li,

.ip-mobile-nav li {

    display: block;

    padding: 20px 0;

    max-width: 180px;

    margin: 0 auto;

}



.mobile-nav li a,

.ip-mobile-nav li a {

    font-size: 14px;

    color: #9d9d9d;

    letter-spacing: .350em;

    line-height: 1;

    text-transform: uppercase;

    outline: none;

    text-decoration: none;

}



.mobile-nav li a.active,

.ip-mobile-nav li a.active {

    font-weight: 400;

    color: #fff;

}



.footer-disclaimer-mobile {

    display: none;

    font-size: 11px;

    color: #fff;

    line-height: 16px;

    letter-spacing: 0;

    font-family: inherit;

    position: relative;

    z-index: 10;

    text-align: center;

    text-transform: uppercase;

}



.footer-disclaimer-mobile span.ai-font-footer-logo {

    color: #fff;

    display: inline;

    margin-right: 5px;

}



/** Mobile Header Logo**/



.mobile-header .m-logo-wrap a {

    display: inline-block;

    vertical-align: middle;

}



.mobile-header .m-logo-wrap a img {

    display: block;

    max-width: 70px;

    width: 100%;

}



/** MObile Header Menu Icon **/



.m-nav-wrap {

    position: absolute;

    left: 20px;

    top: calc(50% - 25px);

}



#m-nav {

    width: 50px;

    height: 45px;

    position: relative;

    border: 1px solid #3a3a3a;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

}



#m-nav span {

    display: block;

    position: absolute;

    height: 4px;

    width: 60%;

    background: #aeaeae;

    border-radius: 1px;

    opacity: 1;

    left: 20%;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

}



#m-nav span:nth-child(1) {

    top: 12px;

    width: 46%;

    left: 34%;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#m-nav span:nth-child(2) {

    top: 20px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#m-nav span:nth-child(3) {

    top: 28px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#m-nav.open span:nth-child(1) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 10px;

    left: 30%;

    width: 60%;

}



#m-nav.open span:nth-child(2) {

    width: 0%;

    opacity: 0;

}



#m-nav.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 30px;

    left: 30%;

}



/* HP Welcome */

.hp-welcome:after {

    opacity: 0.39;

}



.hp-welcome .welcome-wrap .welcome-slideshow {

    width: 100%;

    height: 100vh;

    z-index: 9;

    position: relative;

}



.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider {

    width: 100%;

    height: 100vh;

}



.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides {

    width: 100%;

    height: 100vh;

}



.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide {

    width: 100%;

    height: 100vh;

    position: relative;

}

.hp-welcome .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:before,
.hp-welcome .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:after,

.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide:before,

.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide:after {

    content: '';

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0;

    height: 100%;

    background-size: 100% 100%;

    background-color: transparent;

    background-repeat: no-repeat;

}

.hp-welcome .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:before,

.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide:before {

    width: 29%;

    background-image: url("images/slideshow-overlay-a.png");

    background-position: top left;

}


.hp-welcome .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:after,

.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide:after {

    z-index: 1;

    width: 100%;

    background-image: url("images/slideshow-overlay-b.png");

    background-position: center center;

}



.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide canvas {

    width: 100%;

    height: 100vh;

}



.hp-welcome .welcome-wrap .welcome-text {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    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: -30px;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-container {

    padding-left: 20.3%;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-title {

    font-size: 58px;

    font-weight: 100;

    font-style: italic;

    line-height: 1;

    text-transform: uppercase;

    color: #282828;

    display: inline-block;

    vertical-align: middle;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-title strong {

    padding-left: 69px;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-title span {

    margin: 19px 0 0 -22px;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-links {

    margin: 26px 0 0 1px;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-links a {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 192px;

    height: 50px;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 2.1px;

    text-decoration: none;

    text-transform: uppercase;

    color: #000;

    border: 1px solid rgba(0, 0, 0, 0.25);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-links a:hover {

    color: #fff !important;

    background: #272727 !important;

    border-color: #272727 !important;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-links a strong {

    font-weight: 600;

}



.hp-welcome .welcome-wrap .welcome-text .welcome-links a.welcome-hire-me {

    background: #000;

    color: #fff;

    border-color: #000;

    margin-left: 17px;

}



/* HP Listings */

.hp-listings:after {

    opacity: 0.15;

}



.hp-listings .listings-wrap .listings-video-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background: transparent url("images/listings-bg-a.jpg") no-repeat;

    background-position: center center;

    background-size: cover;

    overflow: hidden;

}



.hp-listings .listings-wrap .listings-video-bg:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

}



.hp-listings .listings-wrap .listings-video-bg video {

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 150%;

    min-height: 150%;

    background: #000;

    -webkit-transform: translate3d(-50%, -50%, 0);

    transform: translate3d(-50%, -50%, 0);

}



.hp-listings .listings-wrap .listings-title-wrap {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    pointer-events: none;

}



.hp-listings .listings-wrap .listings-title-wrap .listings-container {

    padding-left: 14.4%;

}



.hp-listings .listings-wrap .listings-title-wrap .listings-title {

    color: #fff;

    margin-top: 47px;

    padding-left: 13px;

    pointer-events: auto;

    display: inline-block;

    vertical-align: middle;

}



.hp-listings .listings-wrap .listings-title-wrap .listings-title strong {

    color: #fff;

    padding-left: 47px;

}



.hp-listings .listings-wrap .listings-link {

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    width: 100%;

    pointer-events: none;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.hp-listings .listings-wrap .listings-link a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 338px;

    height: 74px;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    border: 1px solid #fff;

    pointer-events: auto;

    margin-top: -6px;

    background: rgba(39, 39, 39, .80);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.hp-listings .listings-wrap .listings-link a:hover {

    background: #272727;

    color: #fff;

    border-color: #272727;

}



/* HP Highlights */

.hp-highlights:after {

    opacity: 0.05;

}



.hp-highlights .highlights-wrap .highlights-title {

    font-size: 3.13vw;

}



.hp-highlights .highlights-wrap .highlights-title strong {

    text-align: right;

}



.hp-highlights .highlights-wrap .highlights-row {

    width: 100%;

    height: 50vh;

}



.hp-highlights .highlights-wrap .highlights-row .highlights-col {

    float: left;

    width: 50%;

    height: 100%;

}



.hp-highlights .highlights-wrap .highlights-row .highlights-col .highlights-row {

    height: 100%;

}



.hp-highlights .highlights-wrap .highlights-video,

.hp-highlights .highlights-wrap .highlights-img {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}



.hp-highlights .highlights-wrap .highlights-video img,

.hp-highlights .highlights-wrap .highlights-img img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.hp-highlights .highlights-wrap .highlights-video:before {

    position: absolute;

    z-index: 2;

    top: calc(50% - 37.5px);

    left: calc(50% - 37.5px);

    border-radius: 50%;

    border: 1px solid rgba(254, 254, 254, 0.25);

    font-size: 20px;

    width: 75px;

    height: 75px;

    color: #fff;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.hp-highlights .highlights-wrap .highlights-video:after {

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(51, 51, 51, 0.85);

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.hp-highlights .highlights-wrap .highlights-video:hover:after {

    background: rgba(51, 51, 51, 0.5);

}



.hp-highlights .highlights-wrap .highlights-img:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(148, 148, 148, 0.75);

}



.hp-highlights .highlights-wrap .highlights-img.no-overlay:before {

    display: none;

}



.hp-highlights .highlights-wrap .highlights-img.overlay-2:before {

    background: rgba(0, 0, 0, 0.55);

}



.hp-highlights .highlights-wrap .highlights-img.sm {

    height: 50%;

}



.hp-highlights .highlights-wrap .highlights-text {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 100%;

    background: #fff;

    font-weight: 400;

    font-style: italic;

    font-size: 0.81vw;

    line-height: 23px;

    text-align: center;

}



.hp-highlights .highlights-wrap .highlights-text.sm {

    height: 50%;

}



.hp-highlights .highlights-wrap .highlights-text.ht-quote {

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-style: italic;

    font-size: 0.81vw;

    line-height: 23px;

    padding: 0 9%;

}



.hp-highlights .highlights-wrap .highlights-press {

    background: transparent url("images/media-press-img.jpg") no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    z-index: 1;

    height: 100%;

    padding: 40px 90px 20px;

}



.hp-highlights .highlights-wrap .highlights-press:before {

    content: '';

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(51, 51, 51, 0.75);

}



.hp-highlights .highlights-wrap .highlights-press .press-title {

    font-size: 1.88vw;

    font-weight: 100;

    font-style: italic;

    line-height: 1;

    text-transform: uppercase;

    color: #fff;

    margin-left: -2px;

}



.hp-highlights .highlights-wrap .highlights-press .press-list {

    margin-top: 32px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.hp-highlights .highlights-wrap .highlights-press .press-list li {

    display: inline-block;

    vertical-align: middle;

    margin-left: -3px;

    width: 26%;

}



.hp-highlights .highlights-wrap .highlights-press .press-list li.lg {

    width: 45.3%;

}



.hp-highlights .highlights-wrap .highlights-press .press-list li:nth-child(1) {

    margin-left: 0;

}



.hp-highlights .highlights-wrap .highlights-press .press-list li .press-video:after {

    background: rgba(51, 51, 51, 0.85);

}



.hp-highlights .highlights-wrap .highlights-press .press-list li .press-video:hover:after {

    background: rgba(51, 51, 51, 0.5);

}



.hp-highlights .highlights-wrap .highlights-press .press-list li .press-video img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.hp-highlights .highlights-wrap .highlights-press .press-list li .press-img {

    display: block;

    width: 100%;

    height: 100%;

}



.hp-highlights .highlights-wrap .highlights-press .press-list li .press-img img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: cover;

    object-position: center center;

}





/** Hp HighLights Mobile Version **/

.highligts-desktop {

    display: block;

}



.highligts-mobile {

    display: none;

}





.hp-highlights .highlights-mobile .highlights-row {

    padding: 0;

}



.highlights-mobile .highlights-video-view {

    position: relative;

    text-align: center;

    max-width: 640px;

    width: 100%;

    margin: 0 auto;

}



.highlights-mobile .highlights-thumbnail {

    position: relative;

    display: block;

    max-width: 640px;

    margin: 0 auto;

    overflow: hidden;

}



.highlights-mobile .highlights-details {

    display: block;

    position: relative;

    background: #fff;

}



/* HP About */

.hp-about:after {

    opacity: 0.5;

}



.hp-about .about-wrap {

    background: transparent url("images/about-bg-a.jpg") no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    z-index: 1;

}



.hp-about .about-wrap:after {

    content: '';

    position: absolute;

    z-index: -2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: transparent url("images/about-overlay-bg-a.png") no-repeat;

    background-position: center center;

    background-size: cover;

}



.hp-about .about-wrap .about-container {

    padding: 0 14.4%;

}



.hp-about .about-wrap .about-title {

    margin-top: 50%;

    padding-left: 9px;

}



.hp-about .about-wrap .about-title strong {

    padding-left: 24px;

}



.hp-about .about-wrap .about-quote {

    margin-top: 29.5%;

    position: relative;

}



.hp-about .about-wrap .about-quote .about-quote-slider .about-quote-slide {

    font-family: "Poppins", sans-serif;

    font-size: 23px;

    font-weight: 300;

    font-style: italic;

    line-height: 1.65;

    color: #333;

}



.hp-about .about-wrap .about-quote .about-quote-slider .about-quote-link {

    font-weight: 500;

    color: #000;

}



.hp-about .about-wrap .about-quote .about-quote-next {

    color: #969ca7;

    position: absolute;

    top: 50%;

    right: -131px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.hp-about .about-wrap .about-quote .about-quote-next:hover {

    opacity: 0.75;

}



.hp-about .about-wrap .about-quote .about-quote-next:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 46px;

    height: 1px;

    background: #707070;

    cursor: pointer;

    position: relative;

    top: -1px;

    left: 9px;

}



.hp-about .about-wrap .about-text {

    font-family: "Poppins", sans-serif;

    font-weight: 400;

        font-size: 18px;

    line-height: 1.67;

    color: #333;

    text-align: center;

    padding: 0 5.5%;

}



.hp-about .about-wrap .about-text a {

    color: inherit;

    text-decoration: underline;

}



.hp-about .about-wrap .about-text.at-1 {

    margin-top: 69px;

}



.hp-about .about-wrap .about-text.at-2 {

    padding: 0 5%;

    margin-top: 49px;

}



/* HP Connect With Us */

.hp-connect {

    background: transparent url("images/connect-bg-a.jpg") no-repeat;

    background-position: top right;

    background-size: cover;

    position: relative;

    z-index: 1;

}



.hp-connect:before {

    content: '';

    position: absolute;

    z-index: -2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.1);

    pointer-events: none;

}



.hp-connect .connect-container:before {

    display: none;

}



.hp-connect:after {

    z-index: -1;

    opacity: 0.2;

}



.hp-connect .connect-container {

    padding: 0 14.375%;

}



.hp-connect .connect-wrap .connect-top {

    margin-top: 109px;

}



.hp-connect .connect-wrap .connect-top .connect-title {

    font-weight: 400;

    color: #fff;

    padding-left: 8px;

    margin-top: 56px;

}



.hp-connect .connect-wrap .connect-top .connect-title strong {

    font-weight: 100;

    color: inherit;

    padding-left: 89px;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul {

    display: block;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed {

    width: calc(100% / 3);

    height: 250px;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 400;

    font-style: italic;

    line-height: 1.77;

    color: #333333;

    text-align: center;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.img a {

    display: block;

    width: 100%;

    height: 100%;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.img a img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.icon {

    background: #000;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 60px;

    color: #fff;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.text {

    background: #fff;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 3.3%;

    position: relative;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.text:after {

    content: '';

    position: absolute;

    top: 50%;

    right: -86px;

    width: 46px;

    height: 1px;

    background: rgba(0, 0, 0, 0.5);

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.text:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 100%;

}



.hp-connect .connect-wrap .connect-top .connect-instagram-feed ul li .instagram-feed.text .text-inner {

    display: inline-block;

    vertical-align: middle;

}



.hp-connect .connect-wrap .connect-bottom .connect-form-title {

    color: #fff;

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    line-height: 1;

    font-weight: 300;

    letter-spacing: 0.26px;

    text-align: center;

    margin-top: 61px;

}



.hp-connect .connect-wrap .connect-bottom .connect-form-title strong {

    font-family: "Barlow", sans-serif;

    font-size: 25px;

    font-weight: 400;

    font-style: italic;

    display: block;

    text-transform: uppercase;

    margin-bottom: 17px;

}



.hp-connect .connect-wrap .connect-bottom .connect-form {

    margin-top: 61px;

}



.hp-connect .connect-wrap .connect-bottom .connect-form form {

    position: relative;

}



.hp-connect .connect-wrap .connect-bottom .connect-form form:before,

.hp-connect .connect-wrap .connect-bottom .connect-form form:after {

    content: '';

    display: table;

    clear: both;

}



.hp-connect .connect-wrap .connect-bottom .connect-form .wpcf7-form-control-wrap {

    display: block;

}



.hp-connect .connect-wrap .connect-bottom .connect-form .connect-field {

    float: left;

    width: 22.894%;

    margin-left: 17px;

    z-index: 2;

    position: relative;

}



.hp-connect .connect-wrap .connect-bottom .connect-form .connect-field.no-ml {

    margin-left: 12px;

}



.hp-connect .connect-wrap .connect-bottom .connect-form .connect-field.lg {

    width: 31.579%;

}



.hp-connect .connect-wrap .connect-bottom .connect-form .connect-field.submit {

    width: 17.368%;

    margin: -14px 0 0 13px;

}



.hp-connect .connect-wrap .connect-bottom .connect-form label {

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 300;

    text-transform: uppercase;

    color: #fff;

    display: block;

}



.hp-connect .connect-wrap .connect-bottom .connect-form input[type="text"],

.hp-connect .connect-wrap .connect-bottom .connect-form input[type="email"],

.hp-connect .connect-wrap .connect-bottom .connect-form textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    width: 100%;

    height: 24px;

    background: transparent;

    border: none;

    border-bottom: 1px solid #fff;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 300;

    text-transform: uppercase;

    color: #fff;

    padding: 0;

    margin-top: -2px;

}



.hp-connect .connect-wrap .connect-bottom .connect-form textarea {

    padding-top: 3px;

    resize: none;

}



.hp-connect .connect-wrap .connect-bottom .connect-form input[type="submit"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    width: 100%;

    height: 54px;

    background: #fff;

    border: none;

    padding: 0 5px;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    color: #000;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.hp-connect .connect-wrap .connect-bottom .connect-form input[type="submit"]:hover {

    background: #272727;

    color: #fff;

}



.hp-connect .connect-wrap .connect-bottom .connect-form span.wpcf7-not-valid-tip {

    top: -2px;

    right: 0;

    left: auto;

    background: #df4040;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #000 !important;

    border: none !important;

}



.hp-connect .connect-wrap .connect-bottom .connect-form div.wpcf7-response-output {

    position: absolute;

    bottom: -25px;

    margin: 0;

    right: 0;

    width: calc(100% - 12px);

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #000 !important;

    border: none !important;

}



.hp-connect .connect-wrap .connect-bottom .connect-form div.wpcf7-response-output.wpcf7-validation-errors,

.hp-connect .connect-wrap .connect-bottom .connect-form div.wpcf7-response-output.wpcf7-acceptance-missing {

    background: #dde040 !important;

}



.hp-connect .connect-wrap .connect-bottom .connect-form div.wpcf7-response-output.wpcf7-mail-sent-ok {

    background: #398f14 !important;

}



.hp-connect .connect-field span.wpcf7-not-valid-tip {

    font-size: 11px;

}



/* Footer */

.footer {

    position: absolute;

    bottom: 6%;

    left: 0;

    width: 100%;

    z-index: 9991;

}



.footer .footer-wrap {

    padding: 0 5%;

    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;

}



.footer .footer-wrap .footer-logos {

    opacity: 1;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.footer .footer-wrap .footer-credits {

    margin-left: auto;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    line-height: 1.33;

    text-transform: uppercase;

    color: #fff;

    text-align: right;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.footer .footer-wrap .footer-credits>div {

    color: inherit;

}



body.ip-container .footer {

    position: static;

    background: #000;

    padding: 30px 0;

}



body.ip-container .footer .footer-wrap .footer-logos,

body.ip-container .footer .footer-wrap .footer-credits {

    opacity: 1 !important;

}



body:not(.viewing-page-1):not(.viewing-page-5) .footer .footer-wrap .footer-logos {

    opacity: 0;

}



body.viewing-page-5 .footer .footer-wrap .footer-credits {

    opacity: 1;

}



body.home.admin-bar .footer {

    bottom: 2%;

}



/*******************************************************

 *

 * 3. IP Styles

 *

 *******************************************************/

/* Adjust minimum height of page area */

#content-sidebar,

#content-full {

    min-height: 500px;

}



/** Adjust width of content columns **/

#content-sidebar #content {

    width: 77.08%;

}



#content-full #content {

    width: 100%;

}



/* Adjust width of sidebar */

.sidebar {

    width: 20.83%;

}



/* Adjust line height of page elements */

#content h4,

aside h4,

#content p,

aside p,

#content blockquote,

aside blockquote,

#content ul,

aside ul,

#content fieldset,

aside fieldset,

#content form,

aside form,

#content ol,

aside ol,

#content dl,

aside dl,

#content dir,

aside dir,

#content menu,

aside menu {

    line-height: 1.7;

}



/* Style post/page main headings (h1) */

#content .entry-title {

    font-size: 40px;

    font-weight: 100;

    font-style: italic;

    line-height: 1;

    text-transform: uppercase;

}



/* Style category/archive/etc main headings (h1) */

#content .archive-title {

    font-size: 40px;

    font-weight: 100;

    font-style: italic;

    line-height: 1;

    text-transform: uppercase;

}



/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {

    font-size: 40px;

    font-weight: 100;

    font-style: italic;

    line-height: 1;

    text-transform: uppercase;

}



/* Styles for entry content */

#content .entry {

    font-size: 16px;

    line-height: 1.33;

    letter-spacing: 0.27px;

    color: #272727;

}



/* IP Header */

.ip-header {

    position: fixed;

    z-index: 1001;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    background: rgba(0, 0, 0, 0.85);

}



.ip-header .ip-header-wrap {

    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;

    padding: 10px 0;

}



.ip-header .ip-header-wrap .ip-header-logo {

    display: block;

    margin-right: auto;

}



.ip-header .ip-header-wrap .ip-header-logo a {

    display: block;

}



.ip-header .ip-header-wrap .ip-header-logo a img {

    width: 100%;

    max-width: 65px;

}



.ip-header .ip-header-wrap .ip-header-navigation {

    margin: 0 -20px;

}



.ip-header .ip-header-wrap .ip-header-navigation .site-menu {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.ip-header .ip-header-wrap .ip-header-navigation .site-menu>li {

    display: block;

    margin: 0 20px;

}



.ip-header .ip-header-wrap .ip-header-navigation .site-menu>li>a {

    display: block;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    position: relative;

    z-index: 1;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.ip-header .ip-header-wrap .ip-header-navigation .site-menu>li:hover>a {

    color: #757575;

}



/* Inner Page Banner */

.inner-page-banner {

    position: relative;

}



.inner-page-banner:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

}



.inner-page-banner canvas {

    display: block;

    width: 100%;

    min-height: 200px;

    max-height: 600px;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

}



/* Inner Page Wrapper */

#inner-page-wrapper {

    margin-bottom: 0;

    padding-bottom: 30px;

}



/* Inner Page Breadcrumbs */

#breadcrumbs {

    font-size: 14px;

    margin-bottom: 0 !important;

    text-transform: uppercase;

    color: #272727;

    font-weight: 300;

    font-style: italic;

}



#breadcrumbs a {

    color: inherit;

}



/* Sidebar Connect With Us */

.sb-contact {

    margin-top: 66px;

}



.sb-contact .sb-contact-wrap .sb-contact-title {

    font-size: 40px;

    text-align: center;

}



.sb-contact .sb-contact-wrap .sb-contact-title strong {

    margin-top: -5px;

    font-size: 30px;

}



.sb-contact .sb-contact-wrap .sb-contact-form {

    margin-top: 20px;

}



.sb-contact .sb-contact-wrap .sb-contact-form form {

    margin: 0;

    position: relative;

}



.sb-contact .sb-contact-wrap .sb-contact-form .wpcf7-form-control-wrap {

    display: block;

}



.sb-contact .sb-contact-wrap .sb-contact-form .sb-contact-field {

    display: block;

    margin-bottom: 10px;

}



.sb-contact .sb-contact-wrap .sb-contact-form .sb-contact-field.submit {

    margin-bottom: 0;

}



.sb-contact .sb-contact-wrap .sb-contact-form input[type="text"],

.sb-contact .sb-contact-wrap .sb-contact-form input[type="email"],

.sb-contact .sb-contact-wrap .sb-contact-form textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    width: 100%;

    height: 32px;

    border: 1px solid #d2d2d2;

    font-size: 12px;

    padding: 0 10px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #272727;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.sb-contact .sb-contact-wrap .sb-contact-form textarea {

    padding-top: 3px;

    height: 75px;

    resize: none;

}



.sb-contact .sb-contact-wrap .sb-contact-form input[type="submit"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: block;

    width: 100%;

    height: 32px;

    border: none;

    padding: 0 10px;

    background: #000;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.sb-contact .sb-contact-wrap .sb-contact-form input[type="submit"]:hover {

    background: #272727;

}



.sb-contact .sb-contact-wrap .sb-contact-form div.wpcf7-response-output {

    margin: 0;

    text-align: center;

}



.sb-contact .sb-contact-wrap .sb-contact-form .wpcf7-not-valid-tip {

    top: 2.5px;

    left: auto;

    right: 2.5px;

}



.hp-listings .listings-wrap .listings-video-bg .cycloneslider-template-responsive,

.hp-listings .listings-wrap .listings-video-bg .cycloneslider-template-responsive .cycloneslider-slides,

.hp-listings .listings-wrap .listings-video-bg .cycloneslider-template-responsive .cycle-slide,

.hp-listings .listings-wrap .listings-video-bg .cycloneslider-template-responsive img.cycloneslider-slide-js[width="1"]+canvas {

    height: 100% !important;

}

.hp-listings .listings-wrap .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img canvas {
    min-height: 100vh;
}

.hire-popup .hire-popup-wrap .hire-container .hire-form form .wpcf7-form-control-wrap.h-your-interest .wpcf7-not-valid-tip {

    left: 50%;

    transform: translateX(-50%);

    top: -13px;

}



.aiosp-bg {

    z-index: 2002;

}



.aiosp-wrap {

    z-index: 2003;

}



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

#hp-welcome.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides {

    min-height: 100vh !important;

}

#hp-welcome.hp-welcome .welcome-wrap .welcome-slideshow .cycloneslider .cycloneslider-slides .cycloneslider-slide canvas {

    width: 100%;

    height: 100vh;

    position: absolute;

    top: 0;

    background-position: center;

    background-size: cover;

}



.floating-btn {

    z-index: 99;

    position: absolute;

    bottom: 5%;

    right: 2%;

}



.floating-btn em {

    color: #fff;

    font-size: 30px;

    background: black;

    padding: 15px;

    border-radius: 50%;

    cursor: pointer;

}



.skip-video {

    font-size: 15px;

    padding-bottom: 10px;

    color: #fff;

    font-weight: 600;

    top: -5px;

    left: -15px;

    display: inline;

    position: relative;

    cursor: pointer;

}







#hp-intro {



    position: fixed;

    z-index: 9999;

    width: 100%;

    height: 100vh;



}



.hp-intro-wrapper {



    position: relative;

    width: 100%;

    height: 100vh;

    background: black;



}



.current-video {



    position: absolute;

    width: 100%;

    height: 100%;

    transform-origin: center;



}



.disclaimer .wpcf7-list-item label {

    display: flex;

    align-items: flex-start;

    justify-content: center;

}



.disclaimer .wpcf7-list-item .wpcf7-list-item-label {

    text-align: center;

    line-height: normal;

    max-width: 93%;

    font-size: 12px;

    font-weight: normal;

}



.ai-default-cf7wrap .disclaimer {

    margin-bottom: 10px;

}

.cycloneslider-template-video .cycloneslider-volume {

    display: none;

}


.hp-about .about-wrap:before {
    display: none;
}
