/*
  [CSS Index]
  
  ---
  
  Template Name: Wildon - Coming Soon Template
  Author:  ex-nihilo
  Version: 1.0
*/

 
/* 
  1. TEMPLATE BACKGROUNDS
    1.1. single IMG BACKGROUND
	1.2. slick fullscreen slideshow and ZOOM/FADE IMG BACKGROUND
	1.3. ken burns slideshow IMG BACKGROUND
  2. reset
  3. layout
    3.1. upper page
    3.2. lower page
  4. welcome message
  5. section
  6. newsletter form
  7. button effect
  8. center container
  9. divider
  10. link underline
  11. borders
  12. logo BIG
  13. logo SMALL
  14. social icons
  15. home credits, home contact
  16. countdown launcher
  17. countdown reveal
  18. countdown
  19. scroll indicator
  20. to top arrow
  21. preloader
  22. hero
    22.1. hero overlay
    22.2. hero container
    22.3. hero bg
    22.4. hero fullscreen FIX
    22.5. hero center container
  23. Slick v1.6.0 CUSTOM
    23.1. slick slide
    23.2. slick slide flickering FIX
    23.3. slick navigation
    23.4. slick fullscreen slider
    23.5. slick fullscreen slideshow ZOOM/FADE transition
  24. videos
    24.1. YouTube video
    24.2. Vimeo video
    24.3. HTML5 video
  25. main navigation
   25.1. main navigation link underline
  26. sections
  27. home title wrapper
  28. hide page
  29. center container
  30. section
    30.1. section intro
    30.2. section heading
  31. link underline
  32. the line
  33. the button
  34. contact form
    34.1. contact form placeholders
    34.2. contact email
  35. newsletter form
    35.1. newsletter form placeholders
  36. ken burns slideshow
  37. section subheading
  38. horizontal stripes
  39. divider
*/


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


/* 1.2. slick fullscreen slideshow and ZOOM/FADE IMG BACKGROUND */
.bg-img-1 {
background-image: url(../img/background/Desolata_01.jpg);
}

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

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

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

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

/* 1.3. ken burns slideshow IMG BACKGROUND */
.kenburns-slide-1 {
background-image: url(../img/background/kenburns-bg-1.jpg);
}

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

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

.kenburns-slide-4 {
background-image: url(../img/background/kenburns-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, b, 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: revert;
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: 16px;
font-style: normal;
font-weight: 600;
text-align: center;
color: #5f5f5f;
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;
line-height: 1.5;
}

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;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}

a:hover,
a:visited,
a:active,
a:focus {
color: #ff264a;
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;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}

p {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.05em;
color: #fff;
line-height: 2;
 -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-backface-visibility: hidden;
        backface-visibility: hidden;
}

p a,
p a:hover {
color: #ff264a;
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;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}

strong {
font-weight: bold;
}

::-moz-selection {
background: #ff264a;
color: #fff;
}

::selection {
background: #ff264a;
color: #fff;
}

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


/* 3.1. upper page */
.upper-page {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
margin: 0;
}


/* 3.2. lower page */
/* REMOVED DUE TO REDUNDANCY */


/* 4. welcome message */
.welcome-message {
position: fixed;
width: 100%;
height: auto;
bottom: 165px;
z-index: 105;
}

@media all and (min-width: 1920px) {
  .welcome-message {
    bottom: 214px;
  }
}

@media only screen and (max-width: 995px) {
  .welcome-message {
    bottom: 165px;
  }
}

@media only screen and (max-width: 880px) {
  .welcome-message {
    bottom: 153px;
  }
}

@media only screen and (max-width: 640px) {
  .welcome-message {
    bottom: 152px;
  }
}

.welcome-message,
.welcome-message.bottom-position,
.welcome-message.bottom-position-primary {
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}

.welcome-message.bottom-position,
.welcome-message.bottom-position-primary {
-webkit-transform: translateY(400px);
   -moz-transform: translateY(400px);
    -ms-transform: translateY(400px);
     -o-transform: translateY(400px);
        transform: translateY(400px);
}

