/*
  [CSS Index]
  
  ---
  
  Template Name: Dexa - Under Construction Template
  Author:  ex-nihilo
  Version: 1.2
*/


/*
  1. TEMPLATE BACKGROUNDS
    1.1. home IMG BACKGROUND
	1.2. about IMG BACKGROUND
    1.3. services IMG BACKGROUND
	1.4. launch IMG BACKGROUND
    1.5. contact IMG BACKGROUND
	1.6. slick fullscreen slideshow IMG BACKGROUND
  2. reset
  3. layout
  4. section
    4.1. section IMG
  5. hero
    5.1. hero container
    5.2. hero bg
    5.3. hero fullscreen FIX
  6. home section
    6.1. logo
    6.2 navigation
        6.2.1. navigation icon
        6.2.2. navigation bg and links
        6.2.3. navigation brackets
        6.2.4. navigation IMG
    6.3. intro
    6.4. bottom credits
    6.5. social icons
    6.6. scroll indicator
	6.7. section heading
  7. about section
    7.1. about IMG
	7.2. about content
	7.3. about TXT
  8. services section
    8.1. services TXT
    8.2. services container
  9. contact section
    9.1. contact TXT
    9.2. contact container
    9.3. contact info
    9.4. contact social icons
  10. overlay
  11. center container
  12. link underline
  13. button effect
  14. section title
  15. countdown
  16. preloader
  17. Slick v1.6.0 CUSTOM
    17.1. slick slide flickering FIX 
    17.2. slick about
    17.3. slick navigation
	17.4. slick fullscreen slideshow
  18. fullPage v2.9.4 CUSTOM
  19. videos
    19.1. YouTube video
      19.1.1. jquery.mb.YTPlayer v3.1.13 CUSTOM
    19.2. Vimeo video
	19.3. HTML5 video
  20. launch section
    20.1. launch container
	20.2. launch newsletter form
*/


/* 1. TEMPLATE BACKGROUNDS */
/* 1.1. home IMG BACKGROUND */
.section-bg-home {
background-image: url(../img/background/home-bg.jpg);
}


/* 1.2. about IMG BACKGROUND */
.about-bg {
background-image: url(../img/about/about-bg.jpg);
}


/* 1.3. services IMG BACKGROUND */
.services-bg-1 {
background-image: url(../img/services/services-bg-1.jpg);
}

.services-bg-2 {
background-image: url(../img/services/services-bg-2.jpg);
}

.services-bg-3 {
background-image: url(../img/services/services-bg-3.jpg);
}

.services-bg-4 {
background-image: url(../img/services/services-bg-4.jpg);
}

.services-bg-5 {
background-image: url(../img/services/services-bg-5.jpg);
}

.services-bg-6 {
background-image: url(../img/services/services-bg-6.jpg);
}


/* 1.4. launch IMG BACKGROUND */
.launch-bg {
background-image: url(../img/launch/launch-bg.jpg);
}


/* 1.5. contact IMG BACKGROUND */
.contact-bg {
background-image: url(../img/contact/contact-bg.jpg);
}


/* 1.6. slick fullscreen slideshow IMG BACKGROUND */
.bg-img-1 {
background-image: url(../img/background/hero-bg-1.jpg);
}

.bg-img-2 {
background-image: url(../img/background/hero-bg-2.jpg);
}

.bg-img-3 {
background-image: url(../img/background/hero-bg-3.jpg);
}

.bg-img-4 {
background-image: url(../img/background/hero-bg-4.jpg);
}


/* 2. reset */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,  u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}

html, body {
height: 100%;
line-height: 170%;
}

body {
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

*:focus {  
outline: none;
}

/* 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;
}

/* IE10 scrollbar FIX */
html {
-ms-overflow-style: scrollbar;
}


/* 3. layout */
body {
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 1.5;
font-style: normal;
font-weight: 400;
color: #fff;
background: #000;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
}

a {
color: #fff;
text-decoration: none;
outline: none;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

a:hover,
a:visited,
a:active,
a:focus {
color: #fff;
text-decoration: underline;
outline: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

p {
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
line-height: 2;
}

p a,
p a:hover {
color: #fff;
text-decoration: underline;
outline: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

strong {
font-weight: bold;
}

::-moz-selection {
background: #5f5f5f;
color: #fff;
}

::selection {
background: #5f5f5f;
color: #fff;
}

.nopadding {
padding: 0!important;
margin: 0!important;
}


/* 4. section */
.sections {
position: relative;
z-index: 5;
}

.nopadding {
padding: 0!important;
margin: 0!important;
}

.section {
overflow: hidden;
}


/* 4.1. section IMG */
.section-bg-home {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

#section0 {
background: none;
}

#section1,
#section2,
#section3 {
background: #000;
}

#section4 {
background: #fff;
}


/* 5. hero */
/* 5.1. hero container */ 
.hero-fullscreen {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}


/* 5.2. hero bg */
.hero-bg {
position: relative;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}


/* 5.3. hero fullscreen FIX */ 
.hero-fullscreen-FIX {
width: 100%;
height: 100%;
}


/* 6. home section */
/* 6.1. logo */
.logo {
position: fixed;
display: inline-block;
top: 50px;
left: 50px;
line-height: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
cursor: pointer;
z-index: 200;
}

@media only screen and (max-width: 880px) {
  .logo {
    position: absolute;
  }
}

@media only screen and (max-width: 768px) {
  .logo {
    top: 25px;
    left: 25px;
  }
}

.logo-img:before {content: "";background: url(../img/logo-dark.png) no-repeat;background-size: 100%;display: block;width: 160px;height: 64px;line-height: 34px;-webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);-ms-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);}

