@charset "utf-8";


/* reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* remove dotted outline from links, button and input element */
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
outline: 0;
}


/* layout */
/* Pencasa Minimal Style
   Primary: #2C332E (Dark Anchor)
   Secondary: #F5F2ED (Light Foundation)
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #2C332E;
    color: #F5F2ED;
    margin: 0;
    overflow: hidden;
}

::-moz-selection { background: #F5F2ED; color: #2C332E; }
     ::selection { background: #F5F2ED; color: #2C332E; }


h1, h2, h3, h4, h5, h6 {
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

h1, h3, h6 {
    font-family: 'Sora', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

h6 {
font-size: 30px;
font-weight: 700;
letter-spacing: -0.08em;
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 0;
}

.fin-wrapper {
position: relative;
width: 95%;
height: auto;
margin: 0 auto;
z-index: 5;
}

.fin-slides-wrapper h3 {
font-style: normal;
font-weight: 400;
font-size: 14px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.25em;
margin: 0 auto;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fin-heading {
font-size: 120px;
line-height: 1;
font-style: normal;
font-weight: 400;
letter-spacing: 0.15em;
text-transform: uppercase;
text-align: center;
margin: 41px auto 43px auto;
padding: 0;
}

.fin-subheading {
font-style: normal;
font-weight: 400;
font-size: 14px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.25em;
margin: 0 auto;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fin-subheading a {
color: #fff;
text-decoration: none;
}

.fin-subheading a:hover {
color: #8A9682;
text-decoration: none;
}



.transparent-borders {
visibility: visible;
display: block;
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
-webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
background: none;
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: calc(100% - 220px);
height: -webkit-calc(100% - 220px);
height: -moz-calc(100% - 220px);
height: calc(100% - 220px);
top: 110px;
left: 110px;
bottom: 110px;
right: 110px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: visible;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
border: 10px solid rgba(0,0,0, .55);
box-shadow: 0 0 25px rgba(0,0,0, .55);
z-index: 0;
}

.transparent-borders.OFF {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.25);
   -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
     -o-transform: scale(0.25);
        transform: scale(0.25);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}


.line-right {
visibility: visible;
display: block;
font-family: 'Dosis', sans-serif;
letter-spacing: normal;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-size: 15px;
-webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: 100% 50%;
   -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
     -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
position: absolute;
width: 325px;
right: 35px;
top: 50%;
margin-top: -174px;
-webkit-transition: all 0.7s;
   -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
     -o-transition: all 0.7s;
        transition: all 0.7s;
z-index: 500;
}

.line-right.right-position {
-webkit-transform: translateX(200px) rotate(-90deg);
   -moz-transform: translateX(200px) rotate(-90deg);
    -ms-transform: translateX(200px) rotate(-90deg);
     -o-transform: translateX(200px) rotate(-90deg);
        transform: translateX(200px) rotate(-90deg);
-webkit-transition: all 0.7s;
   -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
     -o-transition: all 0.7s;
        transition: all 0.7s;
}

.line-right a {
color: #fff;
text-decoration: none;
}

.line-right a:hover {
color: #fff;
text-decoration: none;
}

.upper-page {
min-height: 100%;
margin: 0;
padding: 0;
}

.upper-content {
margin: 0 auto;
padding: 0;
}


.sections {
position: relative;
z-index: 5;
}




/* signup form */


.ex-modal-closer {
font-size: 20px;
}

.ex-modal-closer a {
color: #F5F2ED;
text-decoration: none;
}

.ex-modal-closer a:hover {
color: #8A9682;
text-decoration: none;
}

.ex-modal-launcher {
visibility: visible;
position: relative;
width: 50px;
height: auto;
margin: 0 auto;
z-index: 0;
}

.ex-modal {
position: fixed;
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: calc(100% - 220px);
height: -webkit-calc(100% - 220px);
height: -moz-calc(100% - 220px);
height: calc(100% - 220px);
top: 110px;
left: 110px;
bottom: 110px;
right: 110px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
text-align: center;
background: rgba(0,0,0, .95);
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
     -o-transform: scale(0.75);
        transform: scale(0.75);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
z-index: 1005;
}