.welcome-message.bottom-position-primary {
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.welcome-message h4 {
position: relative;
font-family: 'Montserrat', Arial, sans-serif;
font-size: 60px;
font-weight: 800;
text-transform: uppercase;
line-height: 1;
text-align: center;
letter-spacing: -0.08em;
color: #111;
margin: 0 0 20px 0;
padding: 0;
z-index: 1;
}

.welcome-message-color {
color: #5f5f5f;
}


/* 5. section */
/* REMOVED DUE TO REDUNDANCY */


/* 6. newsletter form */
/* REMOVED DUE TO REDUNDANCY */
		  
		  
/* 7. button effect */
/* REMOVED DUE TO REDUNDANCY */


/* 8. center container */
/* REMOVED DUE TO REDUNDANCY */


/* 9. divider */
/* REMOVED DUE TO REDUNDANCY */


/* 10. link underline */
/* REMOVED DUE TO REDUNDANCY */


/* 11. borders */
.border-top,
.border-top.top-position,
.border-top.top-position-primary,
.border-bottom,
.border-bottom.bottom-position,
.border-bottom.bottom-position-primary,
.border-left,
.border-left.left-position,
.border-left.left-position-primary,
.border-right,
.border-right.right-position,
.border-right.right-position-primary,
.border-top-header,
.border-top-header.top-position,
.border-bottom-footer,
.border-bottom-footer.bottom-position {
position: fixed;
background: #fff;
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
z-index: 100;
}

.border-top {
width: 100%;
height: 110px;
left: 0;
top: 0;
}

@media only screen and (max-width: 768px) {
  .border-top {
    height: 70px;
  }
}

.border-top.top-position {
-webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
        transform: translateY(-100%);
}

.border-top.top-position-primary {
height: 110px;
top: 0;
}

@media only screen and (max-width: 880px) {
  .border-top.top-position-primary {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@media only screen and (max-width: 768px) {
  .border-top.top-position-primary {
    height: 70px;
  }
}

.border-bottom {
width: 100%;
height: 172px;
left: 0;
bottom: 0;
}

@media all and (min-width: 1920px) {
  .border-bottom {
    height: 270px;
  }
}

@media only screen and (max-width: 995px) {
  .border-bottom {
    height: 172px;
  }
}

@media only screen and (max-width: 880px) {
  .border-bottom {
    height: 164px;
  }
}

@media only screen and (max-width: 768px) {
  .border-bottom {
    height: 150px;
  }
}

.border-bottom.bottom-position {
-webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
        transform: translateY(100%);
}

.border-bottom.bottom-position-primary {
height: 110px;
bottom: 0;
}

@media only screen and (max-width: 880px) {
  .border-bottom.bottom-position-primary {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@media only screen and (max-width: 768px) {
  .border-bottom.bottom-position-primary {
    height: 70px;
  }
}

.border-left {
width: 110px;
height: 100%;
left: 0;
top: 0;
}

@media only screen and (max-width: 880px) {
  .border-left {
    width: 50px;
  }
}

.border-left.left-position {
-webkit-transform: translateX(-110px);
   -moz-transform: translateX(-110px);
    -ms-transform: translateX(-110px);
     -o-transform: translateX(-110px);
        transform: translateX(-110px);
}

@media only screen and (max-width: 880px) {
  .border-left.left-position {
    -webkit-transform: translateX(-60px);
       -moz-transform: translateX(-60px);
        -ms-transform: translateX(-60px);
         -o-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}

.border-left.left-position-primary {
-webkit-transform: translateX(-60px);
   -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
     -o-transform: translateX(-60px);
        transform: translateX(-60px);
}

@media only screen and (max-width: 880px) {
  .border-left.left-position-primary {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}

@media only screen and (max-width: 640px) {
  .border-left.left-position-primary {
    -webkit-transform: translateX(-110px);
       -moz-transform: translateX(-110px);
        -ms-transform: translateX(-110px);
         -o-transform: translateX(-110px);
            transform: translateX(-110px);
  }
}

.border-right {
width: 110px;
height: 100%;
right: 0;
top: 0;
}

@media only screen and (max-width: 880px) {
  .border-right {
    width: 50px;
  }
}

.border-right.right-position {
-webkit-transform: translateX(110px);
   -moz-transform: translateX(110px);
    -ms-transform: translateX(110px);
     -o-transform: translateX(110px);
        transform: translateX(110px);
}

@media only screen and (max-width: 880px) {
  .border-right.right-position {
    -webkit-transform: translateX(60px);
       -moz-transform: translateX(60px);
        -ms-transform: translateX(60px);
         -o-transform: translateX(60px);
            transform: translateX(60px);
  }
}

.border-right.right-position-primary {
-webkit-transform: translateX(60px);
   -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
     -o-transform: translateX(60px);
        transform: translateX(60px);
}

@media only screen and (max-width: 880px) {
  .border-right.right-position-primary {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}

@media only screen and (max-width: 640px) {
  .border-right.right-position-primary {
    -webkit-transform: translateX(110px);
       -moz-transform: translateX(110px);
        -ms-transform: translateX(110px);
         -o-transform: translateX(110px);
            transform: translateX(110px);
  }
}

.border-top-header,
.border-top-header.top-position,
.border-bottom-footer,
.border-bottom-footer.bottom-position {
z-index: 110;
}

.border-top-header {
width: 100%;
height: 110px;
left: 0;
top: 0;
}

.border-top-header.top-position {
-webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
        transform: translateY(-100%);
}

.border-bottom-footer {
width: 100%;
height: 110px;
left: 0;
bottom: 0;
}

.border-bottom-footer.bottom-position {
-webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
        transform: translateY(100%);
}


/* 12. logo BIG */
/* REMOVED DUE TO REDUNDANCY */


/* 13. logo SMALL */
.logo,
.logo-small {
position: fixed;
display: block;
width: auto;
height: auto;
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
z-index: 99999;
}

.logo-small {
margin: 38px 0 0 50px;
}

@media only screen and (max-width: 768px) {
  .logo-small {
    margin: 17px 0 0 18px;
  }
}

.logo.top-position {
-webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
     -o-transform: translateY(-200px);
        transform: translateY(-200px);
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}


/* 14. social icons */
.social-icons-wrapper {
position: fixed;
display: block;
width: auto;
height: auto;
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
font-size: 44px;
color: #111;
top: 46px;
right: 50px;
cursor: pointer;
z-index: 99999;
}

@media only screen and (max-width: 768px) {
  .social-icons-wrapper {
    top: 26px;
    right: 18px;
  }
}

.social-icons-wrapper.top-position {
-webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
     -o-transform: translateY(-200px);
        transform: translateY(-200px);
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}

.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: 18px;
line-height: 1;
margin: 0;
padding: 0;
position: relative;
}

ul.social-icons a {
padding: 0;
color: #111;
text-decoration: none;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=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;
}

ul.social-icons a:hover {
padding: 0;
color: #111;
text-decoration: none;
        opacity: 0.5;
   -moz-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-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;
}


/* 15. home credits, home contact */
.bottom-credits,
.bottom-contact {
position: fixed;
display: block;
visibility: visible;
width: auto;
height: 50px;
left: 50px;
bottom: 9px;
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%;
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
z-index: 115;
}

@media only screen and (max-width: 768px) {
  .bottom-credits,
  .bottom-contact {
    bottom: -23px;
	left: 18px;
  }
}

.bottom-credits.bottom-position,
.bottom-credits.bottom-position-primary,
.bottom-contact.bottom-position,
.bottom-contact.bottom-position-primary,
.bottom-contact.bottom-position-secondary {
-webkit-transform: translateY(200px);
   -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
     -o-transform: translateY(200px);
        transform: translateY(200px);
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}

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


/* 16. countdown launcher */
.progress-clock,
.progress-clock-hidden {
position: fixed;
display: block;
width: 41px;
height: 41px;
right: 44px;
bottom: 44px;
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
cursor: pointer;		
z-index: 115;
}

@media only screen and (max-width: 768px) {
  .progress-clock,
  .progress-clock-hidden {
    right: 12px;
	bottom: 12px;
  }
}

.progress-clock.open,
.progress-clock-hidden.open {
visibility: visible;
}

.progress-clock.close,
.progress-clock-hidden.close {
visibility: hidden;
}

.progress-clock.bottom-position,
.progress-clock-hidden.bottom-position,
.progress-clock.bottom-position-primary,
.progress-clock-hidden.bottom-position-primary {
-webkit-transform: translateY(200px);
   -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
     -o-transform: translateY(200px);
        transform: translateY(200px);
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}


/* 17. countdown reveal */
.countdown-reveal,
.countdown-reveal-hide {
        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);
visibility: hidden;
}

.countdown-reveal,
.countdown-reveal-hide,
.countdown-reveal-show {
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}

.countdown-reveal-show {
        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);
visibility: visible;
}


/* 18. countdown */
.countdown {
position: relative;
width: auto;
height: auto;
margin: 0 auto;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

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

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

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

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

@media all and (min-width: 1920px) {
  .countdown h3 {
    font-size: 170px;
    margin: -41px auto -37px auto;
  }
}

@media only screen and (max-width: 995px) {
  .countdown h3 {
    font-size: 180px;
	margin: -26px auto -24px auto;
  }
}

@media only screen and (max-width: 640px) {
  .countdown h3 {
    font-size: 120px;
	margin: -17px auto -15px auto;
  }
}


/* 19. scroll indicator */
/* REMOVED DUE TO REDUNDANCY */


/* 20. to top arrow */
.to-top-arrow {
position: fixed;
right: 50px;
bottom: -10px;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
font-size: 16px;
text-align: center;
color: #fff;
background: #111;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(40px);
   -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
     -o-transform: translateY(40px);
        transform: translateY(40px);
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
z-index: 115;
}

@media only screen and (max-width: 768px) {
  .to-top-arrow {
    right: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	font-size: 14px;
  }
}

.to-top-arrow.show {
bottom: 10px;
-webkit-transform: translateY(-20px);
   -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
     -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

@media only screen and (max-width: 768px) {
  .to-top-arrow.show {
    bottom: -5px;
  }
}

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


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

#preloader {
display: table;
table-layout: fixed;
}

#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(0, 0, 0, .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(0, 0, 0, .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);
  }
}


/* 22. hero */
/* 22.1. hero overlay */
.overlay:before {
content: "";
position: fixed;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 1;
}

.overlay-video:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-pointer-events: auto;
   -moz-pointer-events: auto;
        pointer-events: auto;
z-index: 1;
}

.overlay-dark-50:before {
background: rgba(0, 0, 0, .5);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-50-video:before {
background: rgba(0, 0, 0, .5);
-webkit-pointer-events: auto;
   -moz-pointer-events: auto;
        pointer-events: auto;
}


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


/* 22.3. hero bg */
.hero-bg {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
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;
}


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


/* 22.5. hero center container */
.hero-center-container {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
z-index: 1;
}

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


/* 23. Slick v1.6.0 CUSTOM */
/* 23.1. slick slide */
.slick-slide {
height: 100vh;
background: none;
}
		
.slick-slider {
margin-bottom: 0;
margin-top: 0;
cursor: auto;
}


/* 23.2. slick slide flickering FIX */
.slick-track,
.slick-list {
-webkit-perspective: 2000;
        perspective: 2000;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


/* 23.3. slick navigation */
.slick-prev,
.slick-next {
position: absolute;
display: block;
top: 50%;
width: 50px;
height: 50px;
line-height: 50px;
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;
}

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

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

.slick-prev:before,
.slick-next:before {
font-size: 11px;
color: #000;
padding: 0;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
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)";
}

@media only screen and (max-width: 880px) {
  .slick-prev:before,
  .slick-next:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

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

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

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

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

.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-prev:hover:before,
.slick-next:hover:before,
.slick-prev:active:before,
.slick-next:active:before {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-fullscreen:hover .slick-prev,
.slick-fullscreen:hover .slick-next,
.slick-fullscreen-slideshow:hover .slick-prev,
.slick-fullscreen-slideshow:hover .slick-next,
.slick-fullscreen-split:hover .slick-prev,
.slick-fullscreen-split:hover .slick-next,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-prev,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-next {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-fullscreen:hover .slick-prev,
.slick-fullscreen-slideshow:hover .slick-prev,
.slick-fullscreen-split:hover .slick-prev,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-prev {
left: -35px;
}

.slick-fullscreen:hover .slick-next,
.slick-fullscreen-slideshow:hover .slick-next,
.slick-fullscreen-split:hover .slick-next,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-next {
right: -35px;
}


/* 23.4. slick fullscreen slider */
.slick-fullscreen.slick-fullscreen-split-content {
width: 50%;
left: 50%;
}

.slick-fullscreen-img-fill {
position: relative;
display: block;
width: 100%;
overflow: hidden;
text-align: center;
}

.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,
.slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-slideshow-zoom-fade .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,
.slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-slideshow-zoom-fade .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,
.slick-fullscreen-split .slick-dots,
.slick-fullscreen-slideshow-zoom-fade .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,
.slick-fullscreen-split .slick-dots li button,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li button {
display: none;
}

.slick-fullscreen .slick-dots li,
.slick-fullscreen-slideshow .slick-dots li,
.slick-fullscreen-split .slick-dots li,
.slick-fullscreen-slideshow-zoom-fade .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,
.slick-fullscreen-split .slick-dots li.slick-active,
.slick-fullscreen-slideshow-zoom-fade .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,
.slick-fullscreen-split,
.slick-fullscreen-slideshow-zoom-fade {
background: none;
}

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

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


/* 23.5. slick fullscreen slideshow ZOOM/FADE transition */
.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .bg-img {
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
   -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
     -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
        transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
     -o-transform: scale(1.3);
        transform: scale(1.3);
}

.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item.slick-active .bg-img {
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}


/* 24. videos */
/* 24.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: fixed;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}


/* 24.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: fixed;
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;
}


/* 24.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: fixed;
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;
}


/* 25. main navigation */
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: none;
z-index: 1001;
}

.logo-desktop .logo-desktop-dark,
.main-navigation-bg .logo-desktop .logo-desktop-dark {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
height: auto;
margin-top: -8px;
}

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

.navbar-bg-switch {
position: fixed;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
z-index: 999;
}

.main-navigation {
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}

.main-navigation.top-position,
.main-navigation.top-position-2 {
-webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
     -o-transform: translateY(-200px);
        transform: translateY(-200px);
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
}

.main-navigation .navbar-nav li a {
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 11px; font-size: 12px;
letter-spacing: 0.15em; letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
color: #5f5f5f; color: #000;
padding: 26px 15px 0 15px; padding: 46px 15px 0 15px;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .main-navigation .navbar-nav li a {
    padding: 10px 15px;
  }
}

.main-navigation .navbar-nav li a:hover {
color: #5f5f5f;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

.nav li a:focus,
.nav li a:hover {
color: #5f5f5f;
background: none;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

.main-navigation-bg {
height: 70px;
background: none;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
  .main-navigation-bg {
    height: auto;
	min-height: 70px;
    background: rgba(255, 255, 255, 1);
  }
  
  .main-navigation-bg.main-navigation-bg-position-primary {
    background: #e0e0e0;
  }
}

.main-navigation-bg .main-navigation .navbar-nav li a {
color: #5f5f5f;
padding: 26px 15px 0 15px;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
  .main-navigation-bg .main-navigation .navbar-nav li a {
    padding: 10px 15px;
  }
}

.main-navigation-bg .main-navigation .navbar-nav li a:hover {
color: #5f5f5f;
}

@media only screen and (max-width: 768px) {
  .navbar-toggle .icon-bar {
    background: #000;
	margin-top: 63px;
	margin-right: 2px;
  }
  
  .main-navigation-bg .navbar-toggle .icon-bar {
    background: #000;
  }
  
  .navbar-toggle {
    margin-top: -45px;
    margin-right: -10px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
  }
	
  .main-navigation-bg .navbar-toggle {
    margin-top: -45px;
    margin-right: -10px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
  }
  
  .navbar-collapse {
    background: rgba(255, 255, 255, 1);
	margin-left: -15px;
	margin-right: -15px;
  }
  
  .navbar-collapse.navbar-collapse-position-primary {
    background: #e0e0e0;
  }
}

.main-navigation-bg .link-underline-menu:before {
bottom: -5px;
background: #111;
}

.navbar-nav li.active,
.navbar-nav > .active > a {
color: #b7b7b7!important;
text-decoration: none;
}

.navbar-nav > .active > a {
background: none;
}

.main-navigation-bg .navbar-nav li.active,
.main-navigation-bg .navbar-nav > .active > a {
color: #fcfcfc!important;
}

@media (min-width: 768px) {
  .navbar-nav {
    position: relative;
    right: -50%;
  }
  
  .navbar-nav > li {
    position: relative;
    left: -50%;
  }
  
  .navbar-nav > li a {
    vertical-align: middle;
  } 
}


/* 25.1. main navigation link underline */
.link-underline-menu {
position: relative;
text-decoration: none;
cursor: pointer;
}

.link-underline-menu:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -5px;
left: 0;
background: #5f5f5f;
visibility: hidden;
-webkit-transform: scaleX(0);
   -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
        transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
     -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
}

.link-underline-menu:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
        transform: scaleX(1);
}

@media only screen and (max-width: 768px) {
  .link-underline-menu:hover:before {
    visibility: hidden;
  }
}

.link-underline-menu.active:before {
background: #b7b7b7;
}

.main-navigation-bg .link-underline-menu.active:before {
background: #fcfcfc;
}


/* 26. sections */
.lower-page {
min-height: 100%;
margin: 0;
padding: 0;
}

.lower-content {
padding: 0;
margin: 0 auto;
}

.lower-content p {
padding: 10px;
color: #fff;
text-align: left;
}

.sections-home,
.sections {
position: relative;
text-align: center;
margin: 0 auto;
z-index: 10;
}

.sections-home {
padding: 0;
}

.sections {
padding: 218px 50px;
}

@media all and (min-width: 1920px) {
  .sections {
    padding: 218px 50px;
  }
}

@media only screen and (max-width: 995px) {
  .sections {
   padding: 218px 50px;
  }
}

@media only screen and (max-width: 880px) {
  .sections {
   padding: 218px 50px;
  }
}

@media only screen and (max-width: 768px) {
  .sections {
   padding: 218px 18px; padding: 139px 18px;
  }
}

@media only screen and (max-width: 640px) {
  .sections {
   padding: 218px 18px; padding: 139px 18px;
  }
}


/* 27. home title wrapper */
.home-title-wrapper {
position: absolute;
width: 280px!important;
max-width: 280px;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
margin: 19px auto 0 auto;
overflow: hidden;
/* border-top: 1px solid #111; */
}

@media only screen and (max-width: 880px) {
  .home-title-wrapper {
    width: 210px!important;
    max-width: 210px;
  }
}

.home-title-wrapper * {
-webkit-box-sizing: padding-box;
   -moz-box-sizing: padding-box;
    -ms-box-sizing: padding-box;
     -o-box-sizing: padding-box;
        box-sizing: padding-box;
}

.home-title-wrapper h1,
.home-title-wrapper h4 {
margin: 0;
line-height: 1em;
}

.home-title-wrapper h1 {
position: relative;
font-family: 'Montserrat', Arial, sans-serif;
font-size: 40px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
text-align: center;
letter-spacing: -0.08em;
color: #000;
padding: 10px 0 0 0;
z-index: 1;
}

@media only screen and (max-width: 880px) {
  .home-title-wrapper h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 640px) {
  .home-title-wrapper h1 {
    font-size: 40px;
  }
}

.home-title-wrapper h4 {
position: relative;
display: inline-block;
width: auto;
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: uppercase;
color: #000;
line-height: 0.5em;
letter-spacing: 0.05em;
padding: 0 10px;
}

@media only screen and (max-width: 880px) {
  .home-title-wrapper h4 {
    font-size: 11px;
  }
}

.home-title-wrapper h4:before,
.home-title-wrapper h4:after {
content: "";
position: absolute;
width: 1000%;
height: 1px;
top: 50%;
background: #000;
}

.home-title-wrapper h4:before {
left: -1000%;
}

.home-title-wrapper h4:after {
right: -1000%;
}


/* 28. hide page */
.hide-page {
display: none;
}


/* 29. center container */
.center-container-home {
position: absolute;
display: table;
height: 100%;
width: 100%;
left: 0;
top: 0;
}

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

.center-container {
position: absolute;
display: table;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, .6);
}

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


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

@media only screen and (max-width: 1200px) {
  .sections {
    width: 100%!important;
	padding-left: 100px;
	padding-right: 100px;
  }
}

@media only screen and (max-width: 640px) {
  .sections {
	padding-left: 15px;
	padding-right: 15px;
  }
}


/* 30.1. section intro */
.section-intro p {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-style: italic;
font-weight: 500;
text-transform: none;
text-align: center;
letter-spacing: 0.05em;
line-height: 1.5;
margin: -17px auto -10px auto;
}

@media only screen and (max-width: 995px) {
  .section-intro p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 880px) {
  .section-intro p {
    font-size: 18px;
	font-weight: 400;
  }
}

.section-intro p a,
.section-intro p a:hover {
text-decoration: none;
}

.section-txt p {
margin: -17px auto 0 auto;
text-align: center;
}

.section-txt-services p {
position: relative;
top: -8px;
margin: 0 auto;
}

.section-txt-contact p {
margin: -17px auto -16px auto;
text-align: center;
}

.section-txt a,
.section-txt a:hover,
.section-txt-services a,
.section-txt-services a:hover,
.section-txt-contact a,
.section-txt-contact a:hover {
text-decoration: none;
font-weight: 600;
}

h2.section-subtitle {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.05em;
color: #ff264a;
margin: -3px auto -1px auto;
}


/* 30.2. section heading */
h2.section-heading {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 800;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.02em;
position: relative;
margin: 0px auto;
padding: 0;   
z-index: 10;
}

@media only screen and (max-width: 880px) {
  h2.section-heading {
    font-size: 20px;
	margin: -15px auto;
  } 
}

@media only screen and (max-width: 768px) {
  h2.section-heading {
    font-size: 20px;
	margin: -13px auto;
  } 
}

@media only screen and (max-width: 640px) {
  h2.section-heading {
    font-size: 20px;
	margin: -13px auto;
  } 
}

h2.section-heading.section-heading-light {
color: #fff;
}

h2.section-heading span {
position: relative;
display: inline-block;
padding-right: 90px;
margin-right: 20px;
line-height: 1;
}

@media all and (min-width: 1920px) {
  h2.section-heading span {
    padding-right: 105px;
    margin-right: 25px;
  }
}

@media only screen and (max-width: 880px) {
  h2.section-heading span {
    padding-right: 75px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  h2.section-heading span {
    padding-right: 60px;
    margin-right: 10px;
  } 
}

@media only screen and (max-width: 640px) {
  h2.section-heading span {
    padding-right: 40px;
    margin-right: 0;
  }
}

h2.section-heading span:before {
content: "";
position: absolute;
display: block;
top: 50%;
right: 0;
width: 60px;
height: 0;
margin-top: -1px;
}

@media all and (min-width: 1920px) {
  h2.section-heading span:before {
    width: 70px;
  }
}

@media only screen and (max-width: 880px) {
  h2.section-heading span:before {
    width: 50px;
  }
}

@media only screen and (max-width: 768px) {
  h2.section-heading span:before {
    width: 40px;
  } 
}

@media only screen and (max-width: 640px) {
  h2.section-heading span:before {
    width: 30px;
  }
}

h2.section-heading span:before {
border-top: 1px solid #000;
}

h2.section-heading-light span:before {
border-top: 1px solid #ff264a;
}

h2.section-heading.section-heading-all {
padding: 0;
}


/* 31. link underline */
.link-underline,
.link-underline-light {
position: relative;
display: inline-block;
}

.link-underline::before,
.link-underline-light::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #5f5f5f;
-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-light::before {
background: #ff264a;
}

.link-underline:hover::before,
.link-underline-light: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);
}


/* 32. the line */
.the-line {
position: relative;
width: 1px;
height: 110px;
background: #fff;
margin: 1px auto;
}

@media only screen and (max-width: 768px) {
  .the-line {
    height: 70px;
  }
}


/* 33. the button */
.contact-form-submit-wrapper {
position: relative;
width: 205px;
height: auto;
line-height: 1.5;
padding: 0;
left: 0;
margin: 42px auto -9px auto;
}

@media all and (min-width: 1920px) {
  .contact-form-submit-wrapper {
    margin: 42px auto -5px auto;
  }
}

.the-button-wrapper {
position: relative;
width: 165px;
height: auto;
line-height: 1.5;
margin: 0 auto;
padding: 0;
left: 0;
text-align: center;
cursor: pointer;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper {
    width: 205px;
    margin: 0 auto;
  }
}

.the-button-wrapper.the-button-wrapper-details {
width: 165px;
margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .the-button-wrapper {
    width: 165px;
	margin: 0 auto;
  }
}

.the-button {
position: relative;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.10em;
color: #ff264a;
background: none;
padding: 10px 40px 0 40px;
margin-top: 10px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
     -o-border-radius: 0;
        border-radius: 0;
}

@media all and (min-width: 1920px) {
  .the-button {
    font-size: 12px;
    letter-spacing: 0.25em;
  }
}

@media only screen and (max-width: 640px) {
  .the-button {
    font-size: 10px;
	letter-spacing: 0.10em;
  }
}

.the-button.the-button-details {
font-size: 10px;
letter-spacing: 0.10em;
margin: 3px auto 12px auto;
}

.the-button:hover:before,
.the-button.the-button-details:hover:before {
width: 100%;
}

.the-button:hover:after,
.the-button.the-button-details:hover:after {
width: 100%;
}

.the-button::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #ff264a;
border-right: 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) {
  .the-button::before {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
  .the-button::before {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.the-button.the-button-details::before {
width: 15px;
height: 38px;
top: -2px;
}

.the-button::after {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
right: -6px;
border: 1px solid #ff264a;
border-left: 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) {
  .the-button::after {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
  .the-button::after {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.the-button.the-button-details::after {
width: 15px;
height: 38px;
top: -2px;
}

.the-button-submit {
width: 165px;
top: -19px;
border: none;
}

@media all and (min-width: 1920px) {
  .the-button-submit {
    width: 205px;
	border: none;
  }
}

@media only screen and (max-width: 640px) {
  .the-button-submit {
    width: 165px;
	top: -19px;
  }
}


/* 34. contact form */
#contact-form {
width: 100%;
margin: -20px auto 0 auto;
padding: 0;
text-align: center;
}

form {
margin: 0;
padding: 0;
}

#form input {
position: relative;
width: 100%;
height: 40px;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 10px 0 10px 0;
font-family: 'Raleway', sans-serif;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color: #fff;
-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;
}

textarea {
position: relative;
width: 100%;
height: 100px;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 5px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
-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;
}

#form textarea {
color: #fff;
margin: 10px 0 10px 0;
-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;
}

#form input:hover,
#form textarea:hover {
border-color: rgba(255, 38, 74, .5);
-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;
}


#form input:focus,
#form textarea:focus {
-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;
}

.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: 19px 0 0 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#form .error {
position: absolute;
display: block;
font-size: 9px;
text-transform: uppercase;
color: #ff264a;
margin: 0;
padding: 0;
letter-spacing: 0.15em;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
width: 200px!important;
font-weight: 600;
}

.make-space {
margin-left: 15px;
margin-right: 15px;
}


/* 34.1. contact form placeholders */
::-webkit-input-placeholder { font-size: 14px; color: #fff; }
     :-ms-input-placeholder { font-size: 14px; color: #fff; }
         ::-moz-placeholder { font-size: 14px; color: #fff; }
     input:-moz-placeholder { font-size: 14px; color: #fff; }

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

textarea:focus::-webkit-input-placeholder { color: transparent; }
     textarea:focus:-ms-input-placeholder { color: transparent; }
         textarea:focus::-moz-placeholder { color: transparent; }
          textarea:focus:-moz-placeholder { color: transparent; }


/* 34.2. contact email */
.post-email-title {
position: relative;
top: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.02em;
color: #fff;
line-height: 1;
margin: -3px auto 0 auto;
z-index: 10;
}

@media only screen and (max-width: 995px) {
  .post-email-title { 
    margin: -3px auto 10px auto;
  }
}

.post-email-title a,
.post-email-title a:hover {
line-height: 1.5;
color: #ff264a;
text-decoration: none;
}


/* 35. newsletter form */
#subscribe-wrapper {
position: relative;
width: 300px;
height: 140px;
margin: -5px auto 0 auto;
background: none;
text-align: center;
}

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

#subscribe input {
position: relative;
width: 177px;
height: 60px;
text-align: center;
color: #fff;
border: none;
border-bottom: 1px solid #fff;
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;
bottom: 49px; bottom: 25px;
position: relative;
width: 177px;
height: 40px;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 35px 0 10px 0; margin: 11px 0 10px 0;
font-family: 'Raleway', sans-serif;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color: #fff;
-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 {
    width: 217px;
  }
}

#subscribe input:focus, #subscribe textarea:focus {
color: #fff;
-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(219, 0, 24, .5);
-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: 'Open Sans', 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: 46px 0 0 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

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


/* 35.1. newsletter form placeholders */
input[type="text"].subscribe-email::-webkit-input-placeholder {
color: #fff;
}

input[type="text"].subscribe-email:-ms-input-placeholder{
color: #fff;
}

input[type="text"].subscribe-email::-moz-placeholder {
color: #fff;
}

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


/* 36. ken burns slideshow */
.kenburns-slide-wrapper {
position: relative;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}

.kenburns-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-animation: KenBurnsSlideShow 24s linear infinite 0s;
   -moz-animation: KenBurnsSlideShow 24s linear infinite 0s;
    -ms-animation: KenBurnsSlideShow 24s linear infinite 0s;
     -o-animation: KenBurnsSlideShow 24s linear infinite 0s;
        animation: KenBurnsSlideShow 24s linear infinite 0s;
}

.kenburns-slide-1,
.kenburns-slide-2,
.kenburns-slide-3,
.kenburns-slide-4 {
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;
}

.kenburns-slide-1 {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.kenburns-slide-2 {
-webkit-animation-delay: 6s;
   -moz-animation-delay: 6s;
    -ms-animation-delay: 6s;
     -o-animation-delay: 6s;
        animation-delay: 6s;
}

.kenburns-slide-3 {
-webkit-animation-delay: 12s;
   -moz-animation-delay: 12s;
    -ms-animation-delay: 12s;
     -o-animation-delay: 12s;
        animation-delay: 12s;
}

.kenburns-slide-4 {
-webkit-animation-delay: 18s;
   -moz-animation-delay: 18s;
    -ms-animation-delay: 18s;
     -o-animation-delay: 18s;
        animation-delay: 18s;
}

@-webkit-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
 100% {
    opacity: 0;
    -webkit-transformm: scale(1);
  }
}

@-moz-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -moz-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
    -moz-transform: scale(1.1);
  }
 100% {
    opacity: 0;
    -moz-transform: scale(1);
  }
}

@-o-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -o-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
    -o-transform: scale(1.1);
  }
 100% {
    opacity: 0;
    -o-transform: scale(1);
  }
}

@keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
	    transform: scale(1);
    -ms-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
	    transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
 100% {
    opacity: 0;
	    transform: scale(1);
    -ms-transform: scale(1);
  }
}


/* 37. section subheading */
h3.section-subheading {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
margin-top: -5px;
text-align: center;
letter-spacing: 0.05em;
margin: -5px 0;
color: #fff;
}

h3.section-subheading.section-subheading-all {
padding: 0;
}

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

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

h3.section-subheading 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) {
  h3.section-subheading span:before {
    width: 20px;
  }
}

h3.section-subheading span:before {
border-top: 1px solid #fff;
}

h3.section-heading {
font-family: 'Montserrat', sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 800;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.02em;
position: relative;
margin: -13px 0;
padding: 0;   
z-index: 10;
color: #ff264a;
}

@media only screen and (max-width: 880px) {
  h3.section-heading {
    font-size: 40px;
	margin: -15px auto;
  } 
}

@media only screen and (max-width: 768px) {
  h3.section-heading {
    font-size: 35px;
	margin: -13px auto;
  } 
}

@media only screen and (max-width: 640px) {
  h3.section-heading {
    font-size: 35px;
	margin: -13px auto;
  } 
}


/* 38. horizontal stripes */
.horizontal-stripes {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
z-index: 1;
}

