#hero {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 20;
    overflow: hidden;
}
#hero .timer-quick {
    color: #fff;
    margin-bottom: 20px;
    opacity: 0.4;
    opacity: 0.8;
    font-size: 60%;
}
#hero .timer-quick div {
    color: #fff;
    color: #ee7f13;
    display: inline;
}
#hero .timer-quick div unit {
    font-size: 20px;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: -1px;
    color: #fff;
}
#hero.has-image {
    z-index: 2;
    overflow: hidden;
}
#hero-styles {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
#hero.has-image #hero-styles {
    position: relative;
    height: auto;
}
#hero-caption {
    display: table;
    width: 100%;
    padding-top: 240px;
    padding-bottom: 140px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    pointer-events: initial;
}
#hero #hero-caption.text-align-center {
    text-align: center;
}
#hero.has-image #hero-caption {
    height: auto;
    padding-top: calc(120px + 20vh);
    padding-bottom: 100px;
    text-align: left;
}
#hero.level-down #hero-caption {
    padding-bottom: 70px;
}
.mobile-active #hero.has-image #hero-caption {
    height: auto !important;
    padding-top: 180px !important;
    padding-bottom: 0px !important;
}
#hero #hero-caption .inner {
    vertical-align: top;
}
#hero.has-image #hero-caption .inner {
    vertical-align: top;
}
#hero-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 0;
    margin: 0 auto;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
}
#hero-background-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
}
#hero-background-layer.with-top-fade:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgb(8, 8, 14);
    background: linear-gradient(0deg, rgba(8, 8, 14, 0) 11%, rgba(8, 8, 14, 1) 77%);
}
#hero-background-layer.with-top-fade.strong-fade:after {
    opacity: 1;
}
#hero-bg-image {
    background-size: cover;
    position: absolute;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    overflow: visible;
}
.load-project-page #hero-bg-image, .load-next-project #hero-bg-image, .load-project-thumb-with-title #hero-bg-image {
    opacity: 1 !important;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.hero-arrow {
    width: 30px;
    height: 30px;
    opacity: 0;
    position: absolute;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    padding-left: 4px;
    padding-top: 4px;
    margin-top: 68px;
    scale: 2;
    margin-left: 8px;
}
.hero-title {
    font-size: 9vw;
    line-height: 1.075;
    font-weight: 400;
    position: relative;
    display: block;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    overflow: hidden;
    padding: 0;
    color: #000;
    margin-left: -5px;
}
.hero-title span.level-down {
    font-size: 60%;
}
.hero-title-wrapper {
    margin-top: 20px;
    margin-left: -0.7vw;
}
#hero.has-image .hero-title-wrapper {
    margin-top: 40px;
    margin-left: -0.7vw;
}
#hero.level-down .hero-title-wrapper {
    margin-left: 0;
}
#hero.has-image .marquee-title .hero-title-wrapper {
    margin-top: 140px;
    margin-left: 0px;
}
.text-align-center .hero-title, .text-align-center .hero-subtitle {
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.hero-title span {
    opacity: 0;
    display: block;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
    margin-top: -1vw;
}
.inline-title .hero-title span {
    display: inline-table;
}
.marquee-title .hero-title-wrapper {
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
    height: 13vw;
}
.marquee-title .hero-title {
    margin-left: 0;
}
.marquee-title .hero-title span {
    display: inline-block;
    padding-right: 3vw;
}
.light-content .hero-title {
    color: #fff;
}
.change-header .hero-title {
    color: #000;
}
.hero-subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 20px;
    width: 100%;
    z-index: 10;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    color: #000;
    letter-spacing: 0.5px;
}
#hero.has-image .hero-subtitle {
    margin-bottom: 0px;
}
.hero-subtitle span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
}
.inline-title .hero-subtitle span {
    display: inline-block;
}
.light-content .hero-subtitle {
    color: #fff;
}
.change-header .hero-subtitle {
    color: #000 !important;
}
#hero.has-image .hero-subtitle:before, .text-align-center .hero-subtitle:before {
    left: 50%;
    margin-left: -10px;
}
#hero-footer {
    position: absolute;
    width: 100%;
    padding: 30px 80px;
    box-sizing: border-box;
    top: calc(100vh - 120px);
    left: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 60px;
    color: #000;
}
#hero-footer.landing {
    top: calc(100vh - 120px);
    width: auto;
}
.light-content #hero-footer {
    color: #fff;
}
#hero-footer:after {
    content: "";
    clear: both;
    display: table;
}
.hero-footer-right {
    float: right;
    opacity: 0;
    cursor: pointer;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
}
#hero-description {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 120px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    pointer-events: initial;
}
.hero-text {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0px;
    width: 100%;
    z-index: 10;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    color: #000;
    font-family: "Titillium Web", sans-serif;
}
.hero-text span {
    position: relative;
    display: block;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.light-content .hero-text {
    color: #fff;
}
#share {
    position: relative;
    pointer-events: initial;
    color: #000;
    font-size: 18px;
    padding-top: 30px;
    margin-top: 80px;
    height: 90px;
    box-sizing: border-box;
}
.light-content #share, .white-header #share {
    color: #fff;
}
.light-content .white-header #share {
    color: #000;
}
#share::before {
    position: absolute;
    top: 0px;
    left: 0;
    content: attr(data-text);
    width: 200px;
    text-align: left;
}
.jssocials-shares {
    transform: translateX(-20px);
}
#share .parallax-wrap {
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
}
.jssocials-share-link i {
    opacity: 0;
}
.jssocials-share-facebook a:before {
    content: "Fb";
    position: absolute;
}
.jssocials-share-facebook a:before {
    content: "Fb";
    position: absolute;
}
.jssocials-share-twitter a:before {
    content: "Tw";
    position: absolute;
}
.jssocials-share-pinterest a:before {
    content: "Pn";
    position: absolute;
}
/*--------------------------------------------------
Main Content
---------------------------------------------------*/
#main {
    position: relative;
    opacity: 0;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.load-project-page #main, .load-next-project #main, .load-next-page #main {
    opacity: 1;
}
#main-content, #main-content-bg {
    position: relative;
    opacity: 1;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    overflow: initial !important;
}
#main-page-content {
    position: relative;
    box-sizing: border-box;
    opacity: 0;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    max-width: none;
}
#main-page-content::after {
    clear: both;
    content: " ";
    display: table;
}
#main-page-content.project-page {
    margin-bottom: calc(100vh - 120px);
}
.hero-below-caption #main-page-content.project-page {
    margin-bottom: calc(100vh - 120px);
}
#main-content.portfolio-page {
    overflow: hidden;
}
#main-content.portfolio-page #main-page-content {
    overflow: visible;
    width: 100%;
    max-width: none;
    padding: 0;
}
/*--------------------------------------------------
Page Navigation
---------------------------------------------------*/
#page-nav {
    height: auto;
    width: 100%;
    color: #000;
    position: relative;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
}
.light-content #page-nav {
    color: #fff;
}
.page-nav-wrap {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.page-nav-caption {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 60px;
    margin: 0 auto;
    height: 100%;
    top: -20%;
    opacity: 0;
    position: relative;
    box-sizing: border-box;
}
.page-nav-caption.marquee-title {
    padding-top: 180px;
    padding-bottom: 20px;
}
#page-nav .inner {
    vertical-align: middle;
    text-align: left;
}
#page-nav .text-align-center .inner {
    text-align: center;
}
.page-title {
    font-weight: 400;
    margin: 0;
    width: auto;
    z-index: 10;
    color: #000;
    position: relative;
    display: table;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.text-align-center .page-title {
    margin: 0 auto;
}
.light-content .page-title {
    color: #fff;
}
.marquee-title .page-title {
    display: block;
}
.next-hero-title-wrapper {
    margin-left: -2px;
}
#page-nav .next-hero-title-wrapper {
    margin-left: -0.7vw;
}
.marquee-title .next-hero-title-wrapper {
    margin-top: 20px;
    margin-left: 0px;
}
.next-hero-title {
    font-size: calc(1rem + 4.15vw);
    line-height: calc(1rem + 5.5vw);
    font-weight: 400;
    position: relative;
    display: block;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    overflow: hidden;
    padding: 0;
    color: #000;
}
#page-nav .next-hero-title {
    font-size: 10vw;
    line-height: 13vw;
}
.marquee-title .next-hero-title {
    font-size: 10vw;
    line-height: 13vw;
}
.text-align-center .next-hero-title, .text-align-center .next-hero-subtitle {
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.next-hero-title span {
    display: block;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.inline-title .next-hero-title span {
    display: inline-table;
}
.marquee-title .next-hero-title-wrapper {
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
    height: 13vw;
}
.marquee-title .hero-title, .marquee-title .next-hero-title {
    margin-left: 0;
}
.marquee-title .next-hero-title span {
    display: inline-block;
    padding-right: 3vw;
}
.light-content .next-hero-title {
    color: #fff;
}
.change-header .next-hero-title {
    color: #000;
}
.next-hero-subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px;
    width: 100%;
    z-index: 10;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    color: #000;
}
#page-nav .next-hero-subtitle {
    margin-bottom: 20px;
}
.next-hero-subtitle span {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.3;
}
.inline-title .next-hero-subtitle span {
    display: inline-block;
}
.light-content .next-hero-subtitle {
    color: #fff;
}
.change-header .next-hero-subtitle {
    color: #000 !important;
}
/*--------------------------------------------------
Project Page Navigation
---------------------------------------------------*/
#project-nav {
    height: 100vh;
    width: 100%;
    color: #fff;
    position: absolute;
    margin-bottom: 0;
    bottom: -100vh;
    overflow: hidden;
}
.hero-below-caption #project-nav {
    height: 100vh;
    bottom: -100vh;
}
#project-nav.change-header {
    color: #000;
}
.next-project-wrap {
    display: table;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    opacity: 0.2;
    top: -50%;
    z-index: 10;
}
.hero-below-caption .next-project-wrap {
    top: 0;
}
.next-project-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: 1;
}
.next-project-image-wrapper.temporary {
    position: fixed;
}
.next-project-image-wrapper.active {
    opacity: 1;
}
.next-project-image {
    position: absolute;
    top: 0;
    opacity: 0.5;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: scale(1.1);
    transform: scale(1.1);
}
.load-project-thumb-with-title .next-project-image {
    z-index: 10;
}
.next-project-image.temporary {
    top: 0px !important;
}
.next-project-image.visible {
    opacity: 1 !important;
}
.next-project-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.next-project-caption {
    display: table;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}