.ex-modal.show {
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: calc(100% - 220px);
height: -webkit-calc(100% - 220px);
height: -moz-calc(100% - 220px);
height: calc(100% - 220px);
top: 110px;
left: 110px;
bottom: 110px;
right: 110px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: visible;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}


/* newsletter form */
#subscribe-wrapper {
position: relative;
margin: 2px auto 0 auto;
background: none;
width: auto;
height: 160px;
text-align: center;
}

.newsletter {
position: relative;
clear: both;
width: auto;
border: none;
background: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

.submit-button-2 {
    background-color: #8A9682;
position: relative;
font-size: 15px;
line-height: 1.5;
font-style: normal;
text-transform: uppercase;
text-align: center;
font-weight: 400;
letter-spacing: normal;
display: inline-block;
outline: none;
margin: 10px auto 0 auto;
width: 225px;
padding: 1px 0 0 0;
height: 35px;
border: none;
-webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	overflow: hidden;
	cursor: pointer;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
-webkit-transform: translate(0,0);
   -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
     -o-transform: translate(0,0);
        transform: translate(0,0);
}




.subscribe-success {
font-family: 'Dosis', sans-serif;
font-size: 15px;
line-height: 1.5;
font-style: normal;
text-transform: uppercase;
text-align: center;
font-weight: 400;
letter-spacing: normal;
color: #fff;
margin: 0 auto;
padding: 40px 0 0 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#subscribe .subscribe-error {
font-family: 'Raleway', sans-serif;
font-size: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 400;
color: #fff;
display: block;
margin: 6px auto 0 auto;
padding: 0;
letter-spacing: 1px;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/* newsletter field effect */
/* normalize */
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

/* input */
.input {
position: relative;
display: inline-block;
margin: 1em;
max-width: 270px;
width: calc(100% - 2em);
vertical-align: top;
padding: 0;
margin: 20px 0 0 0;
text-align: center;
z-index: 1;
}

.input__field {
position: relative;
display: block;
float: right;
padding: 0;
width: 60%;
border: none;
border-radius: 0;
background: none;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-transform: none;
text-align: center;
line-height: 3.9;
-webkit-appearance: none;
}

.input__field:focus {
outline: none;
}

.input__label {
display: inline-block;
float: right;
width: 40%;
height: 55px;
font-family: 'Raleway', sans-serif;
font-size: 10px;
font-style: normal;
text-transform: uppercase;
text-align: center;
font-weight: 400;
letter-spacing: 1px;
line-height: 1;
margin: 0;
padding: 4px 0 0 0;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.input__label-content {
position: relative;
display: block;
padding: 20px 0 20px 0;
width: 100%;
}

.input--kuro {
max-width: 225px;
margin-bottom: 0;
}

.input__field--kuro {
width: 100%;
background: none;
color: #fff;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
font-weight: normal;
text-align: center;
padding: 0;
-webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
}

.input__label--kuro {
position: absolute;
left: 0;
width: 100%;
color: #fff;
pointer-events: none;
}

.input__label--kuro::before,
.input__label--kuro::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 50%;
height: 100%;
border-bottom: 1px solid #fff;
border-top: none;
border-left: none;
border-right: none;
-webkit-transition: -webkit-transform 0.3s;
	    transition: transform 0.3s;
}

.input__label--kuro::before {
border-right: none;
}

.input__label--kuro::after {
left: 50%;
border-left: none;
}

.input__field--kuro:focus,
.input--filled .input__field--kuro {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition-delay: 0.3s;
	    transition-delay: 0.3s;
}

.input__field--kuro:focus + .input__label--kuro::before,
.input--filled .input__label--kuro::before {
-webkit-transform: translate3d(-10%, 0, 0);
	    transform: translate3d(-10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro::after,
.input--filled .input__label--kuro::after {
-webkit-transform: translate3d(10%, 0, 0);
	    transform: translate3d(10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro .input__label-content--kuro,
.input--filled .input__label-content--kuro {
-webkit-animation: anim-2 0.3s forwards;
	    animation: anim-2 0.3s forwards;
}

@-webkit-keyframes anim-2 {
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 1);
		        transform: scale3d(0.3, 0.3, 1);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
		        transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -3.7em, 0);
		        transform: translate3d(0, -3.7em, 0);
	}
}

@keyframes anim-2 {
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 1);
		        transform: scale3d(0.3, 0.3, 1);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
		        transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -3.7em, 0);
		        transform: translate3d(0, -3.7em, 0);
	}
}