.running-teardrop {
position: relative;
width: 20%;
height: 100%;
float: left;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
border-right: 1px solid rgba(255, 255, 255, .15);
}

@media only screen and (max-width: 995px) {
  .running-teardrop {
    border-right: 1px solid rgba(255, 255, 255, .1);
  }
}

.running-teardrop::before {
content: "";
position: absolute;
display: block;
width: 3px;
-webkit-animation-direction: normal;
   -moz-animation-direction: normal;
    -ms-animation-direction: normal;
     -o-animation-direction: normal;
        animation-direction: normal;
}

.running-teardrop:first-child::before,
.running-teardrop:last-child::before {
content: "";
position: absolute;
right: -2px;
}

.running-teardrop:first-child::before {
top: 0;
-webkit-animation: teardrop 6s ease-out infinite;
   -moz-animation: teardrop 6s ease-out infinite;
    -ms-animation: teardrop 6s ease-out infinite;
     -o-animation: teardrop 6s ease-out infinite;
        animation: teardrop 6s ease-out infinite;
background: -webkit-linear-gradient(top, rgba(255, 38, 74, 0), rgba(255, 38, 74, 1));
background: -ms-linear-gradient(top, rgba(255, 38, 74, 0), rgba(255, 38, 74, 1));
background: linear-gradient(top, rgba(255, 38, 74, 0), rgba(255, 38, 74, 1));
}