.hero-below-caption .next-project-caption {
    padding-top: 315px;
}
.next-caption-wrapper {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.hero-below-caption .next-caption-wrapper {
    vertical-align: top;
    text-align: left;
}
#project-nav .caption-wrapper {
    position: relative;
    display: table;
    margin: 0;
}
.next-caption {
    display: block;
    position: relative;
    z-index: 1;
}
#project-nav .next-ajax-link-project {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.next-ajax-link-project.auto-trigger {
    pointer-events: none;
}
.next-hero-progress {
    position: relative;
    height: 3px;
    width: 84px;
    background-color: rgba(255, 255, 255, 0.3);
    background-size: 0% 100%;
    margin-bottom: 40px;
}
.next-hero-progress span {
    position: absolute;
    left: 0;
    height: 3px;
    width: 0;
    background-color: #fff;
}
.change-header .next-hero-progress {
    background-color: rgba(0, 0, 0, 0.3);
}
.change-header .next-hero-progress span {
    background-color: #000;
}
.show-loader .next-hero-progress span {
    left: auto;
    right: 0;
}
#project-nav .next-hero-title, #project-nav .next-hero-subtitle {
    color: #fff;
}
#project-nav.change-header .next-hero-title, #project-nav.change-header .next-hero-subtitle {
    color: #000;
}
/*--------------------------------------------------
Temporary Hero
---------------------------------------------------*/
.temporary-hero {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    pointer-events: none;
    z-index: 10;
}
.temporary-hero .outer {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 10;
}
.hero-below-caption .temporary-hero .outer {
    padding-top: 315px;
}
.temporary-hero .inner {
    vertical-align: middle;
    text-align: left;
}
.hero-below-caption .temporary-hero .inner {
    vertical-align: top;
    text-align: left;
}
.temporary-hero .inner .caption-wrapper, .temporary-hero .inner .next-caption {
    position: relative;
}
.temporary-hero .inner .caption-wrapper .title span {
    color: #000;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.temporary-hero .inner .caption-wrapper .subtitle span {
    position: relative;
    display: block;
    opacity: 1;
    color: #000;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.temporary-hero.light-content .inner .caption-wrapper .title span, .temporary-hero.light-content .inner .caption-wrapper .subtitle span {
    color: #fff;
}
.temporary-hero .next-hero-progress {
    background-color: rgba(0, 0, 0, 0.3);
}
.temporary-hero .next-hero-progress span {
    background-color: #000;
}
.temporary-hero.light-content .next-hero-progress {
    background-color: rgba(255, 255, 255, 0.3);
}
.temporary-hero.light-content .next-hero-progress span {
    background-color: #fff;
}
.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::before {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 0.2s;
    transition: opacity 0.3s ease-out 0.2s;
}
.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 0.2s;
    transition: opacity 0.3s ease-out 0.2s;
}
/*--------------------------------------------------
General Width and Padding for Hero, Content, Page and Project Nav
---------------------------------------------------*/
.content-max-width {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1550px;
}
.content-max-width.large {
    max-width: 1720px;
}
.content-full-width {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 100%;
}
.empty-spacer-col {
    display: block;
    width: 100%;
    clear: both;
}
.blog__single-content-meta, .page__title-meta {}
.blog__single-content-meta ul, .page__title-meta ul {
    margin: 0;
    list-style: none;
}
.blog__single-content-meta ul li {
    display: inline-block;
    margin-right: 28px;
    margin-left: 0;
}
.blog__single-content-meta ul li i {
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    vertical-align: initial;
    position: relative;
}
#application-form-box, #refer-friend-form-box {
    display: none;
}
.sidebar__widget {
    margin-bottom: 10px;
}
.sidebar__widget-title {}
.sidebar__widget-title h3 {
    margin-bottom: 0;
}
.sidebar__widget-link{
    
}
.sidebar__widget-link ul{
    list-style: none;
    margin: 0;
}
.sidebar__widget-link ul > li:not(:last-child){
    border-bottom: rgba(0, 0, 0, 0.8) 2px solid;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.sharethis-wrapper {
    display: flex;
    align-items: center;
    border-top: rgb(0 0 0 / .25) 1px dashed;
    padding-top: 20px;
    font-size: clamp(24px, 2.2vw, 44px);
}
.sharethis-wrapper p {
    margin-bottom: 0;
    margin-right: 10px;
}
/*--------------------------------------------------
	Responsive
---------------------------------------------------*/
/*--------------------------------------------------
	General Styles
---------------------------------------------------*/
.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-slide-active {
    z-index: 1;
}
.img-mask {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 0;
}
.section-image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.swiper-slide .outer {
    margin: 0 auto;
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 10;
}
.swiper-slide .inner {
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.slide-title-wrapper {
    position: relative;
    height: auto;
    width: auto;
    display: table;
    margin: 0;
    text-align: left;
}
.slide-title-wrapper .slide-link {
    display: none;
    width: 0;
    height: 0;
}
.disable-ajaxload .slide-title-wrapper .slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
}
.slide-title {
    font-size: calc(1rem + 4.15vw);
    line-height: calc(1rem + 5.5vw);
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-left: -0.3vw;
    position: relative;
    display: block;
    pointer-events: none;
    cursor: pointer;
    color: #000;
    z-index: 10;
    overflow: hidden;
}
.light-content .slide-title {
    color: #fff;
}
.slide-title div {
    display: block;
    overflow: hidden;
}
.slide-title span {
    position: relative;
    display: block;
    text-align: left;
    opacity: 0;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
}
.slide-subtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 40px;
    z-index: 10;
    position: relative;
    display: block;
    color: #000;
    overflow: hidden;
}
.light-content .slide-subtitle {
    color: #fff;
}
.slide-subtitle div {
    display: block;
    overflow: hidden;
}
.slide-subtitle span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}
/*--------------------------------------------------
	Showcase Slider
---------------------------------------------------*/
#showcase-slider-holder {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    opacity: 0;
}
#showcase-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: visible;
}
.disable-slider-interaction #showcase-slider .swiper-slide {
    pointer-events: none;
}
#showcase-slider .inner {
    opacity: 0;
    padding: 20px 0px 90px 0px;
}
#showcase-slider .swiper-slide .outer .slide-title.active-title {
    pointer-events: initial;
}
.scale-drag-x #showcase-slider .swiper-slide .outer .slide-title.active-title {
    pointer-events: none;
}
.showcase-pagination-wrap {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    z-index: 100;
    height: 100%;
    display: block;
    pointer-events: none;
}
.showcase-pagination {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    pointer-events: none;
    opacity: 1;
    margin: 0 auto;
}
.showcase-pagination .swiper-pagination-bullet {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    left: 0;
    right: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
    text-align: left;
    opacity: 1;
    bottom: 0;
    counter-increment: title-counter;
}
.showcase-pagination .swiper-pagination-bullet, .light-content.light-content-slider .showcase-pagination .swiper-pagination-bullet {
    color: rgba(0, 0, 0, 1);
}
.light-content .showcase-pagination .swiper-pagination-bullet, .light-content-slider .showcase-pagination .swiper-pagination-bullet {
    color: rgba(255, 255, 255, 1);
}
.showcase-pagination .parallax-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    pointer-events: initial;
}
.showcase-pagination .parallax-element {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 50px;
}
.showcase-caption-wrapper {
    position: relative;
    width: 100%;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 20px 0px 90px 0px;
}
.showcase-caption-wrapper .content-max-width {
    margin: auto;
}
.slide-arrow {
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    padding-left: 4px;
    padding-top: 4px;
}
.slide-arrow span {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.swiper-prev i, .swiper-next i {
    position: relative;
}
/*--------------------------------------------------
	Showcase Carousel
---------------------------------------------------*/
#showcase-carousel-holder {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    opacity: 0;
}
#showcase-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: visible;
}
#showcase-carousel .swiper-wrapper {
    align-items: center;
}
#showcase-carousel .swiper-slide {
    height: 35vw;
    width: 23vw;
    overflow: hidden;
    display: flex;
}
#showcase-carousel .swiper-slide:nth-of-type(2n+2) .img-mask {
    width: calc(100% - 100px);
    height: calc(100% - 120px);
}
#showcase-carousel .swiper-slide .outer {
    padding: 50px 40px;
}
#showcase-carousel .swiper-slide:nth-of-type(2n+2) .outer {
    padding: 100px 80px;
}
#showcase-carousel .swiper-slide .inner {
    vertical-align: bottom;
    text-align: left;
    position: relative;
}
#showcase-carousel .slide-title-wrapper {
    margin: 0;
    text-align: left;
}
#showcase-carousel .slide-title {
    font-size: 48px;
    line-height: 60px;
    margin-left: 0;
}
#showcase-carousel .swiper-slide:nth-of-type(2n+2) .slide-title {
    font-size: 36px;
    line-height: 48px;
}
#showcase-carousel .slide-title div {
    display: block;
    overflow: hidden;
}
#showcase-carousel .slide-title span {
    display: block;
    opacity: 0;
}
.light-content #showcase-carousel .slide-title {
    color: #fff;
}
.change-header #showcase-carousel .slide-title {
    color: #000;
}
.light-content #showcase-carousel .change-header .slide-title {
    color: #000;
}
#showcase-carousel .slide-subtitle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}
#showcase-carousel .slide-subtitle span {
    opacity: 0;
}
.light-content #showcase-carousel .slide-subtitle {
    color: #fff;
}
.change-header #showcase-carousel .slide-subtitle {
    color: #000;
}
.light-content #showcase-carousel .change-header .slide-subtitle {
    color: #000;
}
#showcase-carousel .swiper-slide .outer .slide-title {
    pointer-events: initial;
}
.scale-drag-x #showcase-carousel .swiper-slide .outer .slide-title.active-title {
    pointer-events: none;
}
/*--------------------------------------------------
	WebGl Slider
---------------------------------------------------*/
#canvas-slider {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: width 0.5s ease-in-out 0;
    transition: width 0.5s ease-in-out 0s;
}
#canvas-slider.split {
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}
#canvas-slider.split canvas {
    transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
}
#canvas-slider .slider-img {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #222;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#canvas-slider img {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
    z-index: 100;
    cursor: pointer;
    object-position: center;
    object-fit: cover;
}
/*--------------------------------------------------
	Showcase Lists
---------------------------------------------------*/
.showcase-list-holder {
    position: relative;
    z-index: 15;
    width: 100%;
    height: calc(100vh - 140px);
    margin: 0 auto;
    display: table;
    box-sizing: border-box;
    padding: 0px;
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.showcase-list {
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.slide-list {
    width: 100vw;
    position: relative;
    display: block;
    float: none;
    cursor: pointer;
    pointer-events: initial;
    margin: 0;
    padding-top: 5vw;
    padding-bottom: calc(5vw + 112px);
    z-index: 10;
    text-align: left;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
}
.slide-list:first-child {
    border-top: 1px solid;
}
.light-content .slide-list {
    border-color: rgba(255, 255, 255, 0.2);
}
.slide-list.above {
    opacity: 1;
}
.scale-fitthumbs .slide-list.above {
    opacity: 1 !important;
}
.disable-ajaxload .slide-list a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
}
.sl-title {
    font-size: calc(1rem + 4.15vw);
    line-height: calc(1rem + 5.5vw);
    position: relative;
    font-weight: 500;
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: 0px;
    vertical-align: top;
    width: 100%;
    margin: 0 auto;
    z-index: 10;
    color: #000;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.slide-list.disable .sl-title {
    opacity: 0.1;
}
.light-content .sl-title {
    color: #fff;
}
.sl-title span {
    position: relative;
    display: inline-block;
    margin: 0 1.5vw;
    opacity: 0;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
}
.sl-title span::after {
    content: "-";
    position: relative;
    line-height: inherit;
    padding-left: 3vw;
}
.sl-wrapper {
    display: table;
    margin: 0 auto;
    width: 100%;
}
.sl-subtitle {
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 40px;
    color: #000;
    position: relative;
    opacity: 0.5;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slide-list.disable .sl-subtitle {
    opacity: 0.1;
}
.slide-list:hover .sl-subtitle {
    color: #000;
    opacity: 1;
}
.light-content .sl-subtitle {
    color: #fff;
}
.light-content .slide-list:hover .sl-subtitle {
    color: #fff;
    opacity: 1;
}
.sl-subtitle span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
}
/*--------------------------------------------------
	Reverse Lists
---------------------------------------------------*/
.showcase-reverse-list-holder {
    margin: 0 auto;
    padding: 0;
}
.showcase-reverse-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.aside {
    width: 50%;
}
.aside.right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0;
    text-align: right;
}
.sr-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
}
.sr-slide .item-parallax {
    position: relative;
}
/*--------------------------------------------------
	16. Responsive
---------------------------------------------------*/
#app {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out 0.3s;
    transition: all 0.1s ease-in-out 0.3s;
}
.load-project-thumb #app, .load-project-thumb-with-title #app, .load-project-thumb-with-title-and-scale #app {
    opacity: 1;
}
.grid__item-img--large {
    pointer-events: none;
    position: absolute;
    opacity: 0;
}
.grid__item-hidden {
    pointer-events: none;
    position: fixed;
    opacity: 0;
}
#project-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
}
#project-holder.open {
    pointer-events: initial;
}
#showcase-height {
    position: relative;
    width: 100vw;
    height: 0;
}
#project-holder #main, #project-holder #main-page-content {
    opacity: 1;
}
.clone-wrapper {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
}
.clone-container {
    overflow: hidden;
    height: 100%;
    width: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    opacity: 1;
}
.thumb-wrapper {
    visibility: hidden;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
}
.thumb-container {
    visibility: hidden;
    height: 100vh;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
    background-color: #161717;
}
.thumb-page {
    cursor: pointer;
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0px;
    position: fixed;
    visibility: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*--------------------------------------------------
	02. Filters
---------------------------------------------------*/
#show-filters {
    font-size: 12px;
    color: #000;
    opacity: 0;
    display: block;
    cursor: pointer;
    position: fixed;
    left: 48px;
    bottom: 30px;
    height: 80px;
    width: 80px;
    background: none;
    transform-origin: 0 0;
    z-index: 100;
    pointer-events: none;
}
.light-content #show-filters {
    color: #fff;
}
#show-filters.enabled {
    pointer-events: initial;
}
.show-filters-wrap {
    width: 80px;
    height: 80px;
    float: right;
    top: 0px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.open-filters {
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
#filters-overlay {
    position: fixed;
    z-index: 15;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-in-out 0.6s;
    transition: all 0.1s ease-in-out 0.6s;
}
#filters-overlay.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
}
#close-filters {
    position: fixed !important;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#filters-overlay .outer {
    width: 100%;
    margin: 0 auto;
    padding: 70px 80px;
    box-sizing: border-box;
}
#filters-overlay .inner {
    vertical-align: bottom;
    position: relative;
    pointer-events: none;
    text-align: left;
}
.filters-wrap {
    position: relative;
    width: 100%;
    max-height: 0px;
    opacity: 0;
    margin-top: 100px;
    transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
    -webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
}
.filters-wrap.active {
    opacity: 1;
    max-height: 100px;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#filters {
    height: auto;
    z-index: 15;
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0;
    pointer-events: initial;
    margin: 0;
}
#filters li {
    display: block;
    opacity: 1;
    position: relative;
    margin: 10px 0;
    text-align: left;
    overflow: hidden;
}
#filters li a {
    display: inline-block;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    z-index: 15;
    opacity: 0;
    position: relative;
    -webkit-transition: color 0.15s ease-in-out, padding 0.25s ease-in-out;
    transition: color 0.15s ease-in-out, padding 0.25s ease-in-out;
}
#filters:hover li a {
    color: rgba(0, 0, 0, 0.4);
}
#filters li a:hover {
    color: rgba(0, 0, 0, 1);
    padding-left: 40px;
}
.light-content #filters li a {
    color: rgba(255, 255, 255, 1);
}
.light-content #filters:hover li a {
    color: rgba(255, 255, 255, 0.4);
}
.light-content #filters li a:hover {
    color: rgba(255, 255, 255, 1);
}
#filters li a::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 3px;
    top: calc(50% - 2px);
    left: 0px;
    background-color: #000;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.light-content #filters li a::after {
    background-color: #fff;
}
#filters li a:hover::after {
    width: 20px;
}
/*--------------------------------------------------
	09. Portfolio Isotope Transitions
---------------------------------------------------*/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    -ms-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    transition-duration: 1.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/*--------------------------------------------------
	03. Portfolio Layout
---------------------------------------------------*/
.portfolio-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    min-height: 50vh;
}
.portfolio {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
}
.portfolio:after {
    content: "";
    display: table;
    clear: both;
}
.item {
    display: block;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    margin: 0px;
    width: 50%;
    z-index: 0;
    pointer-events: none;
}
.item.hover {
    z-index: 1;
}
.overlapping-grid .item {
    margin: 350px 0px 350px 0px;
    width: 50%;
}
.overlapping-grid .item::after {
    content: "";
    display: block;
    padding-bottom: 135%;
}
.overlapping-grid .item:nth-of-type(2n+1) {
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
}
.overlapping-grid .item:nth-of-type(2n+2) {
    transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
}
.overlapping-grid .item:first-child {
    margin-top: 0px;
}
.overlapping-grid .item:last-child {
    margin-bottom: 0px;
}
.overlapping-grid.below-caption .item:last-child {
    margin-bottom: 100px;
}
.parallax-two-grid .item {
    margin-bottom: 50px;
    margin-bottom: 10px;
    width: 50%;
}
.parallax-two-grid .item::after {
    content: "";
    display: block;
    padding-bottom: 90%;
}
.parallax-two-grid .item:nth-of-type(2n+1) {
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
}
.parallax-two-grid .item:nth-of-type(2n+2) {
    transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
}
.parallax-two-grid .item.centered {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.vertical-parallax {
    z-index: 0;
}
.parallax-two-grid .item:last-child, .parallax-two-grid .item:nth-last-child(2) {
    margin-bottom: 0px;
}
.parallax-two-grid.below-caption .item:last-child, .parallax-two-grid.below-caption .item:nth-last-child(2) {
    margin-bottom: 100px;
}
.parallax-two-grid .item:nth-of-type(4n+1) .item-parallax {
    height: 85%;
    width: 90%;
}
.parallax-two-grid .item:nth-of-type(4n+2) .item-parallax {
    height: 72%;
    width: 72%;
    bottom: 0;
    right: 0;
}
.parallax-two-grid .item:nth-of-type(4n+3) .item-parallax {
    height: 72%;
    width: 72%;
    bottom: 0;
    left: 0;
}
.parallax-two-grid .item:nth-of-type(4n+4) .item-parallax {
    height: 100%;
    width: 100%;
}
.parallax-three-grid .item {
    margin: 0px 0px;
    width: 100%;
}
.parallax-three-grid .item:nth-of-type(6n+1)::after {
    content: "";
    display: block;
    padding-bottom: 46%;
}
.parallax-three-grid .item:nth-of-type(6n+2)::after {
    content: "";
    display: block;
    padding-bottom: 40%;
}
.parallax-three-grid .item:nth-of-type(6n+3)::after {
    content: "";
    display: block;
    padding-bottom: 30%;
}
.parallax-three-grid .item:nth-of-type(6n+4)::after {
    content: "";
    display: block;
    padding-bottom: 40%;
}
.parallax-three-grid .item:nth-of-type(6n+5)::after {
    content: "";
    display: block;
    padding-bottom: 46%;
}
.parallax-three-grid .item:nth-of-type(6n+6)::after {
    content: "";
    display: block;
    padding-bottom: 30%;
}
.parallax-three-grid .item:nth-of-type(6n+1) .item-parallax {
    height: 100%;
    width: 34%;
    left: 80px;
}
.parallax-three-grid .item:nth-of-type(6n+2) .item-parallax {
    height: 100%;
    width: 28%;
    top: 0;
    right: 80px;
}
.parallax-three-grid .item:nth-of-type(6n+3) .item-parallax {
    height: 100%;
    width: 20%;
    left: 40%;
    right: 40%;
}
.parallax-three-grid .item:nth-of-type(6n+4) .item-parallax {
    height: 100%;
    width: 28%;
    left: 80px;
}
.parallax-three-grid .item:nth-of-type(6n+5) .item-parallax {
    height: 100%;
    width: 34%;
    top: 0;
    right: 80px;
}
.parallax-three-grid .item:nth-of-type(6n+6) .item-parallax {
    height: 100%;
    width: 20%;
    left: 34%;
    right: 46%;
}
.parallax-three-grid.below-caption .item:last-child {
    margin-bottom: 100px;
}
.item-parallax {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: initial;
    display: block;
}
.item-appear {
    display: block;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.item-image::after {
    content: "";
    opacity: 0;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.load-project-thumb .item-image::after {
    content: "";
    opacity: 1;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.item-content {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 1;
}
.fade-scaleout-effect .item-content {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.2s;
    transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.2s;
}
.fade-scaleout-effect .active .item-content, .shortcode-portfolio .item-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: absolute;
    right: 0;
}
.item-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
}
.item-wrap-image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: all 1s cubic-bezier(.165, .84, .44, 1) 0s;
}
.item-parallax:hover .item-appear .item-wrap-image, .above .item-wrap-image {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.disable-ajaxload .item-wrap-image {
    pointer-events: none;
}
.item-image {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 100;
    object-position: center;
    object-fit: cover;
}
.portfolio .item-image {
    cursor: pointer;
}
.portfolio .no-hover .item-image {
    cursor: default;
}
.above.item {
    opacity: 1;
}
.scale-fitthumbs .above.item {
    opacity: 1 !important;
}
.item-caption {
    z-index: 10;
    position: absolute;
    bottom: 0px;
    height: auto;
    padding: 50px 50px 60px 50px;
    box-sizing: border-box;
    width: 100%;
    cursor: default;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0.4s;
    transition: all 0.2s ease-out 0.4s;
}
.item.active .item-caption {
    opacity: 1;
}
.below-caption .item-caption, .parallax-three-grid.below-caption .item:nth-of-type(1n+1) .item-caption, .parallax-two-grid.below-caption .item:nth-of-type(1n+1) .item-caption {
    position: relative;
    bottom: -20px;
    padding: 0 10px;
}
.parallax-two-grid .item:nth-of-type(4n+2) .item-caption, .parallax-two-grid .item:nth-of-type(4n+3) .item-caption {
    padding: 40px;
}
.parallax-three-grid .item:nth-of-type(6n+3) .item-caption, .parallax-three-grid .item:nth-of-type(6n+6) .item-caption {
    padding: 30px;
}
.item-title {
    margin: 0;
    font-weight: 400;
    font-size: 60px;
    line-height: 1;
    display: block;
    position: relative;
    color: #fff;
}
.parallax-two-grid .item:nth-of-type(4n+2) .item-title, .parallax-two-grid .item:nth-of-type(4n+3) .item-title {
    font-weight: 400;
    font-size: 60px;
    line-height: 1.1;
}
.parallax-three-grid .item:nth-of-type(6n+3) .item-title, .parallax-three-grid .item:nth-of-type(6n+6) .item-title {
    font-weight: 400;
    font-size: 84px;
    line-height: 100px;
}
.light-content .item-title {
    color: #fff;
}
.change-header .item-title {
    color: #000;
}
.light-content .change-header .item-title {
    color: #000;
}
.below-caption .item-title, .parallax-three-grid.below-caption .item:nth-of-type(1n+1) .item-title, .parallax-two-grid.below-caption .item:nth-of-type(1n+1) .item-title {
    font-size: 24px;
    line-height: 36px;
}
.below-caption .item-title {
    color: #000;
}
.light-content .below-caption .item-title, .light-content .below-caption .change-header .item-title {
    color: #fff;
}
.item-title div {
    display: block;
    overflow: hidden;
}
.item-title span {
    display: block;
    margin: 0;
    min-width: 10px;
    width: auto;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
.item-cat {
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff;
    letter-spacing: 0.5px;
}
.light-content .item-cat {
    color: #fff;
}
.change-header .item-cat {
    color: #000;
}
.light-content .change-header .item-cat {
    color: #000;
}
.below-caption .item-cat {
    position: absolute;
    bottom: -70px;
    opacity: 0;
    color: #000;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.below-caption .item:hover .item-cat {
    bottom: -55px;
    opacity: 0.6;
}
.light-content .below-caption .item-cat, .light-content .below-caption .change-header .item-cat {
    color: #fff;
}
.item-cat div {
    display: block;
    overflow: hidden;
}
.item-cat span {
    display: inline-block;
    margin: 0;
    margin-right: 4px;
    min-width: 10px;
    width: auto;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.item-date {
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0px;
    overflow: hidden;
    color: #fff;
}
.light-content .item-date {
    color: #fff;
}
.change-header .item-date {
    color: #000;
}
.light-content .change-header .item-date {
    color: #000;
}
.below-caption .item-date {
    display: none;
}
.item-date div {
    display: block;
    overflow: hidden;
}
.item-date span {
    display: block;
    margin: 0;
    min-width: 10px;
    width: auto;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.item-arrow {
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    padding-left: 4px;
    padding-top: 4px;
}
.item-arrow i.arrow-icon {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.below-caption .item-arrow {
    display: none;
}
/*--------------------------------------------------
	Responsive
---------------------------------------------------*/
/*--------------------------------------------------
	Pinned Section
---------------------------------------------------*/
.pinned-section {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 1160px;
}
.full .pinned-section {
    max-width: 100%;
}
.pinned-section .pin-spacer {
    width: 50% !important;
}
.pinned-element {
    position: relative;
    float: left;
    width: 50%;
    margin: 0;
    box-sizing: border-box;
}
.pinned-element.left {
    padding-right: 30px;
}
.pinned-element.right {
    padding-left: 30px;
}
.scrolling-element {
    position: relative;
    float: left;
    width: 50%;
    margin: 0;
    box-sizing: border-box;
}
.scrolling-element.left {
    padding-right: 30px;
}
.scrolling-element.right {
    padding-left: 30px;
}
.scrolling-element img {
    display: block;
    height: auto;
    width: 100%;
}
/*--------------------------------------------------
	Content Text Effects
---------------------------------------------------*/
.title-moving-outer {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.title-moving-forward, .title-moving-backward {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 6vw;
    box-sizing: border-box;
}
.content-marquee-outer {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.content-marquee-inner {
    position: relative;
    float: left;
    z-index: 0;
}
.content-marquee {
    white-space: nowrap;
    animation: content-marquee 15s infinite linear;
    padding-left: 1vw;
    color: #000;
}
.content-marquee:hover {
    animation-play-state: paused;
}
.light-content .content-marquee, .dark-section .content-marquee {
    color: #fff;
}
.light-content .light-section .content-marquee {
    color: #000;
}
.content-marquee:after {
    content: attr(data-text);
    padding-left: 1vw;
}
@keyframes content-marquee {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}
.marquee-text-wrapper {
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.marquee-text {
    font-weight: 400;
    display: inline-block;
    padding: 0 1vw;
    color: #000;
}
.light-content .marquee-text, .dark-section .rolling-text {
    color: #fff;
}
.light-content .light-section .marquee-text {
    color: #000;
}
/*--------------------------------------------------
	Hover Reveal Image
---------------------------------------------------*/
.hover-reveal {
    position: fixed;
    width: 20vw;
    height: 30vw;
    pointer-events: none;
    opacity: 0;
}
.hover-reveal__inner, .hover-reveal__img {
    width: 100%;
    height: 100%;
    position: relative;
}
.hover-reveal__img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
/*--------------------------------------------------
	Carousel
---------------------------------------------------*/
.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.content-carousel .swiper-wrapper {}
.swiper-container.content-carousel, .swiper-container.content-looped-carousel, .swiper-container.panels-looped-carousel, .swiper-container.content-middle-carousel {
    overflow: visible !important;
    cursor: grab;
}
.swiper-container.content-middle-carousel {
    margin-bottom: 100px
}
.drag-cursor .swiper-container.content-carousel, .drag-cursor .swiper-container.content-looped-carousel {
    cursor: grabbing;
}
.content-looped-carousel .swiper-slide:not(.text-left) {
    text-align: center;
}
.content-carousel .swiper-slide:not(.text-left) {
    text-align: center;
}
.content-slider .swiper-slide img, .content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img, .team-looped-carousel .swiper-slide img {
    pointer-events: none;
}
.content-slider .slider-button-prev {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}
.content-slider .slider-button-next {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}
.content-slider .swiper-pagination-bullets, .content-carousel .swiper-pagination-bullets, .content-looped-carousel .swiper-pagination-bullets {
    display: block;
    bottom: 20px !important;
    position: absolute;
    pointer-events: initial;
    width: 100%;
}
.content-carousel .swiper-pagination {
    opacity: 0;
}
.content-looped-carousel.middle .swiper-pagination-bullets {
    display: block;
}
.swiper-container-horizontal.content-middle-carousel > .swiper-pagination-bullets {
    bottom: -100px;
    left: 0;
    width: 100%;
}
footer .swiper-pagination {
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    top: 20px;
    max-width: 400px;
    pointer-events: initial;
}
.showcase-footer.slider .swiper-pagination {
    position: relative;
    text-align: right;
    max-width: none;
    pointer-events: none;
}
.swiper-pagination .parallax-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    pointer-events: initial;
}
.content-slider .swiper-pagination .parallax-wrap, .content-looped-carousel .swiper-pagination .parallax-wrap, .content-carousel .swiper-pagination .parallax-wrap {
    pointer-events: initial;
}
.swiper-pagination .parallax-element {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 50px;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    background: transparent !important;
}
.swiper-pagination-bullet {
    background: #000;
}
.swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash ease-in 3s;
    animation-iteration-count: unset;
}
.swiper-pagination-bullet .path, .light-content.light-content-slider .swiper-pagination-bullet .path {
    stroke: #000;
}
.swiper-pagination-bullet .solid-fill, .light-content.light-content-slider .swiper-pagination-bullet .solid-fill {
    fill: #000;
}
.light-content .swiper-pagination-bullet .path, .dark-section .swiper-pagination-bullet .path, .light-content-slider .swiper-pagination-bullet .path {
    stroke: #fff;
}
.light-content .light-section .swiper-pagination-bullet .path {
    stroke: #000;
}
.light-content .swiper-pagination-bullet .solid-fill, .dark-section .swiper-pagination-bullet .solid-fill, .light-content-slider .swiper-pagination-bullet .solid-fill {
    fill: #fff;
}
.light-content .light-section .swiper-pagination-bullet .solid-fill, .light-content .dark-section .dark-cursor .swiper-pagination-bullet .solid-fill {
    fill: #000;
}
.light-cursor .swiper-pagination-bullet .path {
    stroke: #fff !important;
}
.dark-cursor .swiper-pagination-bullet .path {
    stroke: #000 !important;
}
.light-cursor .swiper-pagination-bullet .solid-fill {
    fill: #fff !important;
}
.dark-cursor .swiper-pagination-bullet .solid-fill {
    fill: #000 !important;
}
.path {
    display: none;
}
@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.disable-cursor .slider-button-prev {
    position: absolute;
    top: calc(50% - 50px);
    left: 0px;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .slider-button-prev:hover {
    opacity: 1;
}
.disable-cursor .slider-button-prev::after {
    font: var(--fa-font-solid);
    content: "\f104";
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}
.disable-cursor .light-cursor .slider-button-prev::after, .disable-cursor .light-cursor .slider-button-next::after {
    color: #fff;
}
.disable-cursor .dark-cursor .slider-button-prev::after, .disable-cursor .dark-cursor .slider-button-next::after {
    color: #000;
}
.disable-cursor .slider-button-next {
    position: absolute;
    top: calc(50% - 50px);
    left: auto;
    right: 0px;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .slider-button-next:hover {
    opacity: 1;
}
.disable-cursor .slider-button-next::after {
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}
/*--------------------------------------------------
	Light Box
---------------------------------------------------*/
.image-link, .video-link {
    display: block;
    width: auto;
}
.disable-cursor .image-link::after {
    font: var(--fa-font-solid);
    content: "\f002";
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .image-link:hover::after {
    opacity: 1;
}
.disable-cursor .video-link::after {
    font: var(--fa-font-solid);
    content: "\f04b";
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .video-link:hover::after {
    opacity: 1;
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.93;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-content figcaption, .mfp-bottom-bar {
    display: none;
}
/*--------------------------------------------------
	Video Player
---------------------------------------------------*/
.hero-video-wrapper {
    position: fixed;
    box-sizing: border-box;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
}
.item .hero-video-wrapper, .swiper-slide .hero-video-wrapper, .hover-reveal__img .hero-video-wrapper, .vp-img-mask .hero-video-wrapper {
    position: absolute;
    box-sizing: border-box;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
    top: 0;
    z-index: 120;
    pointer-events: none;
}
.hero-video-wrapper video.bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.video-wrapper {
    position: relative;
    box-sizing: border-box;
    min-width: 100%;
    max-height: 100vh;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.video-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
    transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
}
.video-cover.hidden {
    opacity: 0;
    height: calc(100% - 50px);
    -webkit-transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
    transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
}
video.bgvid {
    background-size: cover;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: 100%;
    z-index: -100;
}
.video-wrapper video.bgvid {
    position: relative;
}
.full .video-wrapper video.bgvid {
    position: relative;
    margin-top: 50vh;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.control {
    bottom: 25px;
    color: #ccc;
    display: none;
    left: 0;
    position: absolute;
    width: calc(100% - 40px);
    z-index: 5;
    background-color: #eee;
    padding: 0;
    box-sizing: border-box;
    right: 0;
    margin: 0 auto;
}
.full .control {
    bottom: 10px;
    width: calc(100% - 160px);
}
.btmControl {
    clear: both;
}
.control .sound {
    width: 30px;
    height: 50px;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    color: #fff;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.control .sound:hover {
    opacity: 1;
}
.control .sound i {
    line-height: 50px;
}
.control .sound.muted i:first-child {
    display: none;
}
.control .sound.muted i:last-child {
    display: block;
}
.control .sound i:last-child {
    display: none;
}
.control .btnFS {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    color: #fff;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.control .btnFS:hover {
    opacity: 1;
}
.progress-bar {
    background: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    float: left;
    height: auto;
    width: calc(100% - 123px);
    cursor: pointer;
    bottom: 23px;
    position: absolute;
    left: 23px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.video-wrapper:hover .progress-bar {
    opacity: 1;
}
.progress {
    height: 2px;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.progress span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.timeBar {
    z-index: 10;
    width: 0;
    background: #fff;
}
.bufferBar {
    z-index: 5;
    width: 0;
    background: rgba(255, 255, 255, 0.2);
}
.video-btns {
    position: absolute;
    right: 3px;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.video-wrapper:hover .video-btns {
    opacity: 1;
}
.volume {
    position: relative;
    cursor: pointer;
    width: 70px;
    height: 10px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.volumeBar {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/*--------------------------------------------------
	Buttons
---------------------------------------------------*/
.button-box {
    margin-top: 10px;
    line-height: 16px;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    position: relative;
}
.text-align-center .button-box {
    margin-left: 10px;
    margin-right: 10px;
}
.button-content .submit-box {
    color: #fff;
}
.clapat-button-wrap {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    min-width: 100px;
    height: 60px;
}
.clapat-button-wrap.circle {
    min-width: 104px;
    height: 104px;
}
.text-align-center .clapat-button-wrap {
    margin: 0 auto;
}
.clapat-button {
    opacity: 1;
}
.button-border {
    height: 55px;
    width: auto;
    border: solid 2px #000;
    background-color: #000;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    overflow: hidden;
    color: #000;
    text-align: center;
    -webkit-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
}
.light-content .button-border, .dark-section .button-border {
    border: solid 2px #fff;
    background-color: #fff;
}
.light-content .light-section .button-border {
    border: solid 2px #000;
    background-color: #000;
}
.light-content .button-border a, .dark-section .button-border a {
    color: #000;
}
.light-content .light-section .button-border a {
    color: #fff;
}
.button-border.rounded {
    border-radius: 30px;
}
.button-border.outline {
    border: solid 3px #000;
    color: #000;
    background-color: transparent;
}
.light-content .button-border.outline, .dark-section .button-border.outline {
    border: solid 3px #fff;
    color: #fff;
    background-color: transparent;
}
.light-content .light-section .button-border.outline {
    border: solid 3px #000;
    background-color: transparent;
}
.light-content .button-border.outline a, .dark-section .button-border.outline a {
    color: #fff;
}
.light-content .light-section .button-border.outline a {
    color: #000;
}
.dark-content .light-section .button-border a {
    color: #fff;
}
.dark-content .light-section .button-border.outline a {
    color: #000;
}
.circle .button-border {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.button-border span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    width: auto;
    text-align: center;
    transform-origin: 100% 0%;
    padding: 0 30px;
}
.button-border span::before {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    content: attr(data-hover);
    text-align: center;
}
.clapat-button:hover .button-border span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
.clapat-button-wrap.circle:hover .button-border {
    border: solid 2px transparent;
}
.clapat-button-wrap.circle .button-border input, .clapat-button-wrap.circle .button-border a {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    cursor: pointer;
}
/*--------------------------------------------------
	Appearing Items
---------------------------------------------------*/
.has-animation {
    opacity: 0;
    -webkit-transition: translateY(60px);
    transform: translateY(60px);
}
.has-animation.has-scale {
    opacity: 0;
    -webkit-transition: translateY(0px) scale(1.05);
    transform: translateY(0px) scale(1.05);
    transform-origin: 50% 0;
    will-change: transform;
}
.has-animation.has-scale-vertical {
    opacity: 0;
    -webkit-transition: translateY(0px) scaleY(1.1);
    transform: translateY(0px) scaleY(1.1);
    transform-origin: 50% 0;
    will-change: transform;
}
.has-animation.has-cover {
    opacity: 1;
    -webkit-transition: translateY(0px);
    transform: translateY(0px);
    overflow: hidden;
}
.has-animation.has-cover::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    -o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
}
.has-animation.has-cover.animated::after {
    width: 0;
}
.has-animation.has-cover img {
    opacity: 1;
    -webkit-transition: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    -o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
}
.has-animation.has-cover.animated img {
    opacity: 1;
    -webkit-transition: scale(1);
    transform: scale(1);
}
.has-mask {
    margin-bottom: 10px;
}
.has-mask span {
    display: inline-table;
    overflow: hidden;
}
.has-mask span > span {
    display: inline-table;
    margin: 0 !important;
    line-height: inherit;
    height: inherit;
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}
h1.big-title.has-mask span, h1.big-title.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 12px;
}
h1.has-mask span, h1.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 12px;
}
h2.has-mask span, h2.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 10px;
}
h3.has-mask span, h3.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 8px;
}
h4.has-mask span, h4.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 7px;
}
h5.has-mask span, h5.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 6px;
}
h6.has-mask span, h6.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 5px;
}
.has-mask-fill > span {
    position: relative;
    width: auto;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
    background-size: 0% 100%;
}
.light-content .has-mask-fill > span, .dark-section .has-mask-fill > span {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    ;
}
.light-content .light-section .has-mask-fill > span {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
}
.text-center .has-mask-fill > span {
    margin-left: auto;
    margin-right: auto;
}
.has-indent {
    text-indent: 8vw;
}
.has-hover-image {
    cursor: pointer;
    display: inline-block;
    position: relative;
}
span.has-hover-image::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 1);
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .2s ease-out;
}
.light-content span.has-hover-image::before, .dark-section span.has-hover-image::before {
    background: rgba(255, 255, 255, 1);
}
.light-content .light-section span.has-hover-image::before {
    background: rgba(0, 0, 0, 1);
}
span.has-hover-image:hover::before {
    transform: scaleX(0);
    transform-origin: right;
}
span.has-hover-image .hover-reveal {
    width: 400px;
    height: 250px;
}
span.has-hover-image.vertical .hover-reveal {
    width: 300px;
    height: 400px;
}
.has-opacity {
    opacity: 0.2;
}
.number-counter {
    position: relative;
    display: table;
}
.number-counter::after {
    content: attr(data-symbol);
    line-height: inherit;
    font-size: 48px;
    font-weight: 400;
    top: 0;
    position: absolute;
    left: calc(100% + 5px);
}
/*--------------------------------------------------
	Underline Link
---------------------------------------------------*/
a.link {
    display: inline-block;
    position: relative;
}
.light-content a.link {
    color: #fff;
}
.light-content .light-section a.link {
    color: #000;
}
a.link::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 1);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease-out;
}
h1 a.link::before {
    bottom: 0px;
    height: 3px;
}
.light-content a.link::before, .dark-section a.link::before {
    background: rgba(255, 255, 255, 1);
}
.light-content .light-section a.link::before {
    background: rgba(0, 0, 0, 1);
}
a.link:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}
/*--------------------------------------------------
	Icon Boxes
---------------------------------------------------*/
.box-icon-wrapper {
    display: table;
    position: relative;
    box-sizing: border-box;
    height: auto;
    width: 100%;
}
.box-icon {
    color: #000;
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.text-align-center .box-icon {
    margin: auto;
}
.inline-boxes .box-icon {
    position: absolute;
}
.box-icon i {
    position: relative;
    margin-bottom: 0px;
    font-size: 24px;
}
.light-content .box-icon {
    color: #fff;
}
.light-content .light-section .box-icon {
    color: #000;
}
.box-icon:after {
    content: "";
    clear: both;
    display: table;
}
.box-icon-content {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.inline-boxes .box-icon-content {
    padding-left: 45px;
}
.box-icon h5 {
    margin-bottom: 5px;
}
/*--------------------------------------------------
	Parallax Image
---------------------------------------------------*/
.parallax-image-content {
    position: relative;
    margin: 0 auto;
    z-index: 10;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.parallax-image-content .outer {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.parallax-image-content img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
/*--------------------------------------------------
	Clients Table
---------------------------------------------------*/
.clients-table {
    margin: 0;
    margin-left: 2px;
    display: block;
}
.clients-table:after {
    content: "";
    clear: both;
    display: table;
}
.clients-table li {
    display: block;
    float: left;
    width: 25%;
    min-height: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    margin: 0px;
    margin-left: 0px;
    margin-left: -1px;
    margin-bottom: -1px;
}
.clients-table li img {
    margin: 0 auto;
    opacity: 0.6;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
.clients-table li:hover img {
    opacity: 1;
}
.clients-table.no-borders li {
    border: none;
}
/*--------------------------------------------------
	Accordion
---------------------------------------------------*/
.accordion {
    border-top: 2px solid rgba(0, 0, 0, 1);
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    padding: 20px 0;
    margin: 0;
    overflow: hidden;
}
.accordion.bigger-acc, .light-content .accordion.bigger-acc, .dark-section .accordion.bigger-acc, .light-content .light-section .accordion.bigger-acc {
    border-top: none;
    border-bottom: none;
    padding: 0px 0;
}
.light-content .accordion, .dark-section .accordion {
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    border-top: 2px solid rgba(255, 255, 255, 1);
}
.light-content .light-section .accordion {
    border-top: 2px solid rgba(0, 0, 0, 1);
    border-bottom: 2px solid rgba(0, 0, 0, 1);
}
.accordion dt {
    position: relative;
    cursor: pointer;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 36px;
    line-height: 48px;
    font-weight: 400;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    z-index: 10;
}
.accordion.bigger-acc dt {
    font-size: 72px;
    line-height: 88px;
    font-weight: 400;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.light-content .accordion.bigger-acc dt, .dark-section accordion.bigger-acc dt {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.light-content .light-section accordion.bigger-acc dt {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion.bigger-acc dt:first-child {
    margin-top: 0px;
    border-top: none;
}
.accordion dt span {
    width: calc(100% - 80px);
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0px;
    color: #000;
}
.accordion.bigger-acc dt span > div {
    position: relative;
    display: table;
    float: left;
    width: auto;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.accordion.bigger-acc:hover dt span > div {
    transition: all 0.15s ease 0s;
    -webkit-transition: all 0.15s ease 0s;
    background-size: 0% 100%;
}
.accordion.bigger-acc:hover dt:hover span > div {
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.light-content .accordion.bigger-acc dt span > div, .dark-section .accordion.bigger-acc dt span > div {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    ;
}
.light-content .light-section .accordion.bigger-acc dt span > div {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
}
.light-content .accordion dt span, .dark-section .accordion dt span {
    color: #fff;
}
.light-content .light-section .accordion dt span {
    color: #000;
}
.accordion .accordion-content {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    padding-left: 0;
    padding-right: 80px;
    padding-top: 10px;
    padding-bottom: 20px;
    z-index: 0;
    position: relative;
}
.accordion.bigger-acc .accordion-content {
    font-size: 18px;
    line-height: 30px;
}
.light-content .accordion .accordion-content, .dark-section .accordion .accordion-content {
    color: #ccc;
}
.light-content .light-section .accordion .accordion-content {
    color: #444;
}
.acc-icon-wrap {
    width: 80px;
    height: 80px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: none;
    position: absolute;
    right: -25px;
    top: -16px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
}
.accordion.bigger-acc .acc-icon-wrap {
    opacity: 0.2;
    top: 50px;
    right: -10px;
}
.accordion dt:hover .acc-icon-wrap, .accordion dt.accordion-active .acc-icon-wrap {
    opacity: 1;
}
.acc-button-icon {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
}
.accordion.bigger-acc .acc-button-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}
.light-content accordion.bigger-acc .acc-button-icon, .dark-section .accordion.bigger-acc .acc-button-icon {
    background: rgba(255, 255, 255, 0.1);
}
.light-content .light-section accordion.bigger-acc .acc-button-icon {
    background: rgba(0, 0, 0, 0.1);
}
.light-content .accordion .acc-button-icon, .dark-section .accordion .acc-button-icon {
    color: #fff;
}
.light-content .light-section .accordion .acc-button-icon {
    color: #000;
}
.acc-button-icon i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    -webkit-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
dt.accordion-active .acc-button-icon i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*--------------------------------------------------
	Justified Gallery
---------------------------------------------------*/
.justified-gallery {
    box-sizing: border-box;
    padding: 0 0px;
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}
.collage-thumb {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.collage-thumb:hover .thumb-info {
    opacity: 1;
    bottom: -5px;
}
.thumb-info {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    opacity: 0;
    color: #fff !important;
    padding: 50px 20px 20px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */
}
/*--------------------------------------------------
	Team Members
---------------------------------------------------*/
.team-members-list {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    pointer-events: none;
}
.team-members-list li {
    list-style: none;
    position: relative;
    margin: 0;
    width: 100%;
    cursor: pointer;
    pointer-events: initial;
    padding: 40px 0;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
}
.team-members-list li:last-child {
    border-bottom: 0px solid;
}
.light-content .team-members-list li, .dark-section .team-members-list li {
    border-color: rgba(255, 255, 255, 0.2);
}
.light-content .light-section .team-members-list li {
    border-color: rgba(0, 0, 0, 0.1);
}
.full > .team-members-list li {
    padding: 40px 80px;
}
.team-member {
    font-size: calc(1rem + 3vw);
    line-height: calc(1rem + 4.5vw);
    font-weight: 400;
    position: relative;
    display: table;
    margin-bottom: 0px;
    vertical-align: top;
    width: 100%;
    z-index: 10;
}
.full > .team-member {
    font-size: calc(1rem + 4.15vw);
    line-height: calc(1rem + 5.5vw);
}
.team-member > div {
    position: relative;
    display: table;
    float: left;
    width: auto;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.team-members-list:hover li .team-member > div {
    transition: all 0.15s ease 0s;
    -webkit-transition: all 0.15s ease 0s;
    background-size: 0% 100%;
}
.team-members-list:hover li:hover .team-member > div {
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.light-content .team-member > div, .dark-section .team-member > div {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    ;
}
.light-content .light-section .team-member > div {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
}
.light-section .team-member {
    color: #000;
}
.dark-section .team-member {
    color: #fff;
}
.team-members-list:hover li .team-member {
    opacity: 0.3;
}
.team-members-list li:hover .team-member {
    opacity: 1;
}
.team-member span {
    font-size: 18px;
    font-weight: 400;
    line-height: inherit;
    position: relative;
    color: #000;
    display: block;
    float: right;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.team-members-list:hover li .team-member > span {
    opacity: 0.3;
}
.team-members-list:hover li:hover .team-member > span {
    opacity: 1;
}
.light-section .team-member span {
    color: #000;
}
.dark-section .team-member span {
    color: #fff;
}
.team-members-list .hover-reveal {
    position: fixed;
    width: 300px;
    height: 400px;
    pointer-events: none;
    opacity: 0;
}
.swiper-container.team-looped-carousel {
    cursor: grab;
}
.drag-cursor .swiper-container.team-looped-carousel {
    cursor: grabbing;
}
.team-looped-carousel .swiper-slide {
    text-align: left;
}
.team-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 10px 30px 30px 30px;
}
.team-caption h5, .team-caption p {
    margin-bottom: 0;
}
/*--------------------------------------------------
	Contact Formular
---------------------------------------------------*/
#contact-formular {
    margin-top: 30px;
}
.text-align-center #contact-formular {
    margin: 0 auto;
    max-width: 800px;
    margin-top: 30px;
}
#contact-formular::after {
    clear: both;
    content: " ";
    display: table;
}
#contactform {
    position: relative;
}
.name-box, .email-box, .message-box {
    position: relative;
    display: block;
}
.name-box, .email-box {
    width: 47%;
    float: left;
    margin-bottom: 20px;
    margin-right: 6%;
    position: relative;
}
.name-box::after, .email-box::after {
    clear: both;
    content: " ";
    display: table;
}
.email-box {
    margin-right: 0px;
}
.message-box {
    float: left;
    width: 100%;
    margin-top: 60px;
}
.verify-box {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
.text-align-center .verify-box {
    float: none;
    width: auto;
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-bottom: 40px;
}
.verify-sum {
    margin: 0;
    padding: 0;
    float: left;
}
.verify-sum li {
    list-style: none;
    display: block;
    float: left;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 3px;
    background-color: #000;
    margin-bottom: 0;
}
.light-content .verify-sum li, .dark-section .verify-sum li {
    color: #000;
    background-color: #fff;
}
.light-content .light-section .verify-sum li {
    color: #fff;
    background-color: #000;
}
.verify-sum li:nth-child(2), .verify-sum li:nth-child(4) {
    width: 30px;
    color: #444;
    background-color: transparent;
}
.light-content .verify-sum li:nth-child(2), .light-content .verify-sum li:nth-child(4), .dark-section .verify-sum li:nth-child(2), .dark-section .verify-sum li:nth-child(4) {
    color: #fff;
    background-color: transparent;
}
.light-content .light-section .verify-sum li:nth-child(2), .light-content .light-section .verify-sum li:nth-child(4) {
    color: #444;
    background-color: transparent;
}
input#verify {
    float: left;
    width: 34px;
    padding: 0;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border: none;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
}
.light-content input#verify, .dark-section input#verify {
    background-color: #fff;
    color: #000;
}
.light-content .light-section input#verify {
    background-color: #000;
    color: #fff;
}
#contact-formular .required {
    float: left;
    width: auto;
    font-size: 14px;
    line-height: 34px;
    margin-left: 20px;
    margin-bottom: 0;
}
#contact-formular .text-align-center .required {
    float: left;
    margin-left: 0;
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}
input, textarea, select {
    color: rgba(0, 0, 0, 1);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 12px 20px 12px 20px;
    padding-left: 0;
    width: 100%;
    border-radius: 0px;
    margin-bottom: 0px;
    border: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-sizing: border-box;
    background-color: transparent;
    outline: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
select {
    cursor: default;
    cursor: pointer;
}
select.large {
    font-size: 16px;
    margin-bottom: 20px;
}
.bigger-form input, .bigger-form textarea {
    font-size: 48px;
    font-weight: 400;
    height: 100px;
    padding: 0;
}
input[type="search"] {
    padding-left: 0px;
}
.light-content input, .light-content select, .light-content textarea, .dark-section input, .dark-section textarea {
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.light-content .light-section input, .light-content .light-section textarea, .light-content .light-section select {
    color: rgba(0, 0, 0, 1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
::placeholder, .light-content .light-section ::placeholder {
    color: #777777;
    opacity: 1;
}
.light-content ::placeholder, .dark-section ::placeholder {
    color: #fff;
    opacity: 1;
}
.light-content :-ms-input-placeholder, .dark-section :-ms-input-placeholder {
    color: #fff;
}
.light-content .light-section :-ms-input-placeholder {
    color: #777777;
    opacity: 1;
}
.light-content ::-ms-input-placeholder {
    color: #fff;
}
:-ms-input-placeholder {
    color: #777777;
}
.input_label {
    background-color: #000;
    height: 2px;
    left: 0;
    position: absolute;
    top: 49px;
    width: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.bigger-form .input_label {
    top: 99px;
}
.light-content .input_label, .dark-section .input_label {
    background-color: #fff;
}
.light-content .light-section .input_label {
    background-color: #000;
}
.input_label.slow {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
input:focus + .input_label, textarea:focus + .input_label {
    width: 100%;
}
input:focus, textarea:focus {
    color: #000;
}
.light-content input:focus, .light-content textarea:focus, .dark-section input:focus, .dark-section textarea:focus {
    color: #fff;
}
.light-content .light-section input:focus, .light-content .light-section textarea:focus {
    color: #000;
}
textarea {
    resize: none;
    margin-bottom: 0;
    height: 50px;
    box-sizing: border-box;
    padding: 14px 20px 6px 20px;
    padding-left: 0;
    margin-bottom: 40px;
}
textarea:after {
    background-color: #000;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    top: 20px;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input[type="submit"] {
    margin: 0;
    background: transparent;
    border: none;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
}
.light-content input[type="submit"], .dark-section input[type="submit"] {
    color: #000;
}
.light-content .light-section input[type="submit"] {
    color: #fff;
}
.outline input[type="submit"] {
    color: #000;
}
.light-content .outline input[type="submit"], .dark-section .outline input[type="submit"] {
    color: #fff;
}
.light-content .light-section .outline input[type="submit"] {
    color: #000;
}
.error_message {
    margin-bottom: 30px;
    font-size: 13px;
    color: #e93735;
    font-weight: bold;
}
#success_page p, #success_page p strong {
    margin-top: 20px;
}
#message fieldset {
    border: none;
}
/*--------------------------------------------------
	Google Map
---------------------------------------------------*/
#map_canvas {
    display: block;
    height: 62vh;
    position: relative;
    width: 100%;
}
#hero-image.bgrelative #map_canvas {
    position: relative !important;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display: none;
}
.gmnoprint div {
    background: none !important;
}
.gm-style button {
    display: none !important;
}
.services-icon i {
    font-size: 24px;
    margin-bottom: 20px;
}
.service-info-text {
    margin-bottom: 40px;
}
/*--------------------------------------------------
	Moving Gallery
---------------------------------------------------*/
.fw-gallery .wrapper-gallery {
    display: inline-flex;
    align-items: flex-end;
    margin: 0;
    padding: 0;
    clear: both;
}
.bw-gallery .wrapper-gallery {
    display: inline-flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}
.moving-gallery li {
    width: 40vw;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin: 10px 0;
    list-style: none;
}
.fw-gallery.random-sizes li:first-child, .bw-gallery.random-sizes li:first-child {
    padding-left: 0px;
}
.fw-gallery.random-sizes li:last-child, .bw-gallery.random-sizes li:last-child {
    padding-right: 0px;
}
.fw-gallery.random-sizes li:nth-child(1) {
    width: 25vw;
}
.fw-gallery.random-sizes li:nth-child(2) {
    width: 30vw;
}
.fw-gallery.random-sizes li:nth-child(3) {
    width: 45vw;
}
.fw-gallery.random-sizes li:nth-child(4) {
    width: 25vw;
}
.bw-gallery.random-sizes li:nth-child(1) {
    width: 25vw;
}
.bw-gallery.random-sizes li:nth-child(2) {
    width: 45vw;
}
.bw-gallery.random-sizes li:nth-child(3) {
    width: 30vw;
}
.bw-gallery.random-sizes li:nth-child(4) {
    width: 25vw;
}
.moving-gallery li img {
    height: auto;
    margin: 0px;
}
/*--------------------------------------------------
	Zoom Gallery
---------------------------------------------------*/
.zoom-gallery {
    position: relative;
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: table;
}
.zoom-wrapper-gallery {
    position: relative;
    border-right: 0px solid #f00;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.zoom-wrapper-gallery li {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0;
    list-style: none;
    z-index: 0;
    width: 20%;
    position: relative;
}
.zoom-wrapper-gallery li.zoom-center {
    z-index: 1;
}
.zoom-wrapper-gallery li:first-child {
    margin-left: 0;
}
.zoom-wrapper-gallery li:nth-child(2), .zoom-wrapper-gallery li:nth-child(4) {
    -webkit-transition: scale(0.75);
    transform: scale(0.75);
}
.zoom-wrapper-gallery li:last-child {
    margin-right: 0;
}
.zoom-wrapper-gallery li .zoom-img-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
}
.zoom-wrapper-gallery li .zoom-img-wrapper img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 100;
    object-position: center;
    object-fit: cover;
}
/*--------------------------------------------------
	Slowed Pin
---------------------------------------------------*/
.slowed-pin {
    position: relative;
    overflow: hidden;
}
.slowed-pin > .pin-spacer {
    pointer-events: none;
}
.slowed-text {
    position: absolute;
    padding: 8vw 8vw;
    box-sizing: border-box;
    z-index: 1;
    pointer-events: none;
}
.slowed-images {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 0;
}
.slowed-image-left {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 0px;
    margin: 150px 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.slowed-image-right {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 0px;
    margin: 150px 0;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
.slowed-image-left img, .slowed-image-right img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 500px;
    display: block;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    filter_null: grayscale(30%);
    opacity: 0.65
}
.slowed-image-left img:hover, .slowed-image-right img:hover {
    filter: grayscale(0%);
}
/*--------------------------------------------------
	Horizontal Panels
---------------------------------------------------*/
.panels {
    position: relative;
}
.panels-container {
    position: relative;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    justify-content: flex-start;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}
.panels-container > .panel {
    position: relative;
    width: auto;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
}
.panels-container .panel img {
    width: auto;
    height: 60%;
    display: block;
    max-width: none;
    margin: 0 10px;
}
.panels-container .panel:first-child img {
    margin-left: 0px;
}
.panels-container .panel:last-child img {
    margin-right: 0px;
}
.news-panel .panels-container .panel img {
    height: 100%;
    margin: 0;
}
.news-panel .panel-content-wrapper {
    position: relative;
    width: auto;
    height: 63%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
}
.news-panel .panel-content-wrapper.no-pad {
    padding-left: 0;
    padding-right: 0;
}
.news-panel .panels-container .panel:first-child .panel-content-wrapper {
    padding-left: 0px;
}
.news-panel .panels-container .panel:last-child .panel-content-wrapper {
    padding-right: 0px;
}
.news-panel .panel-content {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 30px 50px;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.news-panel .panels-container .panel:first-child .panel-content-wrapper .panel-content {
    padding-left: 40px;
}
.news-panel .panels-container .panel:last-child .panel-content-wrapper .panel-content {
    padding-right: 40px;
}
.news-panel-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    display: block;
    position: relative;
    color: #fff;
    pointer-events: none;
    -webkit-filter: drop-shadow(0px 0px 34px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0px 0px 34px rgba(0, 0, 0, 0.8));
}
.news-panel-title > * {
    color: inherit !important;
    font-weight: 600;
}
.news-panel-title span {
    font-size: 46%;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.5;
    margin-top: -5px;
    font-weight: 400;
}
.news-panel-title.large {
    font-size: 40px;
    line-height: 52px;
}
.change-header .news-panel-title {
    color: #000;
}
.news-panel .panels-container .panel .panel-image {
    width: auto;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.news-panel .panels-container .panel .panel-image:not(.no-fade):after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
}
.news-panel .panels-container .panel .panel-logo {
    position: absolute;
    top: 12%;
    left: 50%;
    width: 70%;
    height: 56%;
    transform: translateX(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-filter: drop-shadow(0px 0px 42px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(0px 0px 42px rgba(0, 0, 0, 0.9));
}
.news-panel .panels-container .panel .panel-image .stat {}
.news-panel .panels-container .panel .panel-image a {
    cursor: pointer
}
.news-panel .panels-container .panel img {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: all 1s cubic-bezier(.165, .84, .44, 1) 0s;
}
.news-panel .panels-container .panel img:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.entry-meta-wrap {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    pointer-events: initial;
}
.entry-meta-wrap::after {
    clear: both;
    content: " ";
    display: table;
}
.entry-meta {
    position: relative;
    display: table;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    overflow: hidden;
    pointer-events: initial;
}
.entry-meta ul {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.entry-meta li {
    position: relative;
    display: inline-flex;
    line-height: 28px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 40px;
}
.entry-meta li:last-child {
    margin-right: 0;
}
.entry-meta li:hover::after {
    opacity: 1;
}
.entry-meta li a {
    color: #fff !important;
    display: inline-block;
    overflow: hidden;
}
.change-header .entry-meta li a {
    color: #000 !important;
}
.entry-meta li a:hover {
    opacity: 1;
}
.entry-meta li a span {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transform-origin: 100% 0%;
}
.entry-meta li a span::before {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    content: attr(data-hover);
}
.entry-meta li:hover a span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
.entry-categories li::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    top: 10px;
    right: -26px;
    opacity: 1;
    position: absolute;
    border-radius: 10px;
}
.change-header .entry-categories li::after {
    background-color: #000;
}
.entry-categories li:last-child:after {
    display: none;
}
/*--------------------------------------------------
	Responsive
---------------------------------------------------*/
/*--------------------------------------------------
	Ajax Page Transition
---------------------------------------------------*/
main {
    overflow_null: hidden
}
main .cd-main-content > div {
    height: 100%;
    min-height: 100vh;
}
main .cd-main-content {
    width: 100%;
}
main .cd-main-content.cd-index > div {
    vertical-align: middle
}
main .cd-main-content.cd-index::after {
    background-color: rgba(64, 137, 166, 0);
    background-image: -webkit-linear-gradient(bottom, #4089a6, rgba(64, 137, 166, 0));
    background-image: linear-gradient(to top, #4089a6, rgba(64, 137, 166, 0))
}
main .cd-main-content.cd-index::before {
    background-color: rgba(64, 137, 166, 0);
    background-image: -webkit-linear-gradient(top, #4089a6, rgba(64, 137, 166, 0));
    background-image: linear-gradient(to bottom, #4089a6, rgba(64, 137, 166, 0))
}
main .cd-main-content.cd-about {
    background-color: #fff
}
main .cd-main-content.cd-about > div {
    padding-top: 50px
}
main .cd-main-content.cd-about::after {
    background-color: rgba(40, 48, 64, 0);
    background-image: -webkit-linear-gradient(bottom, #283040, rgba(40, 48, 64, 0));
    background-image: linear-gradient(to top, #283040, rgba(40, 48, 64, 0))
}
main .cd-main-content.cd-about::before {
    background-color: rgba(40, 48, 64, 0);
    background-image: -webkit-linear-gradient(top, #283040, rgba(40, 48, 64, 0));
    background-image: linear-gradient(to bottom, #283040, rgba(40, 48, 64, 0))
}
.cd-cover-layer, .cd-cover-layer.invisible {
    background-color: transparent
}
.cd-cover-layer {
    position: fixed;
    z-index: 5000;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 101%;
    width: 101%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s .4s, visibility 0s .4s;
    -moz-transition: opacity .4s .4s, visibility 0s .4s;
    transition: opacity .6s 0s, visibility 0s .4s
}
.page-is-changing .cd-cover-layer {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s .3s, visibility 0s 0s
}
/*--------------------------------------------------
	Flex Nav
---------------------------------------------------*/
.flexnav, .flexnav li ul {
    width: 100%;
    margin: 0
}
.flexnav, .flexnav li {
    margin: 0
}
.flexnav li, .flexnav li ul li {
    font-size: 100%
}
.flexnav .touch-button:hover, .menu-button {
    cursor: pointer
}
.flexnav {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    max-height: 0
}
.flexnav.opacity {
    opacity: 0
}
.flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px
}
.flexnav li, .flexnav li a, .flexnav li ul li {
    position: relative;
    overflow: hidden
}
.flexnav li a {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: #222;
    display: block;
    padding: 20px 0;
    z-index: 2
}
.oldie .flexnav li ul.open ul.open, .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0
}
.flexnav li ul.flexnav-show li, .oldie .flexnav, .oldie .flexnav li, .oldie .flexnav li a {
    overflow: visible
}
.flexnav li ul li a {
    background: #fff;
    display: block;
    padding: 20px
}
.flexnav ul li ul li a {
    background: #bfbfbc
}
.flexnav ul li ul li ul li a {
    background: #cbcbc9
}
.flexnav .touch-button {
    background: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 60px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 60px;
    z-index: 999
}
.flexnav .touch-button .navicon {
    position: relative;
    top: 1.8em;
    font-size: 12px;
    color: #666
}
.menu-button {
    background: 0 0;
    border-bottom: medium none;
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    z-index: 0
}
.no-button .menu-button {
    padding-right: 0
}
.menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px
}
.menu-button .touch-button {
    background: 0 0;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    text-align: center
}
.menu-button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #666
}
.oldie body.one-page {
    padding-top: 70px
}
.oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px
}
.oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px
}
.oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible
}
.oldie .flexnav li:hover > ul li {
    width: 100%;
    float: none
}
.oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none
}
.oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible
}
.oldie .flexnav li ul.open, .oldie .flexnav li ul.open ul.open {
    display: block;
    width: 100%;
    overflow: visible
}
.oldie .flexnav li ul li ul {
    top: 0
}
.oldie .flexnav li ul li a {
    border-bottom: none
}
.oldie .flexnav li ul.open li {
    width: 100%
}
.oldie .menu-button {
    display: none
}
.oldie.ie7 .flexnav li {
    width: 19.9%
}
/*--------------------------------------------------
	Swiper Slider
---------------------------------------------------*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}
/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
    overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
/*--------------------------------------------------
	Magnific Popup
---------------------------------------------------*/
.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}
.mfp-bg, .mfp-container, .mfp-wrap {
    height: 100%;
    width: 100%
}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
    content: ''
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}
.mfp-arrow, .mfp-arrow:focus, .mfp-arrow:hover, .mfp-close, .mfp-close:focus, .mfp-close:hover {
    opacity: 1
}
.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #CCC
}
.mfp-close, .mfp-preloader a:hover {
    color: #FFF
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    cursor: pointer !important;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -20px;
    padding-right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 20px;
    background: #000;
    line-height: 40px;
    border-radius: 2px
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-figure, img.mfp-img {
    line-height: 0
}
.mfp-arrow {
    position: absolute;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:after, .mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 25px;
    margin-left: 35px
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 22px
}
.mfp-arrow::before {
    width: 30px;
    height: 60px;
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px
}
.mfp-arrow-left::after, .mfp-arrow-right:after {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff
}
.mfp-arrow:hover::before {
    background: rgba(0, 0, 0, 1)
}
.mfp-arrow-left::after {
    border-left: 2px solid #FFF;
    margin-left: 31px;
    transform: rotate(-45deg)
}
.mfp-arrow-left:after {
    margin-left: 36px
}
.mfp-arrow-left:before {
    margin-left: 25px
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-right: 2px solid #FFF;
    margin-left: 41px;
    transform: rotate(45deg)
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}
img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
/*--------------------------------------------------
	Tool Tips
---------------------------------------------------*/
[data-tooltip] {
    position: relative
}
[data-tooltip]::after, [data-tooltip]::before {
    position: absolute;
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 12px
}
[data-tooltip]::before {
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;
    text-align: left
}
.light-content [data-tooltip]::before {
    color: #fff
}
[data-tooltip]::after {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    content: ''
}
[data-tooltip]:hover::after, [data-tooltip]:hover::before {
    opacity: 1
}
[data-tooltip][data-placement=left]::before {
    top: 32%;
    right: 100%;
    margin-right: 35px
}
[data-tooltip][data-placement=left]:hover::before {
    margin-right: -2px;
    -webkit-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .5s
}
[data-tooltip][data-placement=top]::before {
    top: 16%;
    right: 100%;
    margin-right: 0;
    width: 200px;
    height: 16px;
    transform: translateX(147px) translateY(-170px) rotate(-90deg)
}
[data-tooltip][data-placement=top]:hover::before {
    transform: translateX(147px) translateY(-140px) rotate(-90deg);
    -webkit-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .2s
}
[data-tooltip][data-placement=right]::before {
    top: 32%;
    left: 100%;
    margin-left: 35px
}
[data-tooltip][data-placement=right]:hover::before {
    margin-left: -2px;
    -webkit-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .5s
}
/*--------------------------------------------------
	Social Share
---------------------------------------------------*/
.jssocials-shares {
    margin: .2em 0
}
.jssocials-shares * {
    box-sizing: border-box
}
.jssocials-share {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.jssocials-share:last-child {
    margin-right: 0
}
.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1em;
}
img.jssocials-share-logo {
    width: auto;
    height: 1em
}
.jssocials-share-link {
    display: block;
    text-align: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em
}
.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}
.jssocials-share-label {
    padding-left: .3em;
    vertical-align: middle
}
.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 .3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}
.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}
.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}
/*--------------------------------------------------
	Justified Galler
---------------------------------------------------*/
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden
}
.justified-gallery > a, .justified-gallery > div, .justified-gallery > figure {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    filter: "alpha(opacity=10)";
    opacity: .1;
    margin: 0;
    padding: 0
}
.justified-gallery > a > a > img, .justified-gallery > a > img, .justified-gallery > div > a > img, .justified-gallery > div > img, .justified-gallery > figure > a > img, .justified-gallery > figure > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    filter: "alpha(opacity=0)";
    opacity: 0
}
.justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif
}
.justified-gallery > .entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1;
    background: 0 0
}
.justified-gallery > .entry-visible > a > img, .justified-gallery > .entry-visible > img {
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}
.justified-gallery > .jg-filtered {
    display: none
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0;
    left: 50%;
    filter: "alpha(opacity=100)";
    opacity: 1;
    overflow: initial
}
.justified-gallery > .spinner > span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #fff;
    border-radius: 6px
}
/*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/
html, body {
    font-family: "prometo", sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: 100%;
    width: 100%;
    color: #444;
    background-color: #fff;
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
html {
    box-sizing: border-box;
    margin-right: 0px !important;
    overflow: visible !important;
}
body {
    overflow: hidden;
    overflow-y: scroll;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    transition: opacity 0.2s ease-in-out 0.2s;
}
body.smooth-scroll {
    overflow: hidden;
}
body.hidden {
    opacity: 0;
}
main {
    -webkit-transition: background 0.5s ease-in-out 0s;
    transition: background 0.5s ease-in-out 0s;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, footer, header, hgroup, nav, section {
    display: block;
}
audio {
    display: inline-block;
    max-width: 100%;
}
address {
    font-style: italic;
    margin-bottom: 24px;
}
abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}
b, strong {
    font-weight: 400;
    color: #000;
}
.light-content b, .light-content strong, .dark-section b, .dark-section strong {
    font-weight: 400;
    color: #fff;
}
.light-content .light-section b, .light-content .light-section strong {
    font-weight: 600;
    color: #000;
}
cite, dfn, em, i {
    font-style: italic;
}
mark, ins {
    background: none repeat scroll 0 0 #000;
    text-decoration: none;
    color: #fff;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 2px;
}
.light-content mark, .light-content ins, .dark-section mark, .dark-section ins {
    background: none repeat scroll 0 0 #fff;
    color: #000;
}
.light-content .light-section mark, .light-content .light-section ins {
    background: none repeat scroll 0 0 #111;
    color: #fff;
}
code, kbd, tt, var, samp, pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6;
}
pre {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, 0.05)
}
.light-content pre, .dark-section pre {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}
.light-content .light-section pre {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
}
blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}
blockquote {
    color: #000;
    line-height: 1.4;
    font-size: 1.5rem;
    margin-bottom: 2.1875rem;
    font-weight: 400;
    padding-left: 3.5rem;
    margin: 0 0 1.5625rem;
    position: relative;
    margin: 50px 0px 35px 0px;
}
blockquote.large {
    font-size: clamp(22px, 3vw, 40px);
}
blockquote p {
    font-size: inherit;
    line-height: inherit;
    font-family: "prometo", sans-serif;
    font-size: 135%;
}
.light-content blockquote, .dark-section blockquote {
    color: #fff;
}
.light-content .light-section blockquote {
    color: #000;
}
blockquote::before {
    content: '"';
    position: absolute;
    left: -40px;
    top: -45px;
    line-height: 1;
    font-size: 13rem;
    font-weight: 400;
    font-family: verdana;
}
blockquote cite, blockquote small {
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    top: -10px;
    position: relative;
}
.light-content blockquote cite, .light-content blockquote small {}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote strong, blockquote b {
    font-weight: 400;
}
small {
    font-size: smaller;
}
big {
    font-size: 125%;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
dl {
    margin-bottom: 24px;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 24px;
}
ul, ol {
    list-style: none;
    margin: 0 0 24px 20px;
}
ul, ol {
    list-style: none;
    margin: 20px 0 25px 25px;
}
ul {
    list-style: disc;
    font-family: "Titillium Web", sans-serif;
}
ol {
    list-style: decimal;
}
li > ul, li > ol {
    margin: 20px 0px 15px 25px;
}
.light-content li, .dark-section li {
    color: #ccc;
}
.light-content .light-section li {
    color: #444;
}
figure {
    margin: 0;
    position: relative;
    display: block;
}
figure.has-parallax {
    overflow: hidden;
}
.full figure.has-parallax {
    overflow: hidden;
    height: 100vh;
}
figure img {
    max-width: 100%;
}
.has-parallax-content > img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    object-position: center;
    object-fit: cover;
}
figcaption {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    padding: 5px 10px;
    position: absolute;
    right: 0px;
    z-index: 10;
    border-radius: 0;
}
fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 0;
}
legend {
    white-space: normal;
}
button, input {
    line-height: normal;
}
input, textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: text-top;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
    color: #444;
}
thead, .light-content .light-section thead {
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}
.light-content thead, .dark-section thead {
    background-color: rgba(255, 255, 255, 1);
}
thead tr, .light-content .light-section thead tr {
    color: #fff;
}
.light-content thead tr, .dark-section thead tr {
    color: #000;
}
tr, .light-content .light-section tr {
    color: #444;
}
.light-content tr, .dark-section tr {
    color: #CCC;
}
tr:nth-child(2n), .light-content .light-section tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}
.light-content tr:nth-child(2n), .dark-section tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.1);
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    padding: 10px;
}
td {
    border-width: 0 1px 1px 0;
    padding: 10px;
}
del {
    color: #767676;
}
hr {
    width: 100%;
    float: none;
    margin: 24px 0;
    border-width: 4px;
    display: inline-block;
    opacity: 1 !important;
}
hr.animated-line {
    height: 2px;
    padding-top: 12px;
    padding-bottom: 12px;
}
hr.animated-line:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: rgba(0, 0, 0, 1);
}
.light-content hr.animated-line:before, .dark-section hr.animated-line:before {
    background: rgba(255, 255, 255, 1);
}
.light-content .light-section hr.animated-line:before {
    background: rgba(0, 0, 0, 1);
}
hr.animated.animated-line:before {
    width: 100%;
    -webkit-transition: width 0.7s ease-in-out 0.1s;
    transition: width 0.7s ease-in-out 0.1s;
}
hr:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #000;
    margin-bottom: 1.75rem;
}
h1.big-title {
    font-size: 10vw;
    line-height: 11.75vw;
    font-weight: 400;
    margin-left: -0.7vw;
}
.slowed-text h1.big-title {
    font-size: 9vw;
    line-height: 8.5vw;
    font-size: 7.2vw;
    line-height: 7.75vw;
}
h1.big-title span {
    display: table;
    margin-top: -2vw;
}
h1 {
    font-size: calc(1rem + 4vw);
    line-height: calc(1rem + 4.35vw);
}
h1 span {
    display: table;
    margin-top: -0.7vw;
}
h1.inline-title span {
    display: inline-table;
    margin-right: 0.7vw;
}
h2 {
    font-size: calc(2rem + 3.25vw);
    line-height: 1.075;
    margin-bottom: 2rem;
}
h2 + h2 {
    margin-top: -0.4em;
}
h2 span {
    display: table;
    margin-top: -0.7vw;
}
h2.inline-title span {
    display: inline-table;
    margin-right: 0.7vw;
}
h2.big-title {
    font-size: 7vw;
    line-height: 8.75vw;
    font-weight: 400;
    margin-left: -0.7vw;
}
h3 {
    font-size: clamp(20px, calc(1.4rem + 2vw), 56px);
    line-height: 1.15;
}
h3 span {
    display: table;
    margin-top: -0.7vw;
}
h3.inline-title span {
    display: inline-table;
    margin-right: 0.7vw;
}
h4 {
    font-size: calc(0.8rem + 1.3vw);
    line-height: 1.15;
}
h5 {
    font-size: calc(1rem + 0.42vw);
    line-height: 1.15;
}
h6 {
    font-size: 18px;
    line-height: 1.15;
}
h6.has-icon {
    padding-left: 20px;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    position: relative;
}
h6.has-icon::before {
    font: var(--fa-font-solid);
    content: "\f101";
    font-size: 12px;
    line-height: inherit;
    text-align: left;
    position: absolute;
    left: 0;
}
.no-margins {
    margin: 0;
}
.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
    color: #fff;
}
.light-content .light-section h1, .light-content .light-section h2, .light-content .light-section h3, .light-content .light-section h4, .light-content .light-section h5, .light-content .light-section h6 {
    color: #000;
}
p, ul, ol {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #444;
    font-family: "Titillium Web", sans-serif;
}
.light-content p, .dark-section p {
    color: #fff;
}
.light-content .light-section p {
    color: #444;
    color: #000;
}
.bigger {
    font-size: 18px;
    line-height: 32px;
}
.smaller {
    font-size: 12px;
    line-height: 24px;
}
.container {
    max-width: 1550px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
}
.container::after {
    clear: both;
    content: " ";
    display: table;
}
a:hover, a:active {
    outline: 0;
    color: #000;
}
a, .light-content .light-section a {
    text-decoration: none;
    color: #000;
    outline: 0;
}
.light-content a, .dark-section a, .white-header a {
    color: #fff;
}
.light-content .white-header a {
    color: #000;
}
a:hover {
    text-decoration: none;
}
.one_half {
    width: 48% !important;
}
.one_third {
    width: 30.6% !important;
}
.one_fourth {
    width: 22% !important;
}
.one_fifth {
    width: 16.8% !important;
}
.one_sixth {
    width: 13.33% !important;
}
.two_fifth {
    width: 37.6% !important;
}
.two_fourth {
    width: 48% !important;
}
.two_third {
    width: 65.33% !important;
}
.three_fifth {
    width: 58.4% !important;
}
.three_fourth {
    width: 74% !important;
}
.four_fifth {
    width: 79.2% !important;
}
.five_sixth {
    width: 82.67% !important;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left !important;
    margin-bottom: 2px !important;
    margin-right: 4% !important;
    position: relative !important;
}
.last {
    margin-right: 0px !important;
}
.text-align-left {
    text-align: left;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.outer {
    display: table;
    width: 100%;
    height: 100%;
}
.inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.light-section-wrapper, .dark-section-wrapper {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.light-section-container, .dark-section-container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}
.content-row {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    opacity: 1;
    box-sizing: border-box;
}
.content-row::after {
    clear: both;
    content: " ";
    display: table;
}
.small {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
}
.large {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.full {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.row_padding_top {
    padding-top: 6.5vw;
}
.row_padding_bottom {
    padding-bottom: 6.5vw;
}
.row_padding_left {
    padding-left: 80px;
}
.row_padding_right {
    padding-right: 80px;
}
.row_padding_all {
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left: 80px;
    padding-right: 80px;
}
#rotate-device {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #0f1010;
    background-image: url(images/rotate.png);
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
i.arrow-icon {
    border: solid #000;
    border-width: 0px 3px 3px 0px !important;
    box-sizing: border-box;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
}
i.arrow-icon.large-icon {
    border-width: 0px 5px 5px 0px !important;
    height: 45px;
    width: 45px;
    margin-bottom: 10px;
}
.light-content i.arrow-icon, .dark-content .item i.arrow-icon {
    border: solid #fff;
}
.light-content .light-section i.arrow-icon {
    border: solid #000;
}
.light-content .change-header i.arrow-icon, .dark-content .change-header i.arrow-icon {
    border: solid #000;
}
i.arrow-icon::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 3px;
    top: 7px;
    left: -6px;
    background-color: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
i.arrow-icon.large-icon::after {
    width: 55px;
    height: 5px;
    top: 21px;
    left: -4px;
}
.light-content i.arrow-icon:after, .light-content .change-header i.arrow-icon::after, .dark-content .item i.arrow-icon::after {
    background-color: #fff;
}
.light-content .change-header i.arrow-icon::after, .dark-content .change-header i.arrow-icon::after, .light-content .light-section i.arrow-icon:after, .light-content .light-section.change-header i.arrow-icon::after {
    background-color: #000;
}
/*--------------------------------------------------
02. Magic Cursor
---------------------------------------------------*/
#magic-cursor {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 10000;
    -webkit-transition: opacity 0.2s ease-in-out 0.5s;
    transition: opacity 0.2s ease-in-out 0.5s;
}
.hidden-ball #magic-cursor {
    opacity: 0 !important;
    visibility: hidden;
}
#ball {
    position: fixed;
    width: 80px;
    height: 80px;
    border: 2px solid #999999;
    border-radius: 50%;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.mfp-zoom-out-cur #ball {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}