/* countdown */
.launcher {
visibility: visible;
display: block;
position: fixed;
right: 33px;
bottom: 24px;
-webkit-transition: all 0.7s;
   -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
     -o-transition: all 0.7s;
        transition: all 0.7s;
z-index: 500;
}

.launcher.bottom-position {
-webkit-transform: translateY(200px);
   -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
     -o-transform: translateY(200px);
        transform: translateY(200px);
-webkit-transition: all 0.7s;
   -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
     -o-transition: all 0.7s;
        transition: all 0.7s;
}

#countdown-wrapper {
position: relative;
margin: 0;
width: auto;
text-align: center;
}

#countdown {
margin: 0;
padding: 0;
}

ul#countdown li {
display: inline-block;
width: auto;
}

ul#countdown li span {
position: relative;
font-family: 'Dosis', sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.05em;
color: #fff;
margin: 0;
padding: 0 0 0 10px;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

ul#countdown li span::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
}

ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
position: absolute;
bottom: 0;
left: 0;
font-family: 'Sora', sans-serif;
text-transform: uppercase;
font-size: 17px;
font-style: normal;
font-weight: 400;
margin: 0;
padding: 0;
-webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: 0% 50%;
   -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
     -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}




/* hero bg */
.hero-bg {
position: fixed;
-webkit-transition: -webkit-transform 3s ease;
   -moz-transition: -moz-transform 3s ease-out;
	-ms-transition: -ms-transform 3s ease-out;
     -o-transition: -o-transform 3s ease-out;
        transition: transform 3s ease;
-webkit-transform: scale(1.8);
   -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
     -o-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 0;
}

.hero-bg-show {
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* hero container */
.hero-fullscreen {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}


/* kenburnsy */
.kenburnsy {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

.kenburnsy.fullscreen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}

.kenburnsy img {
display: none;
}

.kenburnsy .slide {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
-webkit-background-size: cover;
        background-size: cover;
background-repeat: no-repeat;
-webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
        transform: translateZ(0);
-webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
}

#kenburnsy-bg {
overflow: hidden;
}


/* preload content */
.preload-content {
position: fixed;
width: auto;
height: auto;
margin: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* BG OPACITY CONTROL start */
background: rgba(44,51,46, .55);
/* BG OPACITY CONTROL end */
overflow: hidden;
z-index: 0;
}


/* center container */
.center-container-home {
position: absolute;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}

.center-block-home {
display: table-cell;
vertical-align: middle;
}

.center-container {
position: absolute;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
/* BG OPACITY CONTROL start */
background: rgba(0,0,0, .65);
/* BG OPACITY CONTROL end */
}

.center-block {
display: table-cell;
vertical-align: middle;
}


/* owlCarousel */
.owl-carousel {
overflow: hidden;
text-align: center;
}

.owl-buttons {
position: static;
}

.owl-prev,
.owl-next {
position: absolute;
display: block;
top: 50%;
margin-top: -50px;
width: 105px;
height: 105px;
line-height: 105px;
font-size: 30px;
text-align: center;
color: #fff;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 6;
}

.owl-prev {
left: -50px;
}

.owl-next {
right: -50px;
}