.running-teardrop:last-child::before {
bottom: 0;
-webkit-animation: teardrop-reverse 6s ease-out infinite;
   -moz-animation: teardrop-reverse 6s ease-out infinite;
    -ms-animation: teardrop-reverse 6s ease-out infinite;
     -o-animation: teardrop-reverse 6s ease-out infinite;
        animation: teardrop-reverse 6s ease-out infinite;
background: -webkit-linear-gradient(top, rgba(255, 38, 74, 1), rgba(255, 38, 74, 0));
background: -ms-linear-gradient(top, rgba(255, 38, 74, 1), rgba(255, 38, 74, 0));
background: linear-gradient(top, rgba(255, 38, 74, 1), rgba(255, 38, 74, 0));
}

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

@-webkit-keyframes teardrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 35%;
  }
}
@-ms-keyframes teardrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 35%;
  }
}
@keyframes teardrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
   }
  100% {
    bottom: 100%;
    height: 35%;
  }
}

.no-teardrop {
position: relative;
width: 20%;
height: 100%;
float: left;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
border-right: 1px solid rgba(255, 255, 255, .15);
}


/* 39. divider */
.inner-divider,
.inner-divider-half,
.inner-divider-mobile,
.inner-divider-countdown,
.inner-divider-section {
position: relative;
width: 100%;
margin: 0 auto;
background: none;
z-index: -1;
}

.inner-divider {
height: 110px;
}

@media only screen and (max-width: 768px) {
  .inner-divider {
    height: 70px;
  }
}

.inner-divider-half {
height: 25px;
}

@media only screen and (max-width: 995px) {
  .inner-divider-mobile {
    height: 110px;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
  }
}

@media only screen and (max-width: 768px) {
  .inner-divider-mobile {
    height: 70px;
	margin-bottom: -27px;
  }
  
  .inner-divider-mobile.inner-divider-mobile-all {
    margin-bottom: -15px;
  }
}

.inner-divider-countdown {
height: 70px;
}

@media only screen and (max-width: 995px) {
  .inner-divider-countdown {
    height: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .inner-divider-countdown {
    height: 25px;
  }
}

.inner-divider-section {
height: 110px; height: 70px;
}

@media only screen and (max-width: 768px) {
  .inner-divider-section {
    height: 70px;
  }
}