.light-content #ball, #ball.over-movie, .light-content #ball.with-icon {
    border: 2px solid #999999;
    border-color: #999999;
}
#ball:before {
    font: var(--fa-font-solid);
    content: "\f106";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: -42px;
    color: #999;
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball:before {
    color: #999;
}
#ball::after {
    font: var(--fa-font-solid);
    content: "\f107";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: 100px;
    color: #999;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball:before, .light-content #ball:after {
    color: #999;
}
.scale-up #ball:before, .scale-drag-horizontal #ball:before {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-horizontal #ball:before {
    color: #fff;
}
.scale-up #ball:after, .scale-drag-horizontal #ball:after {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-horizontal #ball:after {
    color: #fff;
}
.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {
    opacity: 0;
}
#ball-drag-x {
    position: absolute;
    width: 72px;
    height: 72px;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
}
#ball-drag-x::before {
    font: var(--fa-font-solid);
    content: "\f053";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: -37px;
    top: 30px;
    color: #000;
    opacity: 0;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-x:before {
    color: #fff;
}
#ball-drag-x::after {
    font: var(--fa-font-solid);
    content: "\f054";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    right: -40px;
    left: auto;
    top: 30px;
    color: #000;
    opacity: 0;
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-x:before, .light-content #ball-drag-x:after {
    color: #fff;
}
.drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after {
    color: #fff;
}
.drag-cursor-black #ball-drag-x:before, .drag-cursor-black #ball-drag-x:after {
    color: #000;
}
.scale-drag-x #ball-drag-x:before {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-x #ball-drag-x:after {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after {
    opacity: 0;
}
#ball-drag-y {
    position: absolute;
    width: 72px;
    height: 72px;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
}
#ball-drag-y:before {
    font: var(--fa-font-solid);
    content: "\f077";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: -40px;
    color: #000;
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-y:before {
    color: #fff;
}
#ball-drag-y::after {
    font: var(--fa-font-solid);
    content: "\f078";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: 100px;
    color: #000;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-y:before, .light-content #ball-drag-y:after {
    color: #fff;
}
.scale-drag-y #ball-drag-y:before {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-y #ball-drag-y:after {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after {
    opacity: 0;
}
#ball i {
    color: #fff;
    width: 76px;
    height: 80px;
    line-height: 78px;
    text-align: center;
    font-size: 14px;
    display: block;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#ball p {
    color: #fff;
    width: 100%;
    height: 16px;
    line-height: 17px;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    display: block;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball p {
    color: #fff;
}
#ball p.first {
    margin-top: 20px;
}
.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {
    color: #fff;
}
.drag-cursor-white #ball i, .drag-cursor-white #ball.with-icon i {
    color: #fff;
}
.drag-cursor-black #ball i, .drag-cursor-black #ball.with-icon i {
    color: #000;
}
.light-content #ball.with-icon.dark-icon i {
    color: #000;
}
.scale-up #ball i {
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#ball.with-icon i {
    width: 76px;
}
#ball.with-icon i:nth-child(2) {
    display: none;
}
#ball.close-icon i {
    width: 75px;
    height: 76px;
    font-size: 14px;
}
#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
    display: block;
}
#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
    display: none;
}
#ball-loader {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #999999;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-radius: 100px;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translate(-14px, -14px) rotate(0deg);
    transform: translate(-14px, -14px) rotate(0deg);
    -webkit-animation: rotating 0.8s ease-in-out infinite;
    animation: rotating 0.8s ease-in-out infinite;
    -webkit-transition: opacity 0s ease-in-out 0s;
    transition: opacity 0s ease-in-out 0s;
}
.light-content #ball-loader {
    border-bottom: 4px solid #999999;
}
.show-loader #ball-loader {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}
@keyframes rotating {
    0% {
        -webkit-transform: translate(-14px, -14px)rotate(0deg);
        transform: translate(-14px, -14px)) rotate(0deg);
    }
    95% {
        -webkit-transform: translate(-14px, -14px) rotate(350deg);
        transform: translate(-14px, -14px) rotate(350deg);
    }
    100% {
        -webkit-transform: translate(-14px, -14px) rotate(360deg);
        transform: translate(-14px, -14px) rotate(360deg);
    }
}
.show-loader a, .show-loader nav, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title {
    pointer-events: none !important;
}
.disable-cursor #magic-cursor {
    display: none;
}
#ball i.arrow-icon {
    border: solid #000;
    border-width: 3px 3px 0px 0px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 28px;
    left: 30px;
    height: 20px;
    width: 20px;
}
.light-content #ball i.arrow-icon {
    border: solid #fff;
    border-width: 3px 3px 0px 0px;
}
#ball i.arrow-icon:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    top: 8px;
    left: -8px;
    background-color: #000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.light-content #ball i.arrow-icon:after {
    background-color: #fff;
}
/*--------------------------------------------------
03. Page Preloader
---------------------------------------------------*/
.disable-ajaxload .preloader-wrap {
    display: none;
}
.preloader-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 1800;
    text-align: center;
}
.preloader-wrap .outer {
    padding: 0px;
    box-sizing: border-box;
}
.preloader-wrap .inner {
    vertical-align: middle;
    box-sizing: border-box;
}
.percentage-wrapper {
    height: 20px;
    position: absolute;
    margin-bottom: 20px;
    right: 80px;
    bottom: 40px;
}
.percentage-intro {
    height: 20px;
    position: absolute;
    margin-bottom: 20px;
    left: 80px;
    bottom: 40px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
}
.percentage {
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    width: 30px;
    height: 100px;
    color: rgba(255, 255, 255, 0.6);
    display: table;
    margin: 0 auto;
}
.percentage::after {
    content: "%";
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
}
.trackbar {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: table;
    position: relative;
    padding: 20px;
    opacity: 1;
    overflow: hidden;
}
.loadbar {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0px;
    right: 0;
    overflow: hidden;
}
.hold-progress-bar {
    width: 0%;
    height: 0px;
    background: rgba(0, 0, 0, 1);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.preloader-intro {
    font-weight: 400;
    position: relative;
    display: block;
    font-size: 10vw;
    line-height: 13vw;
    height: 13vw;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
.preloader-intro li {
    list-style: none;
    line-height: inherit;
    margin: 0;
    color: #fff;
}
/*--------------------------------------------------
04. Header Elements
---------------------------------------------------*/
header {
    width: 100%;
    height: 120px;
    left: 0;
    top: 0;
    background-color: transparent;
    position: fixed;
    box-sizing: border-box;
    z-index: 1000;
    pointer-events: none;
    -webkit-transition: background 0.4s ease-in-out 0.3s;
    transition: background 0s ease-in-out 0s;
}
#header-container {
    box-sizing: border-box;
    height: inherit;
    padding: 20px 80px;
    padding: 0px 80px 20px 80px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 20;
    opacity: 0;
}
.header-visible #header-container {
    opacity: 1;
}
#logo {
    position: relative;
    display: block;
    pointer-events: initial;
    z-index: 10;
    top: 15px;
    float: left;
    overflow: hidden;
    width: 250px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