.owl-prev:before,
.owl-next:before {
content: "";
display: block;
width: 66%;
height: 66%;
position: absolute;
left: 0;
top: 17px;
background: none;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-next:before {
left: auto;
right: 0;
}

.owl-prev .fa,
.owl-next .fa {
position: relative;
}

.owl-prev:hover,
.owl-next:hover {
-webkit-transition: 0 none !important;
   -moz-transition: 0 none !important;
	-ms-transition: 0 none !important;
     -o-transition: 0 none !important;
        transition: 0 none !important;
}

.owl-prev:hover:before,
.owl-next:hover:before {
        opacity: 0.8;
   -moz-opacity: 0.8;
-webkit-opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.owl-prev:active:before,
.owl-next:active:before {
        opacity: 0.6;
   -moz-opacity: 0.6;
-webkit-opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.owl-carousel:hover .owl-prev {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
left: -35px;
}

.owl-carousel:hover .owl-next {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: -35px;
}

.owl-pagination {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 20px auto 0 auto;
text-align: center;
}

.owl-page {
position: relative;
display: inline-block;
padding: 6px 4px;
}

.owl-page span {
width: 15px;
height: 2px;
display: block;
background: rgba(255,255,255, .7);
position: relative;
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0, .1);
   -moz-box-shadow: 1px 1px 0px rgba(0,0,0, .1);
	    box-shadow: 1px 1px 0px rgba(0,0,0, .1);
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
z-index: 1000 !important;
}

.owl-page:hover span {
background: rgba(255,255,255, 1);
}

.owl-page.active span {
-webkit-transform: scale(1.3333333);
   -moz-transform: scale(1.3333333);
    -ms-transform: scale(1.3333333);
     -o-transform: scale(1.3333333);
        transform: scale(1.3333333);
}

.photos-gallery {
margin: 17px auto 1px auto;
}

.photos-gallery img {
max-width: 100%;
height: auto;
}


/* core owlCarousel */
/* Core Owl Carousel CSS File v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

/* display none until init */
.owl-carousel {
position: relative;
display: none;
width: 100%;
height: auto;
-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
   -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
     -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
   -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}

.owl-controls {
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0, 0);
}

/* mouse grab icon */
.grabbing {
/* cursor:url(grabbing.png) 8 8, move; */
cursor: move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item {
-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
   -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
-webkit-transform-origin: center;
   -moz-transform-origin: center;
    -ms-transform-origin: center;
	 -o-transform-origin: center;
        transform-origin: center;
}

/* hero fullscreen FIX */
.hero-fullscreen-FIX {
width: 100%;
height: 100%;
}

/* CUSTOM EXTRAS */
/* CSS3 Transitions */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* keyframes */
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/* media queries */
/* 1024px */
@media only screen and (max-width: 1200px) {

/* layout */
.fin-heading {
font-size: 90px;
letter-spacing: 0.10em;
margin: 29px auto 29px auto;
}


}


/* 880px */
@media only screen and (max-width: 880px) {

/* layout */
h2 {
font-size: 50px;
}

h2 .get-behind {
font-size: 80px;
}

.fin-slides-wrapper h3 {
font-size: 12px;
}

.fin-heading {
font-size: 60px;
letter-spacing: 0.10em;
margin: 20px auto 23px auto;
}

.fin-subheading {
font-size: 12px;
}


.transparent-borders {
visibility: hidden;
display: none;
}

/* signup form */
.ex-modal {
width: -webkit-calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: calc(100% - 180px);
height: -webkit-calc(100% - 180px);
height: -moz-calc(100% - 180px);
height: calc(100% - 180px);
top: 90px;
left: 90px;
bottom: 90px;
right: 90px;
}

.ex-modal.show {
width: -webkit-calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: calc(100% - 180px);
height: -webkit-calc(100% - 180px);
height: -moz-calc(100% - 180px);
height: calc(100% - 180px);
top: 90px;
left: 90px;
bottom: 90px;
right: 90px;
}


}


/* 640px */
@media only screen and (max-width: 640px) {

/* layout */
h2 {
font-size: 45px;
}

.line-right {
visibility: hidden;
display: none;
}

.fin-slides-wrapper h3 {
font-size: 12px;
}

.fin-heading {
font-size: 50px;
letter-spacing: 0.10em;
margin: 21px auto 24px auto;
}

.fin-subheading {
font-size: 12px;
}

/* signup form */
.ex-modal {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 20px);
height: -moz-calc(100% - 20px);
height: calc(100% - 20px);
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
}
button.is-loading {
        opacity: 0.6;
        cursor: not-allowed;
    }

.ex-modal.show {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 20px);
height: -moz-calc(100% - 20px);
height: calc(100% - 20px);
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
}

.launcher {
right: 23px;
bottom: 14px;
}

}