.logo-img-dark:before {
content: "";
background: url(../img/logo-light.png) no-repeat;
display: block;
width: 57px;
height: 34px;
line-height: 34px;
-webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.logo-light .logo-img:before {background: url(../img/logo-light.png) no-repeat;background-size: 100%;}

.logo-dark .logo-img-dark:before {
background: url(../img/logo-dark.png) no-repeat;
}


/* 6.2 navigation */
/* 6.2.1. navigation icon */
.navigation-icon-wrapper {
position: fixed;
width: 35px;
height: 25px;
top: 42px;
right: 50px;
cursor: pointer;
z-index: 99998;
}

@media only screen and (max-width: 768px) {
  .navigation-icon-wrapper {
    top: 17px;
    right: 25px;
  }
}

.navigation-icon .line {
display: block;
width: 35px;
height: 3px;
margin: 8px auto;
-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;
        transition: all .3s ease-in-out;
background-color: #fff;
}

#navigation-icon.active .line:nth-child(1){
-webkit-transform: translateY(11px);
   -moz-transform: translateY(11px);
    -ms-transform: translateY(11px);
     -o-transform: translateY(11px);
        transform: translateY(11px);
background-color: #fff;
}

#navigation-icon.active .line:nth-child(3){
-webkit-transform: translateY(-11px);
   -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
     -o-transform: translateY(-11px);
        transform: translateY(-11px);
background-color: #fff;
}

.navigation-icon .line.line-light,
.navigation-icon .line.line-dark {
background: #fff;
}

@media only screen and (max-width: 768px) {
  .navigation-icon .line.line-dark {
    background: #111;
  }
}


/* 6.2.2. navigation bg and links */
nav.navigation-menu {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
visibility: hidden;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
        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: 1001;
}

nav.navigation-menu.show {
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
visibility: visible;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
        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);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}

nav.navigation-menu a {
text-decoration: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

nav.navigation-menu a:hover {
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

nav.navigation-menu a:link,
nav.navigation-menu a:visited,
nav.navigation-menu a:active {
color: #fff;
}

nav.navigation-menu li a.active {
color: #777;
}

nav.navigation-menu li {
margin: 0 0 11px 0;
}

@media only screen and (max-width: 640px) {
  nav.navigation-menu li {
    margin: 0 0 9px 0;
  }
}

nav.navigation-menu li.last {
margin: 0;
}

nav.navigation-menu a {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0.05em;
text-decoration: none;
}

@media only screen and (max-width: 640px) {
  nav.navigation-menu a {
    font-size: 15px;
  }
}


/* 6.2.3. navigation brackets */
.brackets a::before,
.brackets a::after {
display: inline-block;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
   -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -ms-transition: -ms-transform 0.3s, opacity 0.2s;
     -o-transition: -o-transform 0.3s, opacity 0.2s;
        transition: transform 0.3s, opacity 0.2s;
}

.brackets a::before {
content: "\2014";
margin-right: 10px;
-webkit-transform: translateX(20px);
   -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
        transform: translateX(20px);
}

.brackets a::after {
content: "";
margin-left: 10px;
-webkit-transform: translateX(-20px);
   -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
     -o-transform: translateX(-20px);
        transform: translateX(-20px);
}

.brackets a:hover::before,
.brackets a:hover::after,
.brackets a:focus::before,
.brackets a:focus::after {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateX(0px);	
   -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
     -o-transform: translateX(0px);
        transform: translateX(0px);
}

.brackets ul, li {
list-style: none;
}

.brackets a,
.brackets a:hover,
.brackets a:visited {
text-decoration: none;
}


/* 6.2.4. navigation IMG */
.navigation-menu-img-wrapper {
position: fixed;
width: 100%;
height: 100%;
z-index: 1; 
}

.navigation-menu-img {
position: absolute;
width: 50%;
top: 0;
left: 0;
bottom: 0;
overflow: hidden;
}

.menu-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
   -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.menu-img.active {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}

.navigation-menu-txt {
position: relative;
width: 50%;
height: auto;
left: 50%;
}


/* 6.3. intro */
.intro-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
}

#intro-title {
font-family: 'Montserrat', sans-serif;
font-size: 155px;
font-weight: 800;
font-style: normal;
letter-spacing: -0.04em;
line-height: 1;
text-transform: uppercase;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
margin: 0 0 0 -9px;
padding: 0;
color: #fff;
}