body.scrolled #logo {
    width: 54px;
}
#logo a {
    display: block;
    -webkit-transition: transform 0.5s ease-in-out 0.1s;
    transition: transform 0.5s ease-in-out 0.1s;
}
#logo a.disable, .open #logo a {
    pointer-events: none;
}
#logo img {
    display: block;
    height: 65px;
    width: auto;
    max-width: none;
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}
#logo img.black-logo {
    opacity: 1;
}
.light-content #logo img.black-logo {
    opacity: 0;
}
#logo img.white-logo {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.light-content #logo img.white-logo {
    opacity: 1;
}
.white-header #logo img.black-logo {
    opacity: 0;
}
.light-content .white-header #logo img.black-logo {
    opacity: 1;
}
.light-content .white-header.over-white-section #logo img.black-logo, .show-loader1 .light-content .white-header #logo img.black-logo {
    opacity: 0;
}
.white-header #logo img.white-logo {
    opacity: 1;
}
.light-content .white-header #logo img.white-logo {
    opacity: 0;
}
.light-content .white-header.over-white-section #logo img.white-logo, .show-loader1 .light-content .white-header #logo img.white-logo {
    opacity: 1;
}
.menu-open.light-content .slide-in #logo img.white-logo {
    opacity: 1;
}
nav {
    pointer-events: none;
}
nav.open {
    pointer-events: initial;
}
.dark-content-header #logo img.black-logo {
    opacity: 1 !important;
}
.dark-content-header #logo img.white-logo {
    opacity: 0 !important;
}
.light-content-header #logo img.black-logo {
    opacity: 0 !important;
}
.light-content-header #logo img.white-logo {
    opacity: 1 !important;
}
nav, nav.open {
    -webkit-transition: all 0s ease-in 0s;
    transition: all 0s ease-in 0s;
    background: transparent;
}
#burger-wrapper {
    width: 40px;
    height: 40px;
    float: right;
    top: 0px;
    right: 0;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: initial;
}
.classic-menu .button-wrap.right.menu {
    display: none;
}
.burger-dots #menu-burger {
    top: 0px;
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
}
.menu-overlay #menu-burger {
    display: block;
}
.burger-dots #menu-burger span {
    display: block;
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    background-color: #000;
    opacity: 1;
    top: 10px;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
    transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
}
#burger-wrapper .touch-button {
    display: none;
}
.burger-dots #menu-burger span:nth-child(1) {
    left: 0px;
}
.burger-dots #menu-burger span:nth-child(2) {
    left: 10px;
}
.burger-dots #menu-burger span:nth-child(3) {
    left: 20px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1) {
    left: 10px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3) {
    left: 10px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1) {
    left: 3px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3) {
    left: 3px;
}
.burger-dots #menu-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    height: 2px;
    width: 20px;
    left: 3px;
}
.burger-dots #menu-burger.open span:nth-child(2) {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.burger-dots #menu-burger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    height: 2px;
    width: 20px;
    left: 3px;
}
.button-wrap.right.burger-lines {
    right: -22px;
}
.burger-lines #menu-burger {
    width: 16px;
    height: 22px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
}
.burger-lines #menu-burger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    opacity: 1;
    right: 0;
    background-color: #000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
}
.burger-lines #menu-burger span:nth-child(1) {
    top: 7px;
}
.burger-lines #menu-burger span:nth-child(2) {
    top: 15px;
}
.burger-lines #menu-burger span:nth-child(3) {
    display: none;
}
.burger-lines #menu-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
}
.burger-lines #menu-burger.open span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
}
.light-content #menu-burger span {
    background-color: #fff;
}
.white-header #menu-burger span {
    background-color: #fff;
}
.light-content .white-header #menu-burger span {
    background-color: #000;
}
.light-content .white-header.over-white-section #menu-burger span, .show-loader1 .light-content .white-header #menu-burger span {
    background-color: #fff;
}
.dark-content-header #menu-burger span {
    background-color: #000 !important;
}
.light-content-header #menu-burger span {
    background-color: #fff !important;
}
.dark-content-header .button-text {
    color: #000 !important;
}
.light-content-header .button-text {
    color: #fff !important;
}
/*--------------------------------------------------
05. Main Content
---------------------------------------------------*/
#content-scroll {
    z-index: 1;
    position: relative;
}
.smooth-scroll #content-scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.scroll-content {
    cursor: default !important;
}
.scale-up .scroll-content {
    cursor: grabbing !important;
}
.scrollbar-track {
    background: transparent !important;
}
/*--------------------------------------------------
06. Footer Elements
---------------------------------------------------*/
footer {
    position: relative;
    width: 100%;
    height: 120px;
    z-index: 900;
    box-sizing: border-box;
    text-align: center;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
}
.footer ul {
    margin: 0;
    list-style: none;
}
.footer ul li {
    margin-bottom: 14px;
    font-size: 16px;
}
footer.fixed {
    position: fixed;
}
footer.showcase-footer {
    position: fixed;
}
#footer-container {
    padding: 0 80px;
    margin: 20px auto;
    height: 80px;
    opacity: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}
.footer-middle {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: inherit;
    display: table;
    left: 0;
    pointer-events: none;
    ;
}
.copyright {
    position: relative;
    top: 25px;
    width: auto;
    height: 30px;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    pointer-events: initial;
    display: table;
    width: auto;
    padding: 0px 20px 0px 20px;
    max-width: 820px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
.light-content .copyright {
    color: #fff;
}
.socials-wrap {
    position: relative;
    float: right;
    color: #000;
    width: 240px;
    height: 160px;
    box-sizing: border-box;
    pointer-events: initial;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content .socials-wrap {
    color: #fff;
}
footer .socials-wrap {
    margin-top: 0px;
}
.socials-wrap:hover {
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
}
.socials-text {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    transform: translateY(20px);
}
.socials-wrap:hover .socials-text {
    transform: translateY(15px) translateX(5px);
    -webkit-transform: translateY(15px) translateX(5px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-icon {
    float: right;
    width: 30px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
    margin-left: 10px;
    transform: scale(1) translateY(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-wrap:hover .socials-icon {
    transform: scale(0) translateY(40px);
    width: 0;
    margin: 0;
    overflow: hidden;
}
.socials-icon:after, .socials-text:after {
    content: "";
    clear: both;
    display: table;
}
.socials {
    height: auto;
    line-height: 30px;
    position: relative;
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    bottom: 0;
    display: table;
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}
.socials-wrap .socials {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.socials li {
    margin-right: 0px;
    margin-left: 10px;
    list-style: none;
    color: #999;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    float: right;
    z-index: 2;
    -webkit-transition: background 0.4s ease-in-out 0s;
    transition: background 0.4s ease-in-out 0s;
}
.socials-wrap .socials li {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-wrap:hover .socials li:nth-child(5) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(4) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(3) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(2) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(1) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials li:last-child {
    margin-left: 0px;
}
.socials li a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.socials:hover li a {
    opacity: 0.3;
}
.socials li a:hover {
    color: #000;
    opacity: 1;
}
.light-content .socials li a {
    color: #fff;
}
.light-content .socials:hover li a {
    opacity: 0.3;
}
.light-content .socials li a:hover {
    color: #fff;
    opacity: 1;
}
.button-wrap {
    position: relative;
    cursor: pointer;
    top: 0px;
    pointer-events: initial;
    width: auto;
    display: table;
}
.button-wrap.centered {
    margin-left: auto;
    margin-right: auto;
}
.button-wrap:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.button-wrap.left {
    float: left;
    left: -32px;
}
.button-wrap.right {
    float: right;
    right: -26px;
}
#main .button-wrap.left {
    float: none;
    left: -24px;
}
#main .button-wrap.button-link.left {
    float: none;
    left: -20px;
}
#main .button-wrap.right {
    float: none;
    right: auto;
}
#main .button-wrap.button-link.right {
    right: -2px;
}
.icon-wrap {
    width: 60px;
    height: 80px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
}
#main .icon-wrap {
    width: 60px;
    height: 60px;
}
.button-wrap.left .icon-wrap {
    float: left;
}
.button-wrap.right .icon-wrap {
    float: right;
}
#main .text-align-right .button-wrap.right {
    float: right;
}
.button-icon {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}
.light-content .button-icon, .dark-section .button-icon {
    color: #fff;
}
.light-content .light-section .button-icon {
    color: #000;
}
.white-header .button-icon {
    color: #fff;
}
.light-content .white-header .button-icon {
    color: #000;
}
.button-icon i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
}
#main .button-icon i {
    line-height: 40px;
}
#main .button-icon i.fa.fa-arrow-right {
    font-size: 14px;
}
.button-text {
    font-weight: 400;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 34px;
    letter-spacing: 1px;
    margin: 25px 0;
    overflow: hidden;
    width: auto;
    padding: 0 5px;
    color: #000;
    -webkit-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}