@media only screen and (max-width: 880px) {
  #intro-title {
    font-size: 115px;
	margin: 0 0 0 -6px;
  }
}

@media only screen and (max-width: 768px) {
  #intro-title {
    font-size: 75px;
	margin: 0 0 0 -4px;
  }
}

.intro-subtitle {
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 1;
font-style: normal;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: center;
margin: 5px auto 0 auto;
color: #fff;
}

@media only screen and (max-width: 880px) {
  .intro-subtitle {
    margin: 0 auto;
	padding-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .intro-subtitle {
    font-size: 12px;
	margin: 8px auto 0 8px;
  }
}

@media only screen and (max-width: 640px) {
  .intro-subtitle {
    padding-top: 0;
  }
}


/* 6.4. bottom credits */
.bottom-credits {
position: absolute;
display: block;
width: auto;
height: auto;
left: 51px;
bottom: 47px;
color: #fff;
font-size: 9px;
text-transform: uppercase;
text-align: left;
letter-spacing: 0.05em;
font-weight: 600;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
z-index: 1002;
}

@media only screen and (max-width: 768px) {
  .bottom-credits {
    left: 26px;
    bottom: 47px;
	font-size: 8px;
  }
}

.bottom-credits a,
.bottom-credits a:hover {
color: #fff;
text-decoration: none;
}


/* 6.5. social icons */
.social-icons-wrapper {
position: absolute;
left: auto;
right: 50px;
bottom: 48px;
text-align: right;
z-index: 1002;
}

@media only screen and (max-width: 768px) {
  .social-icons-wrapper {
    display: none;
	visibility: hidden;
  }
}

.social-icons-wrapper ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.social-icons-wrapper ul li {
display: inline-block;
margin: 0 auto;
padding: 0 0 0 5px;
}

ul.social-icons {
font-size: 16px;
line-height: 1;
margin: 0;
padding: 0;
position: relative;
}

@media only screen and (max-width: 640px) {
  ul.social-icons {
    font-size: 14px;
  }
}

ul.social-icons a,
ul.social-icons a:hover {
padding: 0;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons a {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

ul.social-icons a:hover {
        opacity: 0.5;
   -moz-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/* 6.6. scroll indicator */
.scroll-indicator-wrapper {
position: absolute;
left: 50%;
bottom: 0;
z-index: 10;
}

.scroll-indicator {
position: absolute;
width: 1px;
height: 50px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: rgba(191, 191, 191, .25);
mix-blend-mode: overlay;
}

@media only screen and (max-width: 768px) {
  .scroll-indicator {
    height: 25px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .scroll-indicator {
    display: none;
	visibility: hidden;
  }
}

.scroll-indicator::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 50%;
-webkit-animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
	    animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
-webkit-animation-direction: normal;
	    animation-direction: normal;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

@-webkit-keyframes teardrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
   }
  100% {
    top: 100%;
    height: 75%;
  }
}
@keyframes teardrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
   }
  100% {
    top: 100%;
    height: 75%;
  }
}


/* 6.7. section heading */
h2.section-heading-about,
h2.section-heading-services {
position: relative;
font-family: 'Montserrat', Arial, sans-serif;
text-transform: uppercase;
line-height: 1.3;
text-align: center;
letter-spacing: -0.08em;
color: #111;
padding: 0;
z-index: 1;
}

h2.section-heading-about {
font-size: 60px;
font-weight: 800;
margin: 0 0 -20px 0;
}

@media all and (min-width: 1920px) {
  h2.section-heading-about {
	font-size: 80px;
  }
}

@media only screen and (max-width: 880px) {
  h2.section-heading-about {
    font-size: 60px;
	font-weight: 700;
	margin: 0 0 -15px 0;
  }
}

h2.section-heading-services {
font-size: 60px;
font-weight: 700;
margin: 6px 0 -15px 0;
}

@media only screen and (max-width: 640px) {
  h2.section-heading-about,
  h2.section-heading-services {
    font-size: 40px;
	margin: 3px 0 -10px 0;
  }
}

h2.section-heading-about.section-heading-light,
h2.section-heading-services.section-heading-light {
color: #fff;
margin-left: 15px;
margin-right: 15px;
}

.section-subheading-about {
margin-bottom: 6px;
}

@media all and (min-width: 1920px) {
  .section-subheading-about {
	margin-bottom: 0;
  }
}

@media only screen and (max-width: 880px) {
  .section-subheading-about {
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 640px) {
  .section-subheading-about {
    margin-bottom: 0;
  }
}

h2.section-subheading,
h2.section-subheading-light {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-top: -5px;
text-align: center;
letter-spacing: 0.05em;
}

@media only screen and (max-width: 640px) {
  h2.section-subheading,
  h2.section-subheading-light {
    font-size: 12px;
  }
}

h2.section-subheading {
color: #111;
}

h2.section-subheading-light {
color: #fff;
margin-left: 15px;
margin-right: 15px;
}

h2.section-subheading span,
h2.section-subheading-light span {
position: relative;
display: inline-block;
padding-right: 45px;
line-height: 1;
}

@media only screen and (max-width: 640px) {
  h2.section-subheading span,
  h2.section-subheading-light span {
    padding-right: 35px;
  }
}

h2.section-subheading span:before,
h2.section-subheading-light span:before {
content: "";
position: absolute;
display: block;
top: 50%;
right: 0;
width: 30px;
height: 0;
margin-top: -2px;
}

@media only screen and (max-width: 640px) {
  h2.section-subheading span:before,
  h2.section-subheading-light span:before {
    width: 20px;
  }
}

h2.section-subheading span:before {
border-top: 2px solid #111;
}

h2.section-subheading-light span:before {
border-top: 2px solid #fff;
}


/* 7. about section */
/* 7.1. about IMG */
.about-bg-wrapper,
.about-content-wrapper {
position: relative;
height: 100vh;
}

@media only screen and (max-width: 768px) {
  .about-content-wrapper {
	max-height: 435px;
  }
}

.about-bg {
height: 100vh;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

@media (min-width: 992px) {
  .about-bg {
    position: absolute;
	width: 50vw;
    height: auto;
    top: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .about-bg {
    min-height: 350px;
  }
}


/* 7.2. about content */
.about-content {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
   -ms-flex-align: center;
      align-items: center!important;
-webkit-box-pack: center;
   -ms-flex-pack: center;
-webkit-justify-content: center;
        justify-content: center;
background: #000;
}

.about-content .about-content-inner {
position: relative;
width: 100%;
padding: 0 25px;
text-align: center;
}

@media all and (min-width: 1920px) {
  .about-content .about-content-inner {
	padding: 0 150px;
  }
}

@media only screen and (max-width: 1200px) {
  .about-content .about-content-inner {
    padding: 0 25px;
  }  
}

@media only screen and (max-width: 880px) {
  .about-content .about-content-inner {
    padding: 0 20px;
  }  
}


/* 7.3. about TXT */
.about-txt {
margin: 51px 0 0 0;
padding: 0 35px;
color: #fff;
}

@media all and (min-width: 1920px) {
  .about-txt {
	margin: 75px 0 0 0;
	padding: 0;
  }
}

@media only screen and (max-width: 880px) {
  .about-txt {
    margin: 76px 0 0 0;
	padding: 0 75px;
  }
}

@media only screen and (max-width: 640px) {
  .about-txt {
    margin: 77px 0 0 0;
	padding: 0 35px;
  }
}


/* 8. services section */
/* 8.1. services TXT */
.services-txt,
.services-txt-dark {
margin: 46px 0 0 0;
padding: 0 55px;
}

@media all and (min-width: 1920px) {
  .services-txt,
  .services-txt-dark {
	margin: 76px 0 0 0;
	padding: 0 150px;
  }
}

@media only screen and (max-width: 880px) {
  .services-txt,
  .services-txt-dark {
    margin: 76px 0 0 0;
	padding: 0 95px;
  }
}

@media only screen and (max-width: 640px) {
  .services-txt,
  .services-txt-dark {
    margin: 77px 0 0 0;
	padding: 0 55px;
  }
}

.services-txt {
color: #fff;
}

.services-txt-dark,
.services-txt-dark a,
.services-txt-dark a:hover {
color: #5f5f5f;
}


/* 8.2. services container */
.services-container {
position: relative;
width: 100%;
height: 50vh;
margin: 0;
padding: 0;
background: #fff;
text-align: center;
}

.services-container.services-container-dark {
background: #000;
}

@media only screen and (max-width: 880px) {
  .services-container {
    height: 100vh;
  }  
}

@media only screen and (max-width: 768px) {
  .services-container {
	max-height: 435px;
  }
}

.services-bg-wrapper {
position: relative;
height: 50vh;
}

@media only screen and (max-width: 880px) {
  .services-bg-wrapper {
    height: 100vh;
  }
}

.services-bg {
height: 100vh;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

@media (min-width: 992px) {
  .services-bg {
    position: absolute;
	width: 50vw;
    height: auto;
    top: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .services-bg {
    min-height: 350px;
  }
}


/* 9. contact section */
/* 9.1. contact TXT */
.contact-txt {
margin: 0;
padding: 0 25px;
}

@media all and (min-width: 1920px) {
  .contact-txt {
	padding: 0 150px;
  }
}

@media only screen and (max-width: 880px) {
  .contact-txt {
	padding: 0 55px;
  }
}

.contact-txt,
.contact-txt a,
.contact-txt a:hover {
color: #5f5f5f;
}


/* 9.2. contact container */
.contact-container,
.contact-bg-wrapper {
position: relative;
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
background: #fff;
text-align: center;
}

@media only screen and (max-width: 768px) {
  .contact-container {
	max-height: 435px;
  }
}

.contact-bg {
height: 100vh;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

@media (min-width: 992px) {
  .contact-bg {
    position: absolute;
	width: 50vw;
    height: auto;
    top: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .contact-bg {
    min-height: 350px;
  }
}


/* 9.3. contact info */
.contact-info-mail {
display: block;
font-size: 40px;
font-weight: 700;
margin: 0 0 23px 0;
}

@media all and (min-width: 1920px) {
  .contact-info-mail {
	font-size: 40px;
	margin: 0 0 23px 0;
  }
}

@media only screen and (max-width: 1200px) {
  .contact-info-mail {
    font-size: 20px;
	margin: 0 0 22px 0;
  }
}

@media only screen and (max-width: 880px) {
  .contact-info-mail {
    margin: 0 0 66px 0;
  }
}

@media only screen and (max-width: 768px) {
  .contact-info-mail {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .contact-info-mail {
    font-size: 16px;
	margin: 0 0 68px 0;
  }
}

.contact-info-mail a,
.contact-info-mail a:hover {
text-decoration: none;
}


/* 9.4. contact social icons */
.social-icons-contact-wrapper {
position: relative;
margin: 49px auto 0 auto;
}

@media only screen and (max-width: 880px) {
  .social-icons-contact-wrapper {
    margin: 79px auto 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .social-icons-contact-wrapper {
    font-size: 16px;
  }
}

.social-icons-contact-wrapper ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.social-icons-contact-wrapper ul li {
display: inline-block;
margin: 0 auto;
padding: 0 0 0 5px;
}

ul.social-icons-contact {
font-size: 20px;
line-height: 1;
margin: 0;
padding: 0;
position: relative;
}

@media only screen and (max-width: 640px) {
  ul.social-icons-contact {
    font-size: 16px;
  }
}

ul.social-icons-contact a,
ul.social-icons-contact a:hover {
padding: 0;
color: #5f5f5f;
text-decoration: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons-contact a {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

ul.social-icons-contact a:hover {
        opacity: 0.5;
   -moz-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/* 10. overlay */
.overlay:before,
.overlay-video:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}

.overlay:before {
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-video:before {
-webkit-pointer-events: auto;
   -moz-pointer-events: auto;
        pointer-events: auto;
}

.overlay-inverse-dark-35:before {
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.overlay-dark-60:before {
background: rgba(0, 0, 0, .6);
}


/* 11. center container */
.center-container-home {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
background: none;
text-align: center;
z-index: 10;
}

.center-block-home {
display: table-cell;
vertical-align: middle;
}

.center-container {
position: absolute;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
background: none;
}

.center-block {
display: table-cell;
vertical-align: middle;
}

.center-container-menu {
position: relative;
display: table;
width: 100%;
height: 100%;
}

.center-block-menu {
display: table-cell;
vertical-align: middle;
}


/* 12. link underline */
.link-underline {
position: relative;
display: inline-block;
}

.link-underline::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform-origin: right center;
   -moz-transform-origin: right center;
    -ms-transform-origin: right center;
        transform-origin: right center;
-webkit-transform: scale(0, 1);
   -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
     -o-transform: scale(0, 1);
        transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.link-underline.link-underline-dark::before {
background: #5f5f5f;
}

.link-underline:hover::before {
-webkit-transform-origin: left center;
   -moz-transform-origin: left center;
    -ms-transform-origin: left center;
        transform-origin: left center;
-webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
        transform: scale(1, 1);
}


/* 13. button effect */
.c-btn {
position: relative;
display: inline-block;
border: none;
background: #fff;
letter-spacing: 0.25em;
font-weight: 700;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #111;
margin: 20px 0 0 0;
padding: 15px 25px;
-webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   -moz-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}

.c-btn.fullwidth-liquid {
width: 225px;
color: #fff;
background: #db0018;
border: none;
}

.c-btn.fullwidth {
width: 225px;
}

.c-btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
-webkit-transform-origin: right center;
   -moz-transform-origin: right center;
    -ms-transform-origin: right center;
        transform-origin: right center;
-webkit-transform: scale(0, 1);
   -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
     -o-transform: scale(0, 1);
        transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-btn.fullwidth-liquid::before {
background: #111;
}

.c-btn:hover::before,
a:hover .c-btn::before {
-webkit-transform-origin: left center;
   -moz-transform-origin: left center;
    -ms-transform-origin: left center;
        transform-origin: left center;
-webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
        transform: scale(1, 1);
}

.c-btn span {
display: inline-block;
position: relative;
z-index: 2;
}

.c-btn:hover,
a:hover .c-btn {
color: #fff;
}

.c-btn.fullwidth-liquid:hover {
color: #fff;
}


/* 14. section title */
.section-title-vertical {
position: absolute;
left: 46px;
bottom: 0;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fff;
text-shadow: 1px 1px 2px #111;
z-index: 10;
}

@media only screen and (max-width: 880px) {
  .section-title-vertical {
    display: none;
	visibility: hidden;
  }
}

.section-title-vertical.right-side {
left: auto;
right: 56px;
}

.section-title-vertical span {
writing-mode: vertical-rl;
white-space: nowrap;
}

.section-title-vertical:after {
content: "";
display: block;
width: 2px;
height: 50px;
background-color: #fff;
margin: 14px 0 0 10px;
}


/* 15. countdown */
.countdown {
position: relative;
width: auto;
height: auto;
margin: 0 auto;
z-index: 10;
}

.countdown-top,
.countdown-bottom {
font-family: 'Raleway', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.65em;
color: #fff;
}

.countdown-top {
margin-bottom: -7px;
}

@media only screen and (max-width: 880px) {
  .countdown-top {
    margin-bottom: 2px;
  }
}

@media only screen and (max-width: 640px) {
  .countdown-top {
    margin-bottom: -1px;
  }
}

.countdown-bottom {
margin-top: 0;
}

@media only screen and (max-width: 880px) {
  .countdown-bottom {
    margin-top: 6px;
  }
}

@media only screen and (max-width: 640px) {
  .countdown-bottom {
    margin-top: 4px;
  }
}

.countdown h3 {
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 200px;
font-weight: 800;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1;
margin: 0 auto;
padding: 0 55px;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .countdown h3 {
    font-size: 150px;
  }
}

@media only screen and (max-width: 640px) {
  .countdown h3 {
    font-size: 100px;
  }
}


/* 16. preloader */
.preloader-bg {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
z-index: 999999;
}

#preloader {
position: fixed;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
z-index: 999999;
}

#preloader-status {
display: table-cell;
vertical-align: middle;
}

.preloader-position {
position: relative;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}

.loader {
position: relative;
width: 45px;
height: 45px;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: 2px;
-webkit-animation: rotate 1s infinite linear;
   -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
     -o-animation: rotate 1s infinite linear;
        animation: rotate 1s infinite linear;
border: 3px solid rgba(17, 17, 17, .15);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

.loader span {
position: absolute;
width: 45px;
height: 45px;
top: -3px;
left: -3px;
border: 3px solid transparent;
border-top: 3px solid rgba(17, 17, 17, .75);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* 17. Slick v1.6.0 CUSTOM */
/* 17.1. slick slide flickering FIX */
.slick-track,
.slick-list {
-webkit-perspective: 2000;
        perspective: 2000;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


/* 17.2. slick about */
.slick-about {
width: 100%;
height: auto;
}


/* 17.3. slick navigation */
.slick-prev,
.slick-next {
position: absolute;
display: block;
top: 50%;
width: 60px;
height: 60px;
line-height: normal;
text-align: center;
-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: 1;
visibility: visible;
}

@media only screen and (max-width: 1200px) {
  .slick-prev,
  .slick-next {
    top: auto;
    bottom: 0;
    margin-top: -29px;
  }
}

.slick-services .slick-prev,
.slick-services .slick-next {
top: 50%;
}

.slick-prev {
left: -50px;
}

.slick-next {
right: -50px;
}

.slick-prev:before,
.slick-next:before {
font-size: 11px;
color: #111;
padding-top: 14px;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
display: block;
width: 66%;
height: 66%;
position: absolute;
background: #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: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-prev:before {
left: 85px;
top: 9px;
}

@media only screen and (max-width: 768px) {
  .slick-prev:before {
    left: 60px;
  }
}

.slick-next:before {
right: 85px;
top: 9px;
}

@media only screen and (max-width: 768px) {
  .slick-next:before {
    right: 60px;
  }
}

.slick-prev:hover,
.slick-next:hover {
-webkit-transition: 0 none;
   -moz-transition: 0 none;
	-ms-transition: 0 none;
     -o-transition: 0 none;
        transition: 0 none;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-about,
.slick-services {
cursor: auto;
}

.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:active:before,
.slick-next:active:before,
.slick-about:hover .slick-prev,
.slick-about:hover .slick-next,
.slick-services:hover .slick-prev,
.slick-services:hover .slick-next {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-about:hover .slick-prev,
.slick-services:hover .slick-prev {
left: -35px;
}

.slick-about:hover .slick-next,
.slick-services:hover .slick-next {
right: -35px;
}


/* 17.4. slick fullscreen slideshow */
.slick-fullscreen-img-fill {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}

.slick-fullscreen-img-fill img {
position: relative;
display: inline-block;
min-width: 100%;
max-width: none;
min-height: 100%;
}

.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill {
height: 100vh;
background: none;
}

.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img {
position: relative;
width: auto;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.slick-fullscreen .slick-dots,
.slick-fullscreen-slideshow .slick-dots {
position: absolute;
width: 100%;
height: 5px;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
background: rgba(255, 255, 255, .25);
list-style-type: none;
}

.slick-fullscreen .slick-dots li button,
.slick-fullscreen-slideshow .slick-dots li button {
display: none;
}

.slick-fullscreen .slick-dots li,
.slick-fullscreen-slideshow .slick-dots li {
position: absolute;
float: left;
width: 0;
height: 5px;
left: -5px;
background: #fff;
}

.slick-fullscreen .slick-dots li.slick-active,
.slick-fullscreen-slideshow .slick-dots li.slick-active {
width: 100%;
-webkit-animation: progressDots 4s both;
   -moz-animation: progressDots 4s both;
    -ms-animation: progressDots 4s both;
     -o-animation: progressDots 4s both;
        animation: progressDots 4s both;
}

@-webkit-keyframes progressDots {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes progressDots {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.slick-fullscreen,
.slick-fullscreen-slideshow {
background: none;
}

.slick-fullscreen .slick-slide,
.slick-fullscreen-slideshow .slick-slide {
display: none;
float: left;
height: 100%;
}

.slick-initialized .slick-slide {
display: block;
}


/* 18. fullPage v2.9.4 CUSTOM */
@media only screen and (max-width: 880px) {
  #fullpage {
    overflow-x: hidden;
  }
}

#fp-nav.right,
#fp-nav.left {
z-index: -1!important;
display: none;
visibility: hidden;
}


/* 19. videos */
/* 19.1. YouTube video */
.YT-bg {
display: none;
}

@media only screen and (max-width: 880px) {
  .YT-bg {
    position: relative;
    height: 100%;
    background-image: url(../img/background/YT-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
}

#videoContainment {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}


/* 19.1.1. jquery.mb.YTPlayer v3.1.13 CUSTOM */
.mb_YTPBar .mb_YTPProgress {
background: #fff;
height: 10px;
}

.mb_YTPBar .mb_YTPseekbar {
background: #5f5f5f;
height: 10px;
}

.mb_YTPBar .mb_YTPLoaded {
background: #db0018;
}

.mb_YTPBar {
        opacity: 0.25;
   -moz-opacity: 0.25;
-webkit-opacity: 0.25;
filter: alpha(opacity=25);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
z-index: 100!important;
}

@media only screen and (max-width: 880px) {
  .mb_YTPBar {
    display: none;
	visibility: hidden;
  }
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.mb_YTPBar .buttonBar,
.mb_YTPBar:hover .buttonBar {
background: none;
}

.mb_YTPBar,
.mb_YTPBar span.mb_YTPUrl a {
color: #fff;
}

.mb_YTPBar .level {
background-color: #fff;
}

@media only screen and (max-width: 880px) {
  .mb_YTPBar span.mb_OnlyYT,
  .mb_YTPBar span.mb_YTPUrl {
    display: none;
	visibility: hidden;
  }
}

#changeVideo {
position: absolute;
top: 135px;
right: 155px;
width: auto;
margin: 0;
-webkit-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 2.3s;
   -moz-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 2.3s;
    -ms-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 2.3s;
     -o-transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 2.3s;
        transition: 1.2s cubic-bezier(0.67, 0.02, 0.2, 0.97) 2.3s;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor: pointer;
z-index: 100;
}

@media only screen and (max-width: 880px) {
  #changeVideo {
	top: auto;
	bottom: 75px;
    right: 75px;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
  }
}

.page-loaded #changeVideo {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#changeVideo .active {
color: #111;
background: rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 480px) {
  .mb_YTPBar .mb_YTPUrl.ytpicon {
    display: none;
  }
}


/* 19.2. Vimeo video */
.vimeo-bg {
display: none;
}

@media only screen and (max-width: 880px) {
  .vimeo-bg {
    position: relative;
    height: 100%;
    background-image: url(../img/background/vimeo-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
  
  #vimeo-videoContainment {
    display: none;
  }
}

#vimeo-videoContainment {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}

#vimeo-videoContainment iframe,
#vimeo-videoContainment object,
#vimeo-videoContainment embed {
border: none;
}


/* 19.3. HTML5 video */
.html5-bg {
display: none;
}

@media only screen and (max-width: 880px) {
  .html5-bg {
    position: relative;
    height: 100%;
	background-image: url(../img/background/html5-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
}

.html5-videoContainment {
position: absolute;
top: 50%;
left: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
background: #000;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
z-index: 0;
}


/* 20. launch section */
/* 20.1. launch container */
.launch-container,
.launch-bg-wrapper {
position: relative;
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
background: none;
text-align: center;
}

.launch-bg {
height: 100vh;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

@media (min-width: 992px) {
  .launch-bg {
    position: absolute;
	width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .launch-bg {
    min-height: 350px;
  }
}


/* 20.2. launch newsletter form */
#subscribe-wrapper {
position: relative;
width: 40%;
height: 160px;
margin: 50px auto 0 auto;
background: none;
text-align: center;
z-index: 10;
}

@media all and (min-width: 1920px) {
  #subscribe-wrapper {
	margin: 45px auto 0 auto;
  }
}

@media only screen and (max-width: 880px) {
  #subscribe-wrapper {
    width: 225px;
	height: 115px;
	margin: 64px auto 0 auto;
  }
}

.newsletter {
position: relative;
clear: both;
border: none;
background: none;
padding: 0;
overflow: hidden;
}

#subscribe input {
position: relative;
width: 100%;
height: 85px;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 700;
font-style: normal;
text-transform: none;
color: #e0e0e0;
text-align: center;
border: none;
border-bottom: 1px solid #e0e0e0;
background: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

@media all and (min-width: 1920px) {
  #subscribe input {
    height: 95px;
    font-size: 40px;
  }
}

@media only screen and (max-width: 1200px) {
  #subscribe input {
    font-size: 20px;
  }
}

@media only screen and (max-width: 880px) {
  #subscribe input {
    height: 50px;
  }
}

@media only screen and (max-width: 768px) {
  #subscribe input {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  #subscribe input {
    font-size: 16px;
  }
}

#subscribe input:focus, #subscribe textarea:focus {
color: #e0e0e0;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

#subscribe input:hover {
border-color: rgba(224, 224, 224, .35);
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.subscribe-success {
font-family: 'Raleway', sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 21px 0 0 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 880px) {
  .subscribe-success {
    padding: 15px 0 0 0;
  }
}

#subscribe .subscribe-error {
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #fff;
display: block;
margin: 12px auto 0 auto;
padding: 0;
letter-spacing: 0.15em;
font-weight: 500;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

input[type="text"].subscribe-email::-webkit-input-placeholder {
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
text-transform: none;
color: #fff;
}

@media all and (min-width: 1920px) {
  input[type="text"].subscribe-email::-webkit-input-placeholder {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1200px) {
  input[type="text"].subscribe-email::-webkit-input-placeholder {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  input[type="text"].subscribe-email::-webkit-input-placeholder {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  input[type="text"].subscribe-email::-webkit-input-placeholder {
    font-size: 16px;
  }
}

input[type="text"].subscribe-email::-ms-input-placeholder {
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
text-transform: none;
color: #fff;
}

@media all and (min-width: 1920px) {
  input[type="text"].subscribe-email::-ms-input-placeholder {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1200px) {
  input[type="text"].subscribe-email::-ms-input-placeholder {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  input[type="text"].subscribe-email::-ms-input-placeholder {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  input[type="text"].subscribe-email::-ms-input-placeholder {
    font-size: 16px;
  }
}

input[type="text"].subscribe-email::-moz-input-placeholder {
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
text-transform: none;
color: #fff;
}

@media all and (min-width: 1920px) {
  input[type="text"].subscribe-email::-moz-input-placeholder {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1200px) {
  input[type="text"].subscribe-email::-moz-input-placeholder {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  input[type="text"].subscribe-email::-moz-input-placeholder {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  input[type="text"].subscribe-email::-moz-input-placeholder {
    font-size: 16px;
  }
}

input:focus.subscribe-email::-webkit-input-placeholder { color: transparent; }
     input:focus.subscribe-email:-ms-input-placeholder { color: transparent; }
         input:focus.subscribe-email::-moz-placeholder { color: transparent; }
          input:focus.subscribe-email:-moz-placeholder { color: transparent; }