#main #hero-footer .button-text span::after {
    content: none;
}
#main .button-text {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 15px 0;
    transition: transform .2s ease-out;
}
#main #hero .button-text {
    font-weight: 400;
    font-size: 14px;
}
#main .large-btn .button-text {
    font-size: 18px !important;
    font-weight: 400;
    margin: 15px 0;
    transition: transform .2s ease-out;
}
.light-content .button-text, .dark-section .button-text {
    color: #fff;
}
.light-content .light-section .button-text {
    color: #000;
}
.white-header .button-text {
    color: #fff;
}
.light-content .white-header .button-text {
    color: #000;
}
.light-content .white-header.over-white-section .button-text, .show-loader1 .light-content .white-header .button-text {
    color: #fff;
}
.button-wrap.left .button-text {
    text-align: left;
    float: left;
}
.button-wrap.right .button-text {
    text-align: right;
    float: right;
    padding-left: 0px;
}
.button-text span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    width: auto;
    text-align: center;
    transform-origin: 100% 0%;
}
.button-link .button-text, #main .button-link .button-text {
    overflow: visible;
    transition: padding 0.3s ease-out;
}
.button-link.left .button-text {
    padding-left: 0px;
}
.button-link.left:hover .button-text {
    padding-left: 10px;
}
.button-link .button-text span::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0.3);
    transform: scaleX(1);
    transform-origin: right;
    transition: transform 0.3s ease-out;
}
.button-link.left .button-text span::before {
    transform-origin: left;
}
.light-content .button-link .button-text span::before, .dark-section .button-link .button-text span::before {
    background: rgba(255, 255, 255, 0.4);
}
.light-content .light-section .button-link .button-text span::before {
    background: rgba(0, 0, 0, 0.3);
}
.button-wrap.button-link:hover .button-text span {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.button-link:hover .button-text span::before {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: left;
}
.button-link.left:hover .button-text span::before {
    transform-origin: right;
}
.button-link .button-icon i {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: transparent;
    font-size: 14px;
    border-radius: 100%;
    transform: scale(0.25);
    box-sizing: border-box;
    transition: all .3s ease-out;
    text-indent: -100px;
    overflow: hidden;
}
.button-link:hover .button-icon i {
    background-color: #000;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
    transform: scale(1.2);
    text-indent: 0px;
}
.light-content .button-link .button-icon i, .dark-section .button-link .button-icon i {
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.light-content .button-link:hover .button-icon i, .dark-section .button-link:hover .button-icon i {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 1);
}
.light-content .light-section .button-link .button-icon i {
    border: 1px solid rgba(0, 0, 0, 1);
}
.light-content .light-section .button-link:hover .button-icon i {
    background-color: #000;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
}
.button-link.right .button-icon i {
    transform: scale(0.25) translateX(-40px);
    -webkit-transform: scale(0.25) translateX(-40px);
}
.button-link.right:hover .button-icon i {
    transform: scale(1.2) translateX(0px);
    -webkit-transform: scale(1.2) translateX(0px);
}
.button-wrap.left .button-text span {
    text-align: left;
}
.button-wrap.right .button-text span {
    text-align: right;
}
.button-text span::before {
    position: absolute;
    width: auto;
    top: 100%;
    left: 0;
    content: attr(data-hover);
}
.header-middle .button-text span::before {
    content: attr(data-on);
}
.button-wrap:hover .button-text span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
nav, nav.open {
    -webkit-transition: all 0s ease-in 0s;
    transition: all 0s ease-in 0s;
    background: transparent;
}
.bg-cover-video, .bg-cover-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}
.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.bg-cover-video video {
    z-index: 1;
    max-width: 100%;
    opacity: 0.99;
}
.hero-bg-wrapper:not(.no-vid):after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.85;
}
.news-panel {
    top: -100px;
}
.mp-modal {
    background: white;
    padding: 40px;
    text-align: left;
    max-width: 700px;
    margin: 40px auto;
    position: relative;
}
.mp-modal h3 {
    margin-bottom: 25px;
    font-weight: 700;
    line-height: 1.1;
}
.mp-modal p {
    font-size: 16px;
    line-height: 1.6;
}
.mp-modal > *:last-child {
    margin-bottom: 0;
}
.mp-modal .item-arrow {
    margin-bottom: 12px;
}
.mp-modal .item-arrow i.arrow-icon {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
/* Styles for dialog window */
#small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}
/**
* Fade-zoom animation for first dialog
*/
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
/**
* Fade-move animation for second dialog
*/
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.roles-button-list {
    margin-top: 20px;
}
.roles-button-list .button-box {
    margin-right: 15px;
    z-index: 1;
}
.roles-button-list .button-box:hover {
    z-index: 0;
}
.roles-button-list .button-box .clapat-button {
    background-color_null: #fff;
    font-size: 20px;
}
.roles-button-list .button-box .clapat-button .button-border {
    font-size: 18px;
}
.clients-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.clients-list__item {
    margin-top: 0px;
    padding: 2rem 2.5rem 1rem 2.5rem;
}
.clients-list__item img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-width: 140px;
    width: 100%;
    height: auto;
    filter: grayscale(1);
    opacity: 0.7;
}
.clients-list.colour .clients-list__item img {
    filter: grayscale(0);
    opacity: 1;
}
.clients-list__item:hover img {
    filter: grayscale(0);
    opacity: 1;
}
.clients-list--start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.clients-list--start .clients-list__item {
    text-align: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.clients-list--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.clients-list--center .clients-list__item {
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.clients-list[data-columns='5'] .clients-list__item {
    width: 20%
}
.clients-list[data-columns='6'] .clients-list__item {
    width: 16.66%
}
.clients-list--style-1 img_null {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
}
.clients-list--style-1 img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.clients-list--style-2 img {
    opacity: .5
}
.clients-list--style-2 img:hover {
    opacity: 1
}
.blog__item {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-box-shadow: 0 0 50px 20px rgb(29 35 58 / 3%);
    -moz-box-shadow: 0 0 50px 20px rgb(29 35 58 / .25);
    box-shadow: 0 0 50px 20px rgb(29 35 58 / 3%);
    overflow: hidden;
    display: block;
        clip-path: polygon(0 0, calc(100% - 35px) 0, 100% 35px, 100% 100%, 100% 100%, 12px 100%, 0% calc(100% - 10px), 0% 0%);
}
.blog__thumb {
    position: relative;
    overflow: hidden;
}
.blog__thumb.with-preview-stat:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), color-stop(85%, transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6), transparent 85%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .6), transparent 85%);
    pointer-events: none;
}
.blog__content {
    padding: 30px 15px 30px 0;
}
.preview-stat {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 25px 30px;
    text-align: right;
    color: #fff;
    z-index: 2;
    pointer-events: none;
    max-width: 500px;
}
.preview-stat.left{
    text-align: left;
    left: 0;
    right: auto;
}
.blog__content h3 {
    font-size: clamp(24px, 1.7vw, 38px);
    line-height: 1.3;
}
.blog__thumb img {
    width: 100%;
    height: 34vh;
    min-height: 280px;
    max-height: 42vw;
    object-fit: cover;
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
}
.blog__item:hover .blog__thumb img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.blog-link-title{
    font-size: clamp(20px, calc(0.8rem + 1.2vw), 36px);
}

.figure {
    display: inline-block;
}
.preview-stat .figure {
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
}
.blog__link a {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px !important;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.blog__link .arrow-btn {
    color: #202020;
    position: relative;
    cursor: pointer;
    font-weight: 700;
}
.blog__link .arrow-btn:hover {
    color: #1f9fff;
}
.blog__link i {
    position: absolute;
    top: 50%;
    left: 112%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.cs-intro-image {
    margin-bottom: 15px;
    text-align: center;
    border_null: #000 2px solid;
    padding: 0 30px 30px 30px;
}

.blog__sidebar{
    position: sticky;
    top: 30px;
}
.sidebar__widget-logo {
    position: relative;
    background-color: #fff;
}
.sidebar__widget-logo img {
    width: 100%;
    height: auto;
}
.cs-intro-image img {
    max-width: 350px;
    object-fit: contain;
}
.cs-key-results ul{
    margin: 0;
    list-style: none;
}
.cs-key-results ul > li {
    padding: 20px;
    margin-bottom: 16px;
    background-color: #fa4529;
    background: #08080e;
    text-align: center;
}
.cs-key-results .title {
    position: relative;
    font-size: 15px;
    color: #fff;
    z-index: 3;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.cs-key-results ul > li span {
    display: block;
    font-size: 80px;
    line-height: 1em;
    font-weight: 600;
    color: #fff;
}
.mb-20 {
    margin-bottom: 1rem;
}
.m-btn, .uacf7-step.step-content.step-start button.uacf7-next, .uacf7-step.step-content button.uacf7-prev {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 12px 24px;
    display: inline-block;
    background: #08080e !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 6px, 100% 100%, 100% 100%, 8px 100%, 0% calc(100% - 6px), 0% 0%);
    margin-bottom: 20px;
}
.m-btn:hover {
    background: #08080e !important;
    color: #fff;
}
.grecaptcha-badge {
    display: none !important;
}

.project__thumb{
    position: relative;
    left: -7%;
    margin-bottom: -240px;
}
.project__thumb-2 {
    margin-left: 83px;
    margin-top: -65px;
    position: relative;
}
.project__thumb-1 img {
    object-fit: cover;
    height: 735px;
    width: 562px;
}
.project__thumb-2 img {
    object-fit: cover;
    height: 450px;
    width: 369px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.steps-form {
    margin-bottom: 25px;
}


.blog__single { 
    display: block;
    margin-bottom: 30px;
} 
 

.blog__single-thumb { 
    position: relative; 
    overflow: hidden;
} 

.blog__single-content { 
    position: relative;
} 

.blog__single-content-meta { 
    margin-bottom: 26px;
}     
.blog__single-content-meta ul li { 
    font-size: 80%;
}     

.blog__single-content h2{ 
    font-size: clamp(28px, calc(2rem + 1.75vw), 56px);
} 
.blog__single-content h3{ 
    font-size: clamp(24px, calc(2rem + 1.55vw), 46px);
} 
.blog__single-content h4{ 
    font-size: clamp(20px, calc(2rem + 1.35vw), 28px);
} 
.blog__single-content h5{ 
    font-size: clamp(18px, calc(2rem + 1.15vw), 24px);
} 

.wp-block-image{
    margin-bottom: 2.2rem;
}

.blog__link-single { 
    margin-top: 20px; 
    margin-bottom: 0;
}      

.blog__single-thumb img  { 
    width: 100%; 
    transition: all 1.5s ease-in-out; 
    -webkit-transition: all 1.5s ease-in-out; 
    -moz-transition: all 1.5s ease-in-out; 
    -ms-transition: all 1.5s ease-in-out; 
    -o-transition: all 1.5s ease-in-out; 
    height: 500px; 
    max-height: 50vw; 
    object-fit: cover; 
    object-position: center;

} 

.blog__single-thumb.small img  { 
    height: 280px; 
    max-height: 42vw;
} 
.blog__single:hover .blog__single-thumb img  { 
    transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1);
}  

.blog__single-content-meta ul  { 
    padding: 0 !important;
} 


.blog__link a  { 
    font-size: 15px; 
    font-weight: 600; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    margin-bottom: 12px !important; 
    transition: all .3s ease-in-out; 
    -webkit-transition: all .3s ease-in-out; 
    -moz-transition: all .3s ease-in-out; 
    -ms-transition: all .3s ease-in-out; 
    -o-transition: all .3s ease-in-out;
} 

.blog__link-single .m-btn:not(.no-arrow)  { 
    padding-right: 60px; 
    margin-bottom: 0;
}   

.blog__single-content li  { 
    margin-bottom: .2em; 
    list-style: disc;
}  

.blog__single-content-meta ul li  { 
    display: inline-block; 
    margin-right: 28px; 
    margin-left: 0;
}    

.blog__link i  { 
    position: absolute; 
    top: 50%; 
    left: 112%; 
    transition: all .5s ease-in-out; 
    -webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out; 
    -ms-transition: all .5s ease-in-out; 
    -o-transition: all .5s ease-in-out; 
    transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%); 
    -moz-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    -o-transform: translate(-50%,-50%);
} 

.blog__link-single i  { 
    left: 78%;
} 


.pagination.list-wrap{
    margin-left: -12px;
}
.pagination.list-wrap li{
    
}
.pagination.list-wrap li a{
    display: block;
    padding: 12px;
    font-size: 24px;
}
.pagination.list-wrap li.current a{
    opacity: 0.5;
}
.pagination.list-wrap li.inactive a{
    
}

.guide-preview-image {
    margin-bottom: 30px;
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.feature-testimonial .testimonial-content {
    font-size: clamp(26px, 2.7vw, 54px);
    line-height: 1.1;
}
.feature-testimonial .testimonial-meta {
    margin-top: 40px;
}
.feature-testimonial .testimonial-meta .testimonial-info {
    margin-top: 10px;
    margin-bottom: 0 !important;
    color: #ff0090 !important;
}



.header-tabs-wrapper{
    display: flex;
    justify-content: end;
    pointer-events: all;
    position: relative;
    z-index: 10;
}
.header__area.sticky .header-tabs-wrapper{
    top: 84px;
}
.header-tabs-wrapper ul{
    list-style: none;
    font-size: 0px;
    display: block;
    margin: 0;
}
.header-tabs-wrapper ul li{
    display: inline-block;
    margin-left: 3px;
    font-size: 0px;
}
.header-tabs-wrapper ul li a{
    display: block;
    padding: 0px 24.5px;
    height: 36px;
    line-height: 35px;
    color: #fff;
    background-color: #ff0090;
    background-size: 200%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
    white-space: nowrap;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0% 100%, 0% 100%, 0% 0%);
}
.header-tabs-wrapper ul li:not(.social) a{
    color: #fff !important;
}
.main-menu-2.dark + .header-tabs-wrapper ul li.social a{
    color: #202020;
}
.header-tabs-wrapper ul li.alt1 a{
    background-color: #269bf2;
    background-color: #088ab4;
}
.header-tabs-wrapper ul li.social a{
    padding: 0px 8px;
    background-color: transparent;
}
.header-tabs-wrapper ul li.tel a{
    background-color: rgba(0,0,0,0.25);
}
.header-tabs-wrapper ul li.dark a{
    background-color: #08080e;
}
.header-tabs-wrapper ul li.tel{
    margin-left: 12px;
}
.header__area.sticky .header-tabs-wrapper ul li.social,
.header__area.sticky .header-tabs-wrapper ul li.tel_null{
    display: none;
}
.header-tabs-wrapper ul li a:hover,
.header-tabs-wrapper ul li.alt1 a:hover{
    background-color:#0f0f0f;
}
.main-menu-2.dark + .header-tabs-wrapper ul li.social a:hover{
    background-color:rgba(0,0,0,0.15);
}


.location-search-by {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: rgb(0 0 0 / .3) 1px dashed;
}
.location-search-by label {
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    height: 18px;
    line-height: 18px;
    margin: 0 2px;
    cursor: pointer;
}
.location-search-by input {
    width: auto;
    top: 1px;
    position: relative;
    cursor: pointer;
    height: 14px;
}
.checkbox-filter-list {
    max-height: 200px;
    overflow: auto;
    padding-right: 15px;
}
.checkbox-filter-list label {
    display: block;
    line-height: 16px;
    margin-top: 9px;
}
.checkbox-filter-list input {
    margin-right: 6px;
    margin-bottom: 9px;
    float: left;
    position: relative;
    top: 0px;
    height: 15px;
    width: 15px;
}

.job-listing-item{
    padding: 25px;
    border: rgba(0,0,0,1) 1px solid;
}
.job-listing-item h3{
    margin-bottom: 10px;
}