@charset "utf-8";

/* 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: inherit;
    vertical-align: baseline;
}

html, body {
    height: 100%;
}

body {
    line-height: 1;  
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

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


/* layout */
body {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    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 {
    text-decoration: none;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover {
    color: #fff;
    text-decoration: none;
    outline: none;
}

p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p a {
    text-decoration: none;
    outline: none;
    font-weight: bold;
    -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 a:hover {
    color: #fff;
    text-decoration: none;
    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: #fff; color: #000; }
::selection { background: #fff; color: #000; }


h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 0 26px;
}

h2 .get-behind {
    position: absolute;
    width: 100%;
    height: auto;
    left: 10px;
    top: -42px;
    font-size: 100px;
    opacity: 0.15;
    -moz-opacity: 0.15;
    -webkit-opacity: 0.15;
    filter: alpha(opacity=15);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}

h4 {
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 0 26px;
}

h5 {
    font-family: 'Dosis', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.35em;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 12px auto 43px auto;
    padding: 0 0 0 10px;
}

h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.08em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.mb-wrapper {
    position: relative;
    width: 95%;
    height: auto;
    margin: 0 auto;
    z-index: 5;
}

.mb-slides-wrapper h3 {
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: #fff;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mb-heading {
    font-family: 'Oswald', sans-serif;
    font-size: 120px;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 41px auto 43px auto;
    padding: 0;
}

.mb-subheading {
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: #fff;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mb-subheading a {
    color: #fff;
    text-decoration: none;
}

.mb-subheading a:hover {
    color: #fff;
    text-decoration: none;
}

.services-columns .border-left-services {
    border-left: 1px solid #cbcbcb;
} 

.services-columns .border-top-services {
    border-top: none;
} 

.services-columns .border-top-services:after {
    position: absolute;
    content: '';
    width: 90%;
    border-bottom: 1px solid #cbcbcb;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
}

.services-padding {
    padding: 0 5%;
}

.mb40 {
    margin-bottom: 40px!important;
}

.mt40 {
    margin-top: 40px!important;
}

.transparent-borders {
    visibility: visible;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: none;
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: calc(100% - 220px);
    height: -webkit-calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    height: calc(100% - 220px);
    top: 110px;
    left: 110px;
    bottom: 110px;
    right: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border: 10px solid rgba(0,0,0, .55);
    box-shadow: 0 0 25px rgba(0,0,0, .55);
    z-index: 0;
}

.transparent-borders.OFF {
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.logo {
    visibility: visible;
    display: block;
    position: fixed;
    width: 80px;
    height: 80px;
    left: 25px;
    top: 11px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 500;
}

.logo img {
    width: 80px;
}

.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 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.line-left {
    visibility: visible;
    display: block;
    font-family: 'Dosis', sans-serif;
    letter-spacing: normal;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    position: absolute;
    width: 325px;
    left: 36px;
    top: 50%;
    margin-top: 151px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;	
    z-index: 500;
}

.line-left.left-position {
    -webkit-transform: translateX(-200px) rotate(-90deg);
    -moz-transform: translateX(-200px) rotate(-90deg);
    -ms-transform: translateX(-200px) rotate(-90deg);
    -o-transform: translateX(-200px) rotate(-90deg);
    transform: translateX(-200px) rotate(-90deg);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.line-left a {
    color: #fff;
    text-decoration: none;
}

.line-left a:hover {
    color: #fff;
    text-decoration: none;
}

.line-right {
    visibility: visible;
    display: block;
    font-family: 'Dosis', sans-serif;
    letter-spacing: normal;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    position: absolute;
    width: 325px;
    right: 35px;
    top: 50%;
    margin-top: -174px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;	
    z-index: 500;
}

.line-right.right-position {
    -webkit-transform: translateX(200px) rotate(-90deg);
    -moz-transform: translateX(200px) rotate(-90deg);
    -ms-transform: translateX(200px) rotate(-90deg);
    -o-transform: translateX(200px) rotate(-90deg);
    transform: translateX(200px) rotate(-90deg);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.line-right a {
    color: #fff;
    text-decoration: none;
}

.line-right a:hover {
    color: #fff;
    text-decoration: none;
}

.upper-page {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

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

.lower-page {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

.lower-content {
    margin: 125px auto;
}

.lower-content p {
    font-weight: 400;
    letter-spacing: 0.05em;
    padding: 10px;
}

.sections {
    position: relative;
    z-index: 5;
}

#about, #services, #photos, #contact, #imprint {
    display: none;
}

.dividerOT {
    width: auto;
    height: 10px;
    position: relative;
    margin: 50px auto;
    text-align: center;
}

.dividerOT-2 {
    width: auto;
    height: 10px;
    position: relative;
    margin: 120px auto;
    text-align: center;
}

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

.awesome {
    text-shadow: 1px 1px 2px #111;
}

.awesome-contact {
    font-size: 25px;
    margin: 0;
    padding: 12px 0 10px 10px;
    text-align: left;
    display: block;
}


/* navigation */
#menu {
    position: fixed;
    width: 80px;
    height: 80px;
    right: 14px;
    top: 4px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 1004;
}

#menu.top-position {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.menu-toggle {
    position: absolute;
    display: block;
    padding: 0;
    background: none;
    line-height: 1;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border: none;
    z-index: 1004;
}

#main-menu {
    position: fixed;
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    width: 426px;
    height: 100%;
    right: -200%;
    top: 0;
    margin: auto;
    -webkit-transition: right .4s ease-in-out;
    -moz-transition: right .4s ease-in-out;
    -ms-transition: right .4s ease-in-out;
    -o-transition: right .4s ease-in-out;
    transition: right .4s ease-in-out;
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    transform: skew(-25deg, 0deg);
    z-index: 1003;
}

#main-menu.activated {
    right: 0;
}

#main-menu ul {
    width: 326px;
    list-style: none outside none;
    padding: 0 0 0 47px;

}

#main-menu ul li {
}

#main-menu .credits {
    font-size: 14px;
    margin: 13px 0 0 9px;
}

#main-menu .credits a {
    color: #000;
    text-decoration: none;
}

#main-menu a {
    display: none;
    min-width: 10px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .8s ease-in-out;
    -moz-transition: color .8s ease-in-out;
    -ms-transition: color .8s ease-in-out;
    -o-transition: color .8s ease-in-out;
    transition: color .8s ease-in-out;
}

#main-menu li .active {
    color: #000;
}

.menu-nav-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.menu-nav {
    display: table-cell;
    width: 100%;
    height: 100%;	
    vertical-align: middle;
}


/* 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: '\00b7';
    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: '\00b7';
    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 {
    text-decoration: none;
}

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

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


/* lines */
.lines-button {
    padding: 2rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.lines-button:active {
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    transition: 0;
}

.lines {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: .3rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #fff;
}

.lines:after, .lines:before {
    position: absolute;
    display: inline-block;
    width: 3rem;
    height: .3rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    -moz-transform-origin: .28571rem center;
    -ms-transform-origin: .28571rem center;
    -o-transform-origin: .28571rem center;
    transform-origin: .28571rem center;
    background: #fff;
}

.lines:before {
    top: .8rem;
}

.lines:after {
    top: -.8rem;
}

.lines-button.arrow.lines-close .lines:after, .lines-button.arrow.lines-close .lines:before {
    top: 0;
    width: 2.22222rem;
}

.lines-button.arrow.lines-close .lines:before {
    -webkit-transform: rotate3d(0,0,1,40deg);
    -moz-transform: rotate3d(0,0,1,40deg);
    -ms-transform: rotate3d(0,0,1,40deg);
    -o-transform: rotate3d(0,0,1,40deg);
    transform: rotate3d(0,0,1,40deg);
}

.lines-button.arrow.lines-close .lines:after {
    -webkit-transform: rotate3d(0,0,1,-40deg);
    -moz-transform: rotate3d(0,0,1,-40deg);
    -ms-transform: rotate3d(0,0,1,-40deg);
    -o-transform: rotate3d(0,0,1,-40deg);
    transform: rotate3d(0,0,1,-40deg);
}

.lines-button.arrow-up.lines-close {
    -webkit-transform: scale3d(0.8,.8,.8) rotate3d(0,0,1,90deg);
    -moz-transform: scale3d(0.8,.8,.8) rotate3d(0,0,1,90deg);
    -ms-transform: scale3d(0.8,.8,.8) rotate3d(0,0,1,90deg);
    -o-transform: scale3d(0.8,.8,.8) rotate3d(0,0,1,90deg);
    transform: scale3d(0.8,.8,.8) rotate3d(0,0,1,90deg);
}

.lines-button.minus.lines-close .lines:after, .lines-button.minus.lines-close .lines:before {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top: 0;
    width: 3rem;
    background: #fff;
}

.lines-button.x.lines-close .lines {
    background: 0 0;
}

.lines-button.x.lines-close .lines:after, .lines-button.x.lines-close .lines:before {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 3rem;
}

.lines-button.x.lines-close .lines:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    -moz-transform: rotate3d(0,0,1,45deg);
    -ms-transform: rotate3d(0,0,1,45deg);
    -o-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}

.lines-button.x.lines-close .lines:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    -moz-transform: rotate3d(0,0,1,-45deg);
    -ms-transform: rotate3d(0,0,1,-45deg);
    -o-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}

.lines-button.x2 .lines {
    -webkit-transition: background .3s .5s ease;
    -moz-transition: background .3s .5s ease;
    -ms-transition: background .3s .5s ease;
    -o-transition: background .3s .5s ease;
    transition: background .3s .5s ease;
}

.lines-button.x2 .lines:after, .lines-button.x2 .lines:before {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
    -moz-transition: top .3s .6s ease, -moz-transform .3s ease;
    -ms-transition: top .3s .6s ease, -ms-transform .3s ease;
    -o-transition: top .3s .6s ease, -o-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease;
}

.lines-button.x2.lines-close .lines {
    -webkit-transition: background .3s 0 ease;
    -moz-transition: background .3s 0 ease;
    -ms-transition: background .3s 0 ease;
    -o-transition: background .3s 0 ease;
    transition: background .3s 0 ease;
    background: 0 0;
}

.lines-button.x2.lines-close .lines:after, .lines-button.x2.lines-close .lines:before {
    -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
    -moz-transition: top .3s ease, -moz-transform .3s .5s ease;
    -ms-transition: top .3s ease, -ms-transform .3s .5s ease;
    -o-transition: top .3s ease, -o-transform .3s .5s ease;
    transition: top .3s ease, transform .3s .5s ease;
    top: 0;
    width: 3rem;
}

.lines-button.x2.lines-close .lines:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    -moz-transform: rotate3d(0,0,1,45deg);
    -ms-transform: rotate3d(0,0,1,45deg);
    -o-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}

.lines-button.x2.lines-close .lines:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    -moz-transform: rotate3d(0,0,1,-45deg);
    -ms-transform: rotate3d(0,0,1,-45deg);
    -o-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}


/* signup form */
.subscribe-spacer {
    padding: 0 6px;
}

.subscribe-spacer a {
    color: #fff;
    text-decoration: none;
}

.subscribe-spacer a:hover {
    color: #fff;
    text-decoration: none;
}

.ex-modal p {
    color: #fff;
}

.ex-modal-closer {
    font-size: 20px;
}

.ex-modal-closer a {
    color: #fff;
    text-decoration: none;
}

.ex-modal-closer a:hover {
    color: #fff;
    text-decoration: none;
}

.ex-modal-launcher {
    visibility: visible;
    position: relative;
    width: 50px;
    height: auto;
    margin: 0 auto;
    z-index: 0;
}

.ex-modal {
    position: fixed;
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: calc(100% - 220px);
    height: -webkit-calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    height: calc(100% - 220px);
    top: 110px;
    left: 110px;
    bottom: 110px;
    right: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: rgba(0,0,0, .95);
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1005;
}

.ex-modal.show {
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: calc(100% - 220px);
    height: -webkit-calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    height: calc(100% - 220px);
    top: 110px;
    left: 110px;
    bottom: 110px;
    right: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* newsletter form */
#subscribe-wrapper {
    position: relative;
    margin: 2px auto 0 auto;
    background: none;
    width: auto;
    height: 160px;
    text-align: center;
}

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

.submit-button-2 {
    position: relative;
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: normal;
    display: inline-block;
    outline: none;
    margin: 10px auto 0 auto;
    width: 225px;
    padding: 1px 0 0 0;
    height: 35px;
    border: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.submit-button-2::before {
    position: absolute;
    content: '';
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: -100%;
    bottom: 0%;
    width: 200%;
    height: 200%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: skewX(-60deg);
    -moz-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
    -o-transform: skewX(-60deg);
    transform: skewX(-60deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
}

.submit-button-2::before {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.submit-button-2:hover {
}

.submit-button-2:hover::before {
    bottom: -100%;
    right: -200%;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.subscribe-success {
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    margin: 0 auto;
    padding: 40px 0 0 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#subscribe .subscribe-error {
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    color: #fff;
    display: block;
    margin: 6px auto 0 auto;
    padding: 0;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* newsletter field effect */
/* normalize */
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

/* input */
.input {
    position: relative;
    display: inline-block;
    margin: 1em;
    max-width: 270px;
    width: calc(100% - 2em);
    vertical-align: top;
    padding: 0;
    margin: 20px 0 0 0;
    text-align: center;
    z-index: 1;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0;
    width: 60%;
    border: none;
    border-radius: 0;
    background: none;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-align: center;
    line-height: 3.9;
    -webkit-appearance: none;
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    width: 40%;
    height: 55px;
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    padding: 4px 0 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 20px 0 20px 0;
    width: 100%;
}

.input--kuro {
    max-width: 225px;
    margin-bottom: 0;
}

.input__field--kuro {
    width: 100%;
    background: none;
    color: #fff;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-weight: normal;
    text-align: center;
    padding: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.input__label--kuro {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    pointer-events: none;
}

.input__label--kuro::before,
.input__label--kuro::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.input__label--kuro::before {
    border-right: none;
}

.input__label--kuro::after {
    left: 50%;
    border-left: none;
}

.input__field--kuro:focus,
.input--filled .input__field--kuro {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.input__field--kuro:focus + .input__label--kuro::before,
.input--filled .input__label--kuro::before {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro::after,
.input--filled .input__label--kuro::after {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro .input__label-content--kuro,
.input--filled .input__label-content--kuro {
    -webkit-animation: anim-2 0.3s forwards;
    animation: anim-2 0.3s forwards;
}

@-webkit-keyframes anim-2 {
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 1);
        transform: scale3d(0.3, 0.3, 1);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
        transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -3.7em, 0);
        transform: translate3d(0, -3.7em, 0);
    }
}

@keyframes anim-2 {
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 1);
        transform: scale3d(0.3, 0.3, 1);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
        transform: translate3d(0, -3.7em, 0) scale3d(0.3, 0.3, 1);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -3.7em, 0);
        transform: translate3d(0, -3.7em, 0);
    }
}


/* social icons */
.social-icons-wrapper {
    visibility: visible;
    display: block;
    position: fixed;
    left: 24px;
    bottom: 28px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 500;
}

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

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

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


/* countdown */
.launcher {
    visibility: visible;
    display: block;
    position: fixed;
    right: 33px;
    bottom: 24px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 500;
}

.launcher.bottom-position {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

#countdown-wrapper {
    position: relative;
    margin: 0;
    width: auto;
    text-align: center;
}

#countdown {
    margin: 0;
    padding: 0;
}

ul#countdown li {
    display: inline-block;
    width: auto;
}

ul#countdown li span {
    position: relative;
    font-family: 'Dosis', sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #fff;
    margin: 0;
    padding: 0 0 0 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

ul#countdown li span::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
}

ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


/* contact form */
#contact-form {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    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: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}

#form input {
    margin: 10px 0 10px 0;
}

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;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}

#form textarea {
    margin: 10px 0 10px 0;
} 

#form input:hover,
#form textarea:hover {
    border-color: rgba(255,255,255, .5);
}

#form input:focus,
#form textarea:focus {
    -webkit-animation: glow 900ms ease-out infinite alternate;
    -moz-animation: glow 900ms ease-out infinite alternate;
    -ms-animation: glow 900ms ease-out infinite alternate;
    -o-animation: glow 900ms ease-out infinite alternate;
    animation: glow 900ms ease-out infinite alternate;
}

.success {
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    margin: 0 auto;
    padding: 20px 0 0 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#form .error {
    position: absolute;
    font-size: 9px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    display: block;
    margin: -2px 0 0 1px;
    padding: 0;
    letter-spacing: 0.25em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-input-placeholder {
    font-size: 12px;
    color: #999;
}

::-moz-placeholder {
    font-size: 12px;
    color: #999;
}

:-ms-input-placeholder {
    font-size: 12px;
    color: #999;
}

input:-moz-placeholder {
    font-size: 12px;
    color: #999;
}

.submit-button {
    position: relative;
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: normal;
    display: inline-block;
    outline: none;
    margin: 23px auto 13px auto;
    width: 225px;
    padding: 1px 0 0 0;
    height: 35px;
    border: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.submit-button::before {
    position: absolute;
    content: '';
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: -100%;
    bottom: 0%;
    width: 200%;
    height: 200%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: skewX(-60deg);
    -moz-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
    -o-transform: skewX(-60deg);
    transform: skewX(-60deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
}

.submit-button::before {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.submit-button:hover {
}

.submit-button:hover::before {
    bottom: -100%;
    right: -200%;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* hero bg */
.hero-bg {
    position: fixed;
    -webkit-transition: -webkit-transform 3s ease;
    -moz-transition: -moz-transform 3s ease-out;
    -ms-transition: -ms-transform 3s ease-out;
    -o-transition: -o-transform 3s ease-out;
    transition: transform 3s ease;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 0;
}

.hero-bg-show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* hero container */ 
.hero-fullscreen { 
    position: fixed; 
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* hero slider */
.slide-SINGLE .slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%!important;
}

.slide-YT .slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%!important;
}

.slide-HTML5 .slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%!important;
}

.slide-VIMEO .slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%!important;
}

.hero-slider-split .owl-wrapper-outer,
.hero-slider-split .owl-height,
.hero-slider-split .owl-stage,
.hero-slider-split .owl-wrapper,
.hero-slider-split .owl-item {
    height: 100%!important;
}

.hero-slider-split .slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%!important;
}

.hero-slider-zoom .owl-wrapper-outer,
.hero-slider-zoom .owl-height,
.hero-slider-zoom .owl-stage,
.hero-slider-zoom .owl-wrapper,
.hero-slider-zoom .owl-item {
    height: 100%!important;
}

.hero-slider-zoom .slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%!important;
}


/* skills */
.contentOT {
    font-family: 'Dosis', sans-serif;
    font-size: 13px;
    line-height: 1;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0.35em;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 37px 10px 0 10px;
    float: left;
    left: 0;
}

.colOT {
    position: relative;
    width: 100%;
    float: left;
    left: 0;
}

#skills { 
    list-style: none;
}

#skills li { 
    background: #f4f4f2;
    height: 3px;
    margin: 0 0 50px 0;
}

#skills li.last { 
    background: #f4f4f2;
    height: 3px;
    margin: 0 0 13px 0;
}

#skills li .skills-description {
    position: relative;
    top: -25px;
}

.expand { 
    position: absolute;
    height: 3px;
    margin: 0;
}

.consulting {
    width: 100%;
    -webkit-animation: design 8s ease-in-out;
    -moz-animation: design 8s ease-in-out;
    -ms-animation: design 8s ease-in-out;
    -o-animation: design 8s ease-in-out;
    animation: design 8s ease-in-out;
}

.design {
    width: 100%;
    -webkit-animation: design 8s ease-in-out;
    -moz-animation: design 8s ease-in-out;
    -ms-animation: design 8s ease-in-out;
    -o-animation: design 8s ease-in-out;
    animation: design 8s ease-in-out;
}

.development {
    width: 100%;
    -webkit-animation: design 8s ease-in-out;
    -moz-animation: design 8s ease-in-out;
    -ms-animation: design 8s ease-in-out;
    -o-animation: design 8s ease-in-out;
    animation: design 8s ease-in-out;
}

.marketing {
    width: 100%;
    -webkit-animation: design 8s ease-in-out;
    -moz-animation: design 8s ease-in-out;
    -ms-animation: design 8s ease-in-out;
    -o-animation: design 8s ease-in-out;
    animation: design 8s ease-in-out;
}



@-moz-keyframes identity        { 0%  { width: 0; } 100% { width: 60%; }  }
@-moz-keyframes development       { 0%  { width: 0; } 100% { width: 80%; }  }
@-moz-keyframes design { 0%  { width: 0; } 100% { width: 100%; } }

@-webkit-keyframes identity        { 0%  { width: 0; } 100% { width: 60%; }  }
@-webkit-keyframes development       { 0%  { width: 0; } 100% { width: 80%; }  }
@-webkit-keyframes design { 0%  { width: 0; } 100% { width: 100%; } }


/* kenburnsy */
.kenburnsy {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.kenburnsy.fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.kenburnsy img {
    display: none;
}

.kenburnsy .slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

#kenburnsy-bg {
    overflow: hidden;
}


/* YouTube video containment */
#videoContainment {
    position: fixed;
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
    overflow: hidden;
}


/* HTML5 video containment */
#video-bg {
    position: fixed;
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
    overflow: hidden;
}


/* Vimeo video containment */
#videoContainment-vimeo {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 0;
}


/* google maps */
#map-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 0;
}

#map {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 0;
}


/* birds */
#birdman-container {
    display: none;
    visibility: hidden;
}

#birdman-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    overflow: hidden;
    z-index: 0;
}

canvas {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* particles */
#particles-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    overflow: hidden;
    z-index: 1;
}


/* film grain */
.film-grain {
    position: fixed;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    overflow: hidden;
    background-image: url(../img/film-grain.png);
    animation-name: film-grain;
    animation-duration: 5s;
    -webkit-animation-timing-function: steps(10,end);
    animation-timing-function: steps(10,end);
    animation-delay: initial;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: initial;
    -webkit-animation-fill-mode: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
    z-index: 1;
}

@-webkit-keyframes film-grain{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
                              10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
                              20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
                              30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
                              40%{-webkit-transform:translate(21%,25%);transform:translate(21%,25%)}
                              50%{-webkit-transform:translate(-25%,10%);transform:translate(-25%,10%)}
                              60%{-webkit-transform:translate(15%,0);transform:translate(15%,0)}
                              70%{-webkit-transform:translate(0,15%);transform:translate(0,15%)}
                              80%{-webkit-transform:translate(25%,35%);transform:translate(25%,35%)}
                              90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@keyframes film-grain{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
                      10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
                      20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
                      30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
                      40%{-webkit-transform:translate(21%,25%);transform:translate(21%,25%)}
                      50%{-webkit-transform:translate(-25%,10%);transform:translate(-25%,10%)}
                      60%{-webkit-transform:translate(15%,0);transform:translate(15%,0)}
                      70%{-webkit-transform:translate(0,15%);transform:translate(0,15%)}
                      80%{-webkit-transform:translate(25%,35%);transform:translate(25%,35%)}
                      90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}

/*
@media (max-width:960px){

.film-grain {
-webkit-animation-play-state: paused;
        animation-play-state: paused
}

}
*/


/* clouds */
.clouds {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    top: 0;
    z-index: 1;
}

.cloud-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 300%;
    height: 100%;
    background-image: url(../img/cloud-1.png);
    background-repeat: repeat-x;
    -webkit-animation: cloud-1 50s linear infinite;
    -moz-animation: cloud-1 50s linear infinite;
    -ms-animation: cloud-1 50s linear infinite;
    -o-animation: cloud-1 50s linear infinite;
    animation: cloud-1 50s linear infinite;
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    -moz-transform: scale(1,1) translate3d(0,0,0);
    -ms-transform: scale(1,1) translate3d(0,0,0);
    -o-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0);
}

.cloud-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 300%;
    height: 100%;
    background-image: url(../img/cloud-2.png);
    background-repeat: repeat-x;
    -webkit-animation: cloud-2 90s linear infinite;
    -moz-animation: cloud-2 90s linear infinite;
    -ms-animation: cloud-2 90s linear infinite;
    -o-animation: cloud-2 90s linear infinite;
    animation: cloud-2 90s linear infinite;
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    -moz-transform: scale(1,1) translate3d(0,0,0);
    -ms-transform: scale(1,1) translate3d(0,0,0);
    -o-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0);
}

.cloud-3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 300%;
    height: 100%;
    background-image: url(../img/cloud-3.png);
    background-repeat: repeat-x;
    -webkit-animation: cloud-3 70s linear infinite;
    -moz-animation: cloud-3 70s linear infinite;
    -ms-animation: cloud-3 70s linear infinite;
    -o-animation: cloud-3 70s linear infinite;
    animation: cloud-3 70s linear infinite;
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    -moz-transform: scale(1,1) translate3d(0,0,0);
    -ms-transform: scale(1,1) translate3d(0,0,0);
    -o-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0);
}

@-webkit-keyframes cloud-1 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@-moz-keyframes cloud-1 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@keyframes cloud-1 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@-webkit-keyframes cloud-2 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@-moz-keyframes cloud-2 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@keyframes cloud-2 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@-webkit-keyframes cloud-3 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@-moz-keyframes cloud-3 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@keyframes cloud-3 {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}


/* rainyDay */
#background {
    display: none!important;
}

#canvas {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
}


/* stars */
#stars-1 {
    width: 1px;
    height: 1px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 1068px 1231px #FFF , 65px 1230px #FFF , 1415px 611px #FFF , 1088px 1908px #FFF , 962px 1746px #FFF , 598px 793px #FFF , 967px 564px #FFF , 1499px 1615px #FFF , 1770px 1312px #FFF , 222px 1479px #FFF , 218px 1348px #FFF , 1466px 1804px #FFF , 978px 716px #FFF , 1409px 1594px #FFF , 927px 1533px #FFF , 1975px 651px #FFF , 634px 1501px #FFF , 268px 1922px #FFF , 1032px 1220px #FFF , 1153px 1344px #FFF , 1346px 1222px #FFF , 41px 152px #FFF , 1270px 548px #FFF , 153px 1950px #FFF , 1555px 1166px #FFF , 1090px 1407px #FFF , 1830px 1634px #FFF , 431px 1958px #FFF , 137px 295px #FFF , 1651px 1430px #FFF , 436px 1231px #FFF , 1060px 1688px #FFF , 569px 107px #FFF , 653px 1151px #FFF , 1038px 78px #FFF , 1860px 518px #FFF , 1713px 1317px #FFF , 598px 1819px #FFF , 1328px 1611px #FFF , 116px 268px #FFF , 446px 1491px #FFF , 1723px 547px #FFF , 822px 193px #FFF , 91px 911px #FFF , 1103px 1491px #FFF , 286px 1117px #FFF , 771px 1852px #FFF , 1082px 1638px #FFF , 403px 1895px #FFF , 735px 110px #FFF , 1495px 373px #FFF , 952px 1185px #FFF , 1316px 520px #FFF , 264px 1781px #FFF , 1995px 19px #FFF , 1865px 1636px #FFF , 787px 952px #FFF , 361px 1912px #FFF , 286px 909px #FFF , 1494px 1519px #FFF , 1790px 340px #FFF , 1095px 136px #FFF , 669px 1157px #FFF , 1275px 1289px #FFF , 1469px 664px #FFF , 1551px 342px #FFF , 1012px 269px #FFF , 1368px 1450px #FFF , 1593px 704px #FFF , 1260px 684px #FFF , 1334px 1377px #FFF , 1913px 1799px #FFF , 115px 1004px #FFF , 1692px 1832px #FFF , 1934px 81px #FFF , 26px 539px #FFF , 464px 1325px #FFF , 1898px 99px #FFF , 1968px 1976px #FFF , 699px 697px #FFF , 1685px 1978px #FFF , 740px 553px #FFF , 1017px 958px #FFF , 283px 306px #FFF , 234px 1311px #FFF , 1194px 1414px #FFF , 1019px 1000px #FFF , 225px 484px #FFF , 1446px 774px #FFF , 1210px 884px #FFF , 1203px 1163px #FFF , 1274px 766px #FFF , 857px 274px #FFF , 1901px 1572px #FFF , 366px 1801px #FFF , 565px 597px #FFF , 1432px 1358px #FFF , 132px 187px #FFF , 806px 1249px #FFF , 246px 1164px #FFF , 882px 1377px #FFF , 861px 630px #FFF , 950px 154px #FFF , 1562px 1046px #FFF , 1997px 1651px #FFF , 412px 1761px #FFF , 274px 295px #FFF , 756px 826px #FFF , 1404px 580px #FFF , 1669px 1512px #FFF , 1505px 547px #FFF , 1897px 1186px #FFF , 386px 980px #FFF , 1277px 872px #FFF , 522px 1412px #FFF , 1333px 238px #FFF , 1651px 232px #FFF , 146px 1733px #FFF , 1244px 468px #FFF , 1361px 1127px #FFF , 356px 1191px #FFF , 405px 1877px #FFF , 1989px 341px #FFF , 1486px 187px #FFF , 143px 1521px #FFF , 1868px 550px #FFF , 1410px 1403px #FFF , 1184px 304px #FFF , 1515px 1335px #FFF , 894px 1394px #FFF , 1739px 1149px #FFF , 1048px 90px #FFF , 1607px 238px #FFF , 1466px 1312px #FFF , 1767px 1853px #FFF , 1044px 1084px #FFF , 253px 1196px #FFF , 1160px 1269px #FFF , 682px 230px #FFF , 1807px 1788px #FFF , 166px 1647px #FFF , 1251px 136px #FFF , 1133px 90px #FFF , 1768px 1147px #FFF , 1567px 1724px #FFF , 1749px 1061px #FFF , 602px 488px #FFF , 867px 1156px #FFF , 1562px 1987px #FFF , 1644px 275px #FFF , 1184px 941px #FFF , 796px 1194px #FFF , 249px 711px #FFF , 1221px 1185px #FFF , 618px 1833px #FFF , 619px 1430px #FFF , 1124px 754px #FFF , 1889px 611px #FFF , 1593px 1637px #FFF , 1995px 1061px #FFF , 1107px 1509px #FFF , 1468px 383px #FFF , 1224px 1621px #FFF , 1737px 821px #FFF , 491px 855px #FFF , 742px 1079px #FFF , 814px 1937px #FFF , 381px 1863px #FFF , 1037px 1236px #FFF , 645px 1599px #FFF , 29px 1378px #FFF , 809px 791px #FFF , 253px 1053px #FFF , 383px 1563px #FFF , 1060px 1729px #FFF , 1539px 178px #FFF , 1425px 1182px #FFF , 1671px 1921px #FFF , 438px 107px #FFF , 313px 1863px #FFF , 88px 676px #FFF , 1823px 1878px #FFF , 933px 1947px #FFF , 735px 209px #FFF , 320px 1505px #FFF , 1672px 1562px #FFF , 1415px 1717px #FFF , 1739px 383px #FFF , 1565px 368px #FFF , 315px 1496px #FFF , 118px 753px #FFF , 351px 1124px #FFF , 833px 1725px #FFF , 1965px 1501px #FFF , 1730px 918px #FFF , 1120px 1414px #FFF , 1564px 1946px #FFF , 847px 31px #FFF , 618px 1726px #FFF , 1039px 1556px #FFF , 867px 1929px #FFF , 1351px 1863px #FFF , 1583px 1794px #FFF , 1394px 181px #FFF , 1266px 1912px #FFF , 787px 1052px #FFF , 633px 755px #FFF , 1698px 1238px #FFF , 251px 426px #FFF , 1403px 842px #FFF , 118px 1152px #FFF , 1948px 394px #FFF , 1399px 1117px #FFF , 1472px 1433px #FFF , 1893px 1213px #FFF , 258px 1132px #FFF , 1144px 1043px #FFF , 1011px 961px #FFF , 1648px 112px #FFF , 1184px 1788px #FFF , 1667px 727px #FFF , 1806px 504px #FFF , 1965px 991px #FFF , 1349px 880px #FFF , 344px 270px #FFF , 241px 454px #FFF , 12px 157px #FFF , 1460px 298px #FFF , 1155px 331px #FFF , 502px 204px #FFF , 662px 1351px #FFF , 1179px 1306px #FFF , 406px 1580px #FFF , 801px 571px #FFF , 1321px 1177px #FFF , 393px 176px #FFF , 712px 742px #FFF , 189px 501px #FFF , 632px 374px #FFF , 1208px 175px #FFF , 519px 1356px #FFF , 941px 1250px #FFF , 296px 1757px #FFF , 850px 1844px #FFF , 1367px 1354px #FFF , 1297px 973px #FFF , 520px 1201px #FFF , 156px 1623px #FFF , 1213px 1297px #FFF , 557px 116px #FFF , 293px 395px #FFF , 1122px 398px #FFF , 633px 1872px #FFF , 986px 1696px #FFF , 1255px 203px #FFF , 1646px 151px #FFF , 1971px 51px #FFF , 1065px 30px #FFF , 1158px 1208px #FFF , 1698px 74px #FFF , 1056px 87px #FFF , 827px 1682px #FFF , 1229px 1488px #FFF , 1619px 1945px #FFF , 279px 1606px #FFF , 295px 209px #FFF , 254px 1332px #FFF , 242px 1865px #FFF , 67px 816px #FFF , 284px 1986px #FFF , 1280px 1054px #FFF , 1767px 2px #FFF , 1584px 1122px #FFF , 434px 1964px #FFF , 1426px 359px #FFF , 819px 48px #FFF , 1178px 1028px #FFF , 1232px 1870px #FFF , 566px 1945px #FFF , 1674px 265px #FFF , 1809px 424px #FFF , 1613px 542px #FFF , 891px 1267px #FFF , 1915px 56px #FFF , 1218px 1912px #FFF , 610px 1601px #FFF , 1285px 172px #FFF , 1005px 1709px #FFF , 1215px 1619px #FFF , 33px 448px #FFF , 1883px 3px #FFF , 644px 267px #FFF , 811px 141px #FFF , 122px 994px #FFF , 429px 906px #FFF , 19px 825px #FFF , 1875px 1864px #FFF , 473px 118px #FFF , 993px 1923px #FFF , 173px 925px #FFF , 1878px 1218px #FFF , 892px 347px #FFF , 1453px 1559px #FFF , 1856px 1185px #FFF , 96px 152px #FFF , 473px 1048px #FFF , 1774px 1105px #FFF , 1785px 1703px #FFF , 1068px 1911px #FFF , 1047px 246px #FFF , 236px 1169px #FFF , 1115px 1489px #FFF , 1892px 1078px #FFF , 1856px 231px #FFF , 1237px 1691px #FFF , 709px 1749px #FFF , 1177px 215px #FFF , 732px 1046px #FFF , 837px 109px #FFF , 1744px 1176px #FFF , 1745px 1692px #FFF , 1112px 1341px #FFF , 1992px 462px #FFF , 1714px 998px #FFF , 381px 1542px #FFF , 52px 529px #FFF , 1943px 250px #FFF , 1098px 321px #FFF , 1686px 452px #FFF , 12px 1445px #FFF , 1942px 1717px #FFF , 1425px 412px #FFF , 1968px 1733px #FFF , 828px 1850px #FFF , 287px 1979px #FFF , 846px 1865px #FFF , 738px 1710px #FFF , 396px 609px #FFF , 1212px 1802px #FFF , 1719px 825px #FFF , 121px 1230px #FFF , 942px 1851px #FFF , 1055px 1223px #FFF , 1590px 1724px #FFF , 959px 810px #FFF , 1295px 374px #FFF , 190px 837px #FFF , 983px 501px #FFF , 870px 36px #FFF , 1668px 439px #FFF , 1229px 738px #FFF , 1739px 631px #FFF , 1043px 1811px #FFF , 777px 1116px #FFF , 1441px 1251px #FFF , 1656px 1907px #FFF , 1692px 399px #FFF , 974px 972px #FFF , 52px 1551px #FFF , 1140px 1535px #FFF , 1754px 1267px #FFF , 1007px 1234px #FFF , 1686px 1038px #FFF , 193px 1447px #FFF , 1549px 58px #FFF , 1335px 1836px #FFF , 252px 1471px #FFF , 488px 1301px #FFF , 882px 1776px #FFF , 1037px 228px #FFF , 914px 825px #FFF , 1055px 1043px #FFF , 1241px 984px #FFF , 853px 266px #FFF , 680px 1596px #FFF , 1051px 609px #FFF , 1408px 1583px #FFF , 1869px 713px #FFF , 239px 431px #FFF , 491px 1711px #FFF , 1295px 1834px #FFF , 455px 327px #FFF , 247px 902px #FFF , 1410px 378px #FFF , 1779px 1570px #FFF , 1224px 36px #FFF , 208px 1707px #FFF , 20px 769px #FFF , 1240px 1274px #FFF , 1573px 1562px #FFF , 1597px 1778px #FFF , 1859px 1422px #FFF , 792px 1875px #FFF , 58px 1893px #FFF , 1079px 1065px #FFF , 1319px 302px #FFF , 623px 861px #FFF , 1297px 1127px #FFF , 660px 1492px #FFF , 1556px 354px #FFF , 1810px 1245px #FFF , 1388px 79px #FFF , 524px 640px #FFF , 11px 729px #FFF , 721px 1211px #FFF , 1925px 71px #FFF , 1941px 1699px #FFF , 1483px 9px #FFF , 1533px 1238px #FFF , 626px 1148px #FFF , 595px 196px #FFF , 1516px 403px #FFF , 270px 495px #FFF , 1890px 932px #FFF , 1386px 475px #FFF , 947px 640px #FFF , 1048px 1979px #FFF , 804px 1992px #FFF , 1711px 1357px #FFF , 1288px 1862px #FFF , 966px 1511px #FFF , 1679px 1863px #FFF , 860px 460px #FFF , 1791px 1605px #FFF , 1056px 1882px #FFF , 1532px 988px #FFF , 197px 1319px #FFF , 11px 158px #FFF , 501px 1909px #FFF , 869px 843px #FFF , 1342px 530px #FFF , 1263px 1267px #FFF , 259px 368px #FFF , 977px 995px #FFF , 1418px 30px #FFF , 584px 554px #FFF , 1328px 1865px #FFF , 259px 45px #FFF , 594px 1789px #FFF , 546px 442px #FFF , 1762px 1941px #FFF , 759px 63px #FFF , 848px 1881px #FFF , 1746px 666px #FFF , 10px 1868px #FFF , 949px 1875px #FFF , 585px 1153px #FFF , 1296px 1427px #FFF , 1130px 1425px #FFF , 1568px 563px #FFF , 172px 258px #FFF , 864px 1523px #FFF , 429px 1412px #FFF , 1171px 1485px #FFF , 561px 947px #FFF , 1814px 122px #FFF , 1292px 88px #FFF , 1233px 1594px #FFF , 202px 1301px #FFF , 417px 1907px #FFF , 1987px 383px #FFF , 1152px 23px #FFF , 1336px 607px #FFF , 1086px 938px #FFF , 6px 1655px #FFF , 165px 230px #FFF , 1994px 896px #FFF , 822px 1436px #FFF , 1270px 355px #FFF , 739px 1409px #FFF , 338px 1784px #FFF , 165px 1407px #FFF , 1960px 1861px #FFF , 698px 513px #FFF , 491px 1128px #FFF , 589px 1292px #FFF , 47px 458px #FFF , 1554px 661px #FFF , 633px 1905px #FFF , 121px 209px #FFF , 429px 1339px #FFF , 543px 792px #FFF , 1201px 1749px #FFF , 1443px 1503px #FFF , 1598px 876px #FFF , 1722px 1303px #FFF , 1960px 875px #FFF , 1550px 635px #FFF , 728px 1244px #FFF , 791px 386px #FFF , 703px 32px #FFF , 85px 197px #FFF , 1946px 547px #FFF , 800px 1035px #FFF , 1447px 1217px #FFF , 1532px 402px #FFF , 1312px 1882px #FFF , 1672px 754px #FFF , 1725px 258px #FFF , 684px 1039px #FFF , 685px 164px #FFF , 1667px 747px #FFF , 837px 590px #FFF , 1437px 924px #FFF , 875px 1191px #FFF , 573px 698px #FFF , 1476px 217px #FFF , 31px 1041px #FFF , 530px 1564px #FFF , 916px 823px #FFF , 1713px 494px #FFF , 450px 1325px #FFF , 349px 555px #FFF , 38px 1068px #FFF , 1893px 984px #FFF , 1943px 1736px #FFF , 402px 1847px #FFF , 1478px 1185px #FFF , 426px 1144px #FFF , 998px 1437px #FFF , 364px 908px #FFF , 621px 140px #FFF , 1055px 1947px #FFF , 339px 1723px #FFF , 434px 425px #FFF , 1545px 1199px #FFF , 1520px 1069px #FFF , 1962px 120px #FFF , 1408px 322px #FFF , 660px 1855px #FFF , 1149px 1948px #FFF , 1359px 560px #FFF , 405px 1659px #FFF , 881px 366px #FFF , 1000px 77px #FFF , 135px 983px #FFF , 654px 427px #FFF , 1536px 382px #FFF , 1830px 317px #FFF , 730px 1725px #FFF , 1442px 1726px #FFF , 1156px 1104px #FFF , 984px 1651px #FFF , 553px 1952px #FFF , 282px 133px #FFF , 16px 881px #FFF , 514px 1215px #FFF , 357px 468px #FFF , 1313px 97px #FFF , 1927px 163px #FFF , 1813px 942px #FFF , 1165px 1402px #FFF , 161px 1118px #FFF , 438px 710px #FFF , 1717px 430px #FFF , 1153px 657px #FFF , 384px 1156px #FFF , 52px 577px #FFF , 725px 1583px #FFF , 1040px 1863px #FFF , 629px 1128px #FFF , 1983px 1366px #FFF , 1879px 1418px #FFF , 1266px 941px #FFF , 4px 1498px #FFF , 699px 1149px #FFF , 807px 1012px #FFF , 1060px 1091px #FFF , 1306px 639px #FFF , 430px 905px #FFF , 988px 1139px #FFF , 1106px 815px #FFF , 910px 581px #FFF , 1305px 1799px #FFF , 327px 512px #FFF , 91px 1923px #FFF , 328px 904px #FFF , 1088px 1954px #FFF , 1921px 843px #FFF , 1595px 84px #FFF , 1018px 881px #FFF , 846px 1712px #FFF , 171px 708px #FFF , 528px 1362px #FFF , 276px 1194px #FFF , 1484px 1458px #FFF , 406px 97px #FFF , 299px 987px #FFF , 918px 842px #FFF , 561px 932px #FFF , 1409px 920px #FFF , 75px 163px #FFF , 1927px 1482px #FFF , 356px 336px #FFF , 1330px 1374px #FFF , 912px 1425px #FFF , 1927px 1036px #FFF , 939px 320px #FFF , 137px 513px #FFF , 1087px 386px #FFF , 1311px 721px #FFF , 258px 1813px #FFF , 268px 1205px #FFF , 708px 613px #FFF , 1115px 664px #FFF , 1475px 1701px #FFF , 1431px 1612px #FFF , 1720px 129px #FFF , 1018px 1256px #FFF , 1058px 1890px #FFF , 1230px 1009px #FFF , 1265px 1215px #FFF , 1878px 425px #FFF , 627px 1923px #FFF , 834px 59px #FFF , 131px 33px #FFF , 982px 1337px #FFF , 688px 1912px #FFF , 7px 1916px #FFF , 1002px 1428px #FFF , 651px 612px #FFF , 1062px 48px #FFF , 1726px 399px #FFF , 877px 987px #FFF , 1968px 474px #FFF , 438px 1653px #FFF , 599px 483px #FFF , 225px 1270px #FFF , 954px 1218px #FFF , 1075px 790px #FFF , 318px 1188px #FFF , 63px 872px #FFF , 1437px 1239px #FFF , 1523px 123px #FFF , 112px 799px #FFF , 1383px 1063px #FFF , 828px 309px #FFF , 54px 1190px #FFF , 1887px 1989px #FFF , 1811px 545px #FFF , 237px 495px #FFF , 366px 573px #FFF , 1705px 24px #FFF , 507px 30px #FFF , 148px 607px #FFF , 1386px 435px #FFF , 1613px 337px #FFF , 1738px 105px #FFF , 1950px 1230px #FFF , 1380px 27px #FFF , 560px 1631px #FFF , 570px 1736px #FFF , 638px 1458px #FFF , 1517px 621px #FFF , 40px 1819px #FFF , 1127px 864px #FFF , 705px 773px #FFF , 658px 1541px #FFF , 424px 1289px #FFF , 812px 317px #FFF , 316px 230px #FFF , 1688px 145px #FFF , 1212px 511px #FFF , 454px 506px #FFF , 825px 686px #FFF , 1172px 642px #FFF , 1227px 924px #FFF , 823px 1940px #FFF , 861px 386px #FFF , 513px 279px #FFF , 148px 647px #FFF , 1956px 523px #FFF , 172px 498px #FFF , 428px 93px #FFF , 302px 1973px #FFF , 853px 506px #FFF , 4px 1079px #FFF , 1995px 1215px #FFF , 87px 286px #FFF , 1758px 1076px #FFF , 607px 1950px #FFF , 1990px 595px #FFF , 1601px 253px #FFF , 443px 276px #FFF , 796px 1767px #FFF , 805px 1805px #FFF , 1717px 1736px #FFF , 1119px 1836px #FFF , 64px 412px #FFF , 1119px 1925px #FFF , 818px 542px #FFF , 1399px 771px #FFF , 1226px 742px #FFF , 1891px 76px #FFF , 289px 832px #FFF , 803px 1856px #FFF , 387px 1647px #FFF , 1441px 788px #FFF , 917px 1906px #FFF , 1224px 1003px #FFF;
    animation: animStar 50s linear infinite;
}

#stars-1:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 1068px 1231px #FFF , 65px 1230px #FFF , 1415px 611px #FFF , 1088px 1908px #FFF , 962px 1746px #FFF , 598px 793px #FFF , 967px 564px #FFF , 1499px 1615px #FFF , 1770px 1312px #FFF , 222px 1479px #FFF , 218px 1348px #FFF , 1466px 1804px #FFF , 978px 716px #FFF , 1409px 1594px #FFF , 927px 1533px #FFF , 1975px 651px #FFF , 634px 1501px #FFF , 268px 1922px #FFF , 1032px 1220px #FFF , 1153px 1344px #FFF , 1346px 1222px #FFF , 41px 152px #FFF , 1270px 548px #FFF , 153px 1950px #FFF , 1555px 1166px #FFF , 1090px 1407px #FFF , 1830px 1634px #FFF , 431px 1958px #FFF , 137px 295px #FFF , 1651px 1430px #FFF , 436px 1231px #FFF , 1060px 1688px #FFF , 569px 107px #FFF , 653px 1151px #FFF , 1038px 78px #FFF , 1860px 518px #FFF , 1713px 1317px #FFF , 598px 1819px #FFF , 1328px 1611px #FFF , 116px 268px #FFF , 446px 1491px #FFF , 1723px 547px #FFF , 822px 193px #FFF , 91px 911px #FFF , 1103px 1491px #FFF , 286px 1117px #FFF , 771px 1852px #FFF , 1082px 1638px #FFF , 403px 1895px #FFF , 735px 110px #FFF , 1495px 373px #FFF , 952px 1185px #FFF , 1316px 520px #FFF , 264px 1781px #FFF , 1995px 19px #FFF , 1865px 1636px #FFF , 787px 952px #FFF , 361px 1912px #FFF , 286px 909px #FFF , 1494px 1519px #FFF , 1790px 340px #FFF , 1095px 136px #FFF , 669px 1157px #FFF , 1275px 1289px #FFF , 1469px 664px #FFF , 1551px 342px #FFF , 1012px 269px #FFF , 1368px 1450px #FFF , 1593px 704px #FFF , 1260px 684px #FFF , 1334px 1377px #FFF , 1913px 1799px #FFF , 115px 1004px #FFF , 1692px 1832px #FFF , 1934px 81px #FFF , 26px 539px #FFF , 464px 1325px #FFF , 1898px 99px #FFF , 1968px 1976px #FFF , 699px 697px #FFF , 1685px 1978px #FFF , 740px 553px #FFF , 1017px 958px #FFF , 283px 306px #FFF , 234px 1311px #FFF , 1194px 1414px #FFF , 1019px 1000px #FFF , 225px 484px #FFF , 1446px 774px #FFF , 1210px 884px #FFF , 1203px 1163px #FFF , 1274px 766px #FFF , 857px 274px #FFF , 1901px 1572px #FFF , 366px 1801px #FFF , 565px 597px #FFF , 1432px 1358px #FFF , 132px 187px #FFF , 806px 1249px #FFF , 246px 1164px #FFF , 882px 1377px #FFF , 861px 630px #FFF , 950px 154px #FFF , 1562px 1046px #FFF , 1997px 1651px #FFF , 412px 1761px #FFF , 274px 295px #FFF , 756px 826px #FFF , 1404px 580px #FFF , 1669px 1512px #FFF , 1505px 547px #FFF , 1897px 1186px #FFF , 386px 980px #FFF , 1277px 872px #FFF , 522px 1412px #FFF , 1333px 238px #FFF , 1651px 232px #FFF , 146px 1733px #FFF , 1244px 468px #FFF , 1361px 1127px #FFF , 356px 1191px #FFF , 405px 1877px #FFF , 1989px 341px #FFF , 1486px 187px #FFF , 143px 1521px #FFF , 1868px 550px #FFF , 1410px 1403px #FFF , 1184px 304px #FFF , 1515px 1335px #FFF , 894px 1394px #FFF , 1739px 1149px #FFF , 1048px 90px #FFF , 1607px 238px #FFF , 1466px 1312px #FFF , 1767px 1853px #FFF , 1044px 1084px #FFF , 253px 1196px #FFF , 1160px 1269px #FFF , 682px 230px #FFF , 1807px 1788px #FFF , 166px 1647px #FFF , 1251px 136px #FFF , 1133px 90px #FFF , 1768px 1147px #FFF , 1567px 1724px #FFF , 1749px 1061px #FFF , 602px 488px #FFF , 867px 1156px #FFF , 1562px 1987px #FFF , 1644px 275px #FFF , 1184px 941px #FFF , 796px 1194px #FFF , 249px 711px #FFF , 1221px 1185px #FFF , 618px 1833px #FFF , 619px 1430px #FFF , 1124px 754px #FFF , 1889px 611px #FFF , 1593px 1637px #FFF , 1995px 1061px #FFF , 1107px 1509px #FFF , 1468px 383px #FFF , 1224px 1621px #FFF , 1737px 821px #FFF , 491px 855px #FFF , 742px 1079px #FFF , 814px 1937px #FFF , 381px 1863px #FFF , 1037px 1236px #FFF , 645px 1599px #FFF , 29px 1378px #FFF , 809px 791px #FFF , 253px 1053px #FFF , 383px 1563px #FFF , 1060px 1729px #FFF , 1539px 178px #FFF , 1425px 1182px #FFF , 1671px 1921px #FFF , 438px 107px #FFF , 313px 1863px #FFF , 88px 676px #FFF , 1823px 1878px #FFF , 933px 1947px #FFF , 735px 209px #FFF , 320px 1505px #FFF , 1672px 1562px #FFF , 1415px 1717px #FFF , 1739px 383px #FFF , 1565px 368px #FFF , 315px 1496px #FFF , 118px 753px #FFF , 351px 1124px #FFF , 833px 1725px #FFF , 1965px 1501px #FFF , 1730px 918px #FFF , 1120px 1414px #FFF , 1564px 1946px #FFF , 847px 31px #FFF , 618px 1726px #FFF , 1039px 1556px #FFF , 867px 1929px #FFF , 1351px 1863px #FFF , 1583px 1794px #FFF , 1394px 181px #FFF , 1266px 1912px #FFF , 787px 1052px #FFF , 633px 755px #FFF , 1698px 1238px #FFF , 251px 426px #FFF , 1403px 842px #FFF , 118px 1152px #FFF , 1948px 394px #FFF , 1399px 1117px #FFF , 1472px 1433px #FFF , 1893px 1213px #FFF , 258px 1132px #FFF , 1144px 1043px #FFF , 1011px 961px #FFF , 1648px 112px #FFF , 1184px 1788px #FFF , 1667px 727px #FFF , 1806px 504px #FFF , 1965px 991px #FFF , 1349px 880px #FFF , 344px 270px #FFF , 241px 454px #FFF , 12px 157px #FFF , 1460px 298px #FFF , 1155px 331px #FFF , 502px 204px #FFF , 662px 1351px #FFF , 1179px 1306px #FFF , 406px 1580px #FFF , 801px 571px #FFF , 1321px 1177px #FFF , 393px 176px #FFF , 712px 742px #FFF , 189px 501px #FFF , 632px 374px #FFF , 1208px 175px #FFF , 519px 1356px #FFF , 941px 1250px #FFF , 296px 1757px #FFF , 850px 1844px #FFF , 1367px 1354px #FFF , 1297px 973px #FFF , 520px 1201px #FFF , 156px 1623px #FFF , 1213px 1297px #FFF , 557px 116px #FFF , 293px 395px #FFF , 1122px 398px #FFF , 633px 1872px #FFF , 986px 1696px #FFF , 1255px 203px #FFF , 1646px 151px #FFF , 1971px 51px #FFF , 1065px 30px #FFF , 1158px 1208px #FFF , 1698px 74px #FFF , 1056px 87px #FFF , 827px 1682px #FFF , 1229px 1488px #FFF , 1619px 1945px #FFF , 279px 1606px #FFF , 295px 209px #FFF , 254px 1332px #FFF , 242px 1865px #FFF , 67px 816px #FFF , 284px 1986px #FFF , 1280px 1054px #FFF , 1767px 2px #FFF , 1584px 1122px #FFF , 434px 1964px #FFF , 1426px 359px #FFF , 819px 48px #FFF , 1178px 1028px #FFF , 1232px 1870px #FFF , 566px 1945px #FFF , 1674px 265px #FFF , 1809px 424px #FFF , 1613px 542px #FFF , 891px 1267px #FFF , 1915px 56px #FFF , 1218px 1912px #FFF , 610px 1601px #FFF , 1285px 172px #FFF , 1005px 1709px #FFF , 1215px 1619px #FFF , 33px 448px #FFF , 1883px 3px #FFF , 644px 267px #FFF , 811px 141px #FFF , 122px 994px #FFF , 429px 906px #FFF , 19px 825px #FFF , 1875px 1864px #FFF , 473px 118px #FFF , 993px 1923px #FFF , 173px 925px #FFF , 1878px 1218px #FFF , 892px 347px #FFF , 1453px 1559px #FFF , 1856px 1185px #FFF , 96px 152px #FFF , 473px 1048px #FFF , 1774px 1105px #FFF , 1785px 1703px #FFF , 1068px 1911px #FFF , 1047px 246px #FFF , 236px 1169px #FFF , 1115px 1489px #FFF , 1892px 1078px #FFF , 1856px 231px #FFF , 1237px 1691px #FFF , 709px 1749px #FFF , 1177px 215px #FFF , 732px 1046px #FFF , 837px 109px #FFF , 1744px 1176px #FFF , 1745px 1692px #FFF , 1112px 1341px #FFF , 1992px 462px #FFF , 1714px 998px #FFF , 381px 1542px #FFF , 52px 529px #FFF , 1943px 250px #FFF , 1098px 321px #FFF , 1686px 452px #FFF , 12px 1445px #FFF , 1942px 1717px #FFF , 1425px 412px #FFF , 1968px 1733px #FFF , 828px 1850px #FFF , 287px 1979px #FFF , 846px 1865px #FFF , 738px 1710px #FFF , 396px 609px #FFF , 1212px 1802px #FFF , 1719px 825px #FFF , 121px 1230px #FFF , 942px 1851px #FFF , 1055px 1223px #FFF , 1590px 1724px #FFF , 959px 810px #FFF , 1295px 374px #FFF , 190px 837px #FFF , 983px 501px #FFF , 870px 36px #FFF , 1668px 439px #FFF , 1229px 738px #FFF , 1739px 631px #FFF , 1043px 1811px #FFF , 777px 1116px #FFF , 1441px 1251px #FFF , 1656px 1907px #FFF , 1692px 399px #FFF , 974px 972px #FFF , 52px 1551px #FFF , 1140px 1535px #FFF , 1754px 1267px #FFF , 1007px 1234px #FFF , 1686px 1038px #FFF , 193px 1447px #FFF , 1549px 58px #FFF , 1335px 1836px #FFF , 252px 1471px #FFF , 488px 1301px #FFF , 882px 1776px #FFF , 1037px 228px #FFF , 914px 825px #FFF , 1055px 1043px #FFF , 1241px 984px #FFF , 853px 266px #FFF , 680px 1596px #FFF , 1051px 609px #FFF , 1408px 1583px #FFF , 1869px 713px #FFF , 239px 431px #FFF , 491px 1711px #FFF , 1295px 1834px #FFF , 455px 327px #FFF , 247px 902px #FFF , 1410px 378px #FFF , 1779px 1570px #FFF , 1224px 36px #FFF , 208px 1707px #FFF , 20px 769px #FFF , 1240px 1274px #FFF , 1573px 1562px #FFF , 1597px 1778px #FFF , 1859px 1422px #FFF , 792px 1875px #FFF , 58px 1893px #FFF , 1079px 1065px #FFF , 1319px 302px #FFF , 623px 861px #FFF , 1297px 1127px #FFF , 660px 1492px #FFF , 1556px 354px #FFF , 1810px 1245px #FFF , 1388px 79px #FFF , 524px 640px #FFF , 11px 729px #FFF , 721px 1211px #FFF , 1925px 71px #FFF , 1941px 1699px #FFF , 1483px 9px #FFF , 1533px 1238px #FFF , 626px 1148px #FFF , 595px 196px #FFF , 1516px 403px #FFF , 270px 495px #FFF , 1890px 932px #FFF , 1386px 475px #FFF , 947px 640px #FFF , 1048px 1979px #FFF , 804px 1992px #FFF , 1711px 1357px #FFF , 1288px 1862px #FFF , 966px 1511px #FFF , 1679px 1863px #FFF , 860px 460px #FFF , 1791px 1605px #FFF , 1056px 1882px #FFF , 1532px 988px #FFF , 197px 1319px #FFF , 11px 158px #FFF , 501px 1909px #FFF , 869px 843px #FFF , 1342px 530px #FFF , 1263px 1267px #FFF , 259px 368px #FFF , 977px 995px #FFF , 1418px 30px #FFF , 584px 554px #FFF , 1328px 1865px #FFF , 259px 45px #FFF , 594px 1789px #FFF , 546px 442px #FFF , 1762px 1941px #FFF , 759px 63px #FFF , 848px 1881px #FFF , 1746px 666px #FFF , 10px 1868px #FFF , 949px 1875px #FFF , 585px 1153px #FFF , 1296px 1427px #FFF , 1130px 1425px #FFF , 1568px 563px #FFF , 172px 258px #FFF , 864px 1523px #FFF , 429px 1412px #FFF , 1171px 1485px #FFF , 561px 947px #FFF , 1814px 122px #FFF , 1292px 88px #FFF , 1233px 1594px #FFF , 202px 1301px #FFF , 417px 1907px #FFF , 1987px 383px #FFF , 1152px 23px #FFF , 1336px 607px #FFF , 1086px 938px #FFF , 6px 1655px #FFF , 165px 230px #FFF , 1994px 896px #FFF , 822px 1436px #FFF , 1270px 355px #FFF , 739px 1409px #FFF , 338px 1784px #FFF , 165px 1407px #FFF , 1960px 1861px #FFF , 698px 513px #FFF , 491px 1128px #FFF , 589px 1292px #FFF , 47px 458px #FFF , 1554px 661px #FFF , 633px 1905px #FFF , 121px 209px #FFF , 429px 1339px #FFF , 543px 792px #FFF , 1201px 1749px #FFF , 1443px 1503px #FFF , 1598px 876px #FFF , 1722px 1303px #FFF , 1960px 875px #FFF , 1550px 635px #FFF , 728px 1244px #FFF , 791px 386px #FFF , 703px 32px #FFF , 85px 197px #FFF , 1946px 547px #FFF , 800px 1035px #FFF , 1447px 1217px #FFF , 1532px 402px #FFF , 1312px 1882px #FFF , 1672px 754px #FFF , 1725px 258px #FFF , 684px 1039px #FFF , 685px 164px #FFF , 1667px 747px #FFF , 837px 590px #FFF , 1437px 924px #FFF , 875px 1191px #FFF , 573px 698px #FFF , 1476px 217px #FFF , 31px 1041px #FFF , 530px 1564px #FFF , 916px 823px #FFF , 1713px 494px #FFF , 450px 1325px #FFF , 349px 555px #FFF , 38px 1068px #FFF , 1893px 984px #FFF , 1943px 1736px #FFF , 402px 1847px #FFF , 1478px 1185px #FFF , 426px 1144px #FFF , 998px 1437px #FFF , 364px 908px #FFF , 621px 140px #FFF , 1055px 1947px #FFF , 339px 1723px #FFF , 434px 425px #FFF , 1545px 1199px #FFF , 1520px 1069px #FFF , 1962px 120px #FFF , 1408px 322px #FFF , 660px 1855px #FFF , 1149px 1948px #FFF , 1359px 560px #FFF , 405px 1659px #FFF , 881px 366px #FFF , 1000px 77px #FFF , 135px 983px #FFF , 654px 427px #FFF , 1536px 382px #FFF , 1830px 317px #FFF , 730px 1725px #FFF , 1442px 1726px #FFF , 1156px 1104px #FFF , 984px 1651px #FFF , 553px 1952px #FFF , 282px 133px #FFF , 16px 881px #FFF , 514px 1215px #FFF , 357px 468px #FFF , 1313px 97px #FFF , 1927px 163px #FFF , 1813px 942px #FFF , 1165px 1402px #FFF , 161px 1118px #FFF , 438px 710px #FFF , 1717px 430px #FFF , 1153px 657px #FFF , 384px 1156px #FFF , 52px 577px #FFF , 725px 1583px #FFF , 1040px 1863px #FFF , 629px 1128px #FFF , 1983px 1366px #FFF , 1879px 1418px #FFF , 1266px 941px #FFF , 4px 1498px #FFF , 699px 1149px #FFF , 807px 1012px #FFF , 1060px 1091px #FFF , 1306px 639px #FFF , 430px 905px #FFF , 988px 1139px #FFF , 1106px 815px #FFF , 910px 581px #FFF , 1305px 1799px #FFF , 327px 512px #FFF , 91px 1923px #FFF , 328px 904px #FFF , 1088px 1954px #FFF , 1921px 843px #FFF , 1595px 84px #FFF , 1018px 881px #FFF , 846px 1712px #FFF , 171px 708px #FFF , 528px 1362px #FFF , 276px 1194px #FFF , 1484px 1458px #FFF , 406px 97px #FFF , 299px 987px #FFF , 918px 842px #FFF , 561px 932px #FFF , 1409px 920px #FFF , 75px 163px #FFF , 1927px 1482px #FFF , 356px 336px #FFF , 1330px 1374px #FFF , 912px 1425px #FFF , 1927px 1036px #FFF , 939px 320px #FFF , 137px 513px #FFF , 1087px 386px #FFF , 1311px 721px #FFF , 258px 1813px #FFF , 268px 1205px #FFF , 708px 613px #FFF , 1115px 664px #FFF , 1475px 1701px #FFF , 1431px 1612px #FFF , 1720px 129px #FFF , 1018px 1256px #FFF , 1058px 1890px #FFF , 1230px 1009px #FFF , 1265px 1215px #FFF , 1878px 425px #FFF , 627px 1923px #FFF , 834px 59px #FFF , 131px 33px #FFF , 982px 1337px #FFF , 688px 1912px #FFF , 7px 1916px #FFF , 1002px 1428px #FFF , 651px 612px #FFF , 1062px 48px #FFF , 1726px 399px #FFF , 877px 987px #FFF , 1968px 474px #FFF , 438px 1653px #FFF , 599px 483px #FFF , 225px 1270px #FFF , 954px 1218px #FFF , 1075px 790px #FFF , 318px 1188px #FFF , 63px 872px #FFF , 1437px 1239px #FFF , 1523px 123px #FFF , 112px 799px #FFF , 1383px 1063px #FFF , 828px 309px #FFF , 54px 1190px #FFF , 1887px 1989px #FFF , 1811px 545px #FFF , 237px 495px #FFF , 366px 573px #FFF , 1705px 24px #FFF , 507px 30px #FFF , 148px 607px #FFF , 1386px 435px #FFF , 1613px 337px #FFF , 1738px 105px #FFF , 1950px 1230px #FFF , 1380px 27px #FFF , 560px 1631px #FFF , 570px 1736px #FFF , 638px 1458px #FFF , 1517px 621px #FFF , 40px 1819px #FFF , 1127px 864px #FFF , 705px 773px #FFF , 658px 1541px #FFF , 424px 1289px #FFF , 812px 317px #FFF , 316px 230px #FFF , 1688px 145px #FFF , 1212px 511px #FFF , 454px 506px #FFF , 825px 686px #FFF , 1172px 642px #FFF , 1227px 924px #FFF , 823px 1940px #FFF , 861px 386px #FFF , 513px 279px #FFF , 148px 647px #FFF , 1956px 523px #FFF , 172px 498px #FFF , 428px 93px #FFF , 302px 1973px #FFF , 853px 506px #FFF , 4px 1079px #FFF , 1995px 1215px #FFF , 87px 286px #FFF , 1758px 1076px #FFF , 607px 1950px #FFF , 1990px 595px #FFF , 1601px 253px #FFF , 443px 276px #FFF , 796px 1767px #FFF , 805px 1805px #FFF , 1717px 1736px #FFF , 1119px 1836px #FFF , 64px 412px #FFF , 1119px 1925px #FFF , 818px 542px #FFF , 1399px 771px #FFF , 1226px 742px #FFF , 1891px 76px #FFF , 289px 832px #FFF , 803px 1856px #FFF , 387px 1647px #FFF , 1441px 788px #FFF , 917px 1906px #FFF , 1224px 1003px #FFF;
}

#stars-2 {
    width: 2px;
    height: 2px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 858px 1809px #FFF , 351px 1136px #FFF , 1146px 1826px #FFF , 1231px 1125px #FFF , 1936px 580px #FFF , 51px 1811px #FFF , 469px 1018px #FFF , 607px 421px #FFF , 732px 1562px #FFF , 1214px 969px #FFF , 385px 993px #FFF , 633px 1095px #FFF , 244px 401px #FFF , 1057px 1820px #FFF , 1926px 1146px #FFF , 835px 403px #FFF , 62px 1273px #FFF , 510px 1058px #FFF , 338px 736px #FFF , 1962px 851px #FFF , 1262px 412px #FFF , 1712px 1504px #FFF , 1727px 225px #FFF , 193px 1112px #FFF , 1456px 880px #FFF , 382px 1873px #FFF , 296px 435px #FFF , 699px 15px #FFF , 567px 1412px #FFF , 821px 1575px #FFF , 100px 1306px #FFF , 1607px 540px #FFF , 1676px 1436px #FFF , 1787px 1559px #FFF , 504px 743px #FFF , 1298px 1452px #FFF , 185px 1870px #FFF , 935px 407px #FFF , 1580px 1759px #FFF , 1741px 1574px #FFF , 286px 646px #FFF , 423px 166px #FFF , 1681px 982px #FFF , 1532px 16px #FFF , 176px 989px #FFF , 815px 647px #FFF , 386px 1987px #FFF , 1806px 1940px #FFF , 338px 1628px #FFF , 232px 265px #FFF , 472px 1699px #FFF , 393px 1996px #FFF , 818px 771px #FFF , 1609px 881px #FFF , 1216px 635px #FFF , 1636px 1416px #FFF , 1508px 1322px #FFF , 1133px 1830px #FFF , 336px 1117px #FFF , 735px 1257px #FFF , 189px 1551px #FFF , 1489px 700px #FFF , 1540px 967px #FFF , 1710px 982px #FFF , 294px 1580px #FFF , 514px 1365px #FFF , 22px 293px #FFF , 1912px 215px #FFF , 1077px 128px #FFF , 1591px 1087px #FFF , 1858px 1196px #FFF , 1448px 1134px #FFF , 1292px 480px #FFF , 1465px 374px #FFF , 1694px 187px #FFF , 1952px 1344px #FFF , 424px 8px #FFF , 1753px 1986px #FFF , 1844px 1115px #FFF , 1725px 1470px #FFF , 1547px 641px #FFF , 749px 1484px #FFF , 749px 1105px #FFF , 1952px 736px #FFF , 671px 1px #FFF , 450px 1263px #FFF , 132px 1468px #FFF , 747px 1977px #FFF , 853px 340px #FFF , 25px 668px #FFF , 1231px 600px #FFF , 648px 853px #FFF , 81px 829px #FFF , 383px 1759px #FFF , 322px 1372px #FFF , 669px 954px #FFF , 297px 1840px #FFF , 600px 1731px #FFF , 543px 1227px #FFF , 1128px 792px #FFF , 2000px 470px #FFF , 741px 628px #FFF , 288px 6px #FFF , 1067px 545px #FFF , 304px 485px #FFF , 1970px 571px #FFF , 1549px 106px #FFF , 836px 204px #FFF , 501px 1515px #FFF , 197px 1957px #FFF , 475px 1661px #FFF , 703px 733px #FFF , 1166px 1598px #FFF , 1326px 1908px #FFF , 1064px 1699px #FFF , 1299px 296px #FFF , 1256px 1640px #FFF , 867px 1963px #FFF , 783px 7px #FFF , 1825px 1316px #FFF , 588px 1734px #FFF , 1606px 372px #FFF , 647px 333px #FFF , 1252px 1136px #FFF , 1546px 276px #FFF , 1405px 724px #FFF , 1160px 214px #FFF , 200px 1392px #FFF , 1173px 993px #FFF , 669px 658px #FFF , 29px 79px #FFF , 1300px 1634px #FFF , 610px 1533px #FFF , 847px 685px #FFF , 1993px 1783px #FFF , 574px 1777px #FFF , 1266px 9px #FFF , 1430px 1859px #FFF , 564px 1301px #FFF , 863px 880px #FFF , 1090px 468px #FFF , 631px 1937px #FFF , 1377px 1496px #FFF , 1640px 1571px #FFF , 818px 1265px #FFF , 530px 533px #FFF , 981px 1710px #FFF , 852px 1795px #FFF , 1453px 949px #FFF , 574px 1721px #FFF , 569px 549px #FFF , 184px 1928px #FFF , 1822px 1208px #FFF , 737px 1388px #FFF , 1784px 1803px #FFF , 651px 1597px #FFF , 937px 1671px #FFF , 410px 219px #FFF , 1167px 728px #FFF , 630px 1256px #FFF , 482px 647px #FFF , 1383px 975px #FFF , 1399px 1125px #FFF , 1782px 1196px #FFF , 354px 1657px #FFF , 163px 4px #FFF , 1067px 1912px #FFF , 1144px 1954px #FFF , 1481px 1528px #FFF , 1150px 1300px #FFF , 1255px 768px #FFF , 1313px 1031px #FFF , 1528px 1221px #FFF , 31px 406px #FFF , 568px 1404px #FFF , 314px 1246px #FFF , 1026px 1087px #FFF , 1879px 1445px #FFF , 1212px 1444px #FFF , 1620px 1151px #FFF , 340px 1088px #FFF , 1373px 252px #FFF , 211px 72px #FFF , 1065px 1102px #FFF , 1827px 1969px #FFF , 736px 92px #FFF , 1932px 229px #FFF , 311px 1437px #FFF , 1902px 481px #FFF , 926px 1276px #FFF , 1425px 436px #FFF , 1447px 1502px #FFF , 251px 1035px #FFF , 1432px 1240px #FFF , 1411px 1261px #FFF , 323px 264px #FFF , 174px 328px #FFF , 960px 1911px #FFF , 515px 808px #FFF , 523px 909px #FFF;
    animation: animStar 100s linear infinite;
}

#stars-2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 858px 1809px #FFF , 351px 1136px #FFF , 1146px 1826px #FFF , 1231px 1125px #FFF , 1936px 580px #FFF , 51px 1811px #FFF , 469px 1018px #FFF , 607px 421px #FFF , 732px 1562px #FFF , 1214px 969px #FFF , 385px 993px #FFF , 633px 1095px #FFF , 244px 401px #FFF , 1057px 1820px #FFF , 1926px 1146px #FFF , 835px 403px #FFF , 62px 1273px #FFF , 510px 1058px #FFF , 338px 736px #FFF , 1962px 851px #FFF , 1262px 412px #FFF , 1712px 1504px #FFF , 1727px 225px #FFF , 193px 1112px #FFF , 1456px 880px #FFF , 382px 1873px #FFF , 296px 435px #FFF , 699px 15px #FFF , 567px 1412px #FFF , 821px 1575px #FFF , 100px 1306px #FFF , 1607px 540px #FFF , 1676px 1436px #FFF , 1787px 1559px #FFF , 504px 743px #FFF , 1298px 1452px #FFF , 185px 1870px #FFF , 935px 407px #FFF , 1580px 1759px #FFF , 1741px 1574px #FFF , 286px 646px #FFF , 423px 166px #FFF , 1681px 982px #FFF , 1532px 16px #FFF , 176px 989px #FFF , 815px 647px #FFF , 386px 1987px #FFF , 1806px 1940px #FFF , 338px 1628px #FFF , 232px 265px #FFF , 472px 1699px #FFF , 393px 1996px #FFF , 818px 771px #FFF , 1609px 881px #FFF , 1216px 635px #FFF , 1636px 1416px #FFF , 1508px 1322px #FFF , 1133px 1830px #FFF , 336px 1117px #FFF , 735px 1257px #FFF , 189px 1551px #FFF , 1489px 700px #FFF , 1540px 967px #FFF , 1710px 982px #FFF , 294px 1580px #FFF , 514px 1365px #FFF , 22px 293px #FFF , 1912px 215px #FFF , 1077px 128px #FFF , 1591px 1087px #FFF , 1858px 1196px #FFF , 1448px 1134px #FFF , 1292px 480px #FFF , 1465px 374px #FFF , 1694px 187px #FFF , 1952px 1344px #FFF , 424px 8px #FFF , 1753px 1986px #FFF , 1844px 1115px #FFF , 1725px 1470px #FFF , 1547px 641px #FFF , 749px 1484px #FFF , 749px 1105px #FFF , 1952px 736px #FFF , 671px 1px #FFF , 450px 1263px #FFF , 132px 1468px #FFF , 747px 1977px #FFF , 853px 340px #FFF , 25px 668px #FFF , 1231px 600px #FFF , 648px 853px #FFF , 81px 829px #FFF , 383px 1759px #FFF , 322px 1372px #FFF , 669px 954px #FFF , 297px 1840px #FFF , 600px 1731px #FFF , 543px 1227px #FFF , 1128px 792px #FFF , 2000px 470px #FFF , 741px 628px #FFF , 288px 6px #FFF , 1067px 545px #FFF , 304px 485px #FFF , 1970px 571px #FFF , 1549px 106px #FFF , 836px 204px #FFF , 501px 1515px #FFF , 197px 1957px #FFF , 475px 1661px #FFF , 703px 733px #FFF , 1166px 1598px #FFF , 1326px 1908px #FFF , 1064px 1699px #FFF , 1299px 296px #FFF , 1256px 1640px #FFF , 867px 1963px #FFF , 783px 7px #FFF , 1825px 1316px #FFF , 588px 1734px #FFF , 1606px 372px #FFF , 647px 333px #FFF , 1252px 1136px #FFF , 1546px 276px #FFF , 1405px 724px #FFF , 1160px 214px #FFF , 200px 1392px #FFF , 1173px 993px #FFF , 669px 658px #FFF , 29px 79px #FFF , 1300px 1634px #FFF , 610px 1533px #FFF , 847px 685px #FFF , 1993px 1783px #FFF , 574px 1777px #FFF , 1266px 9px #FFF , 1430px 1859px #FFF , 564px 1301px #FFF , 863px 880px #FFF , 1090px 468px #FFF , 631px 1937px #FFF , 1377px 1496px #FFF , 1640px 1571px #FFF , 818px 1265px #FFF , 530px 533px #FFF , 981px 1710px #FFF , 852px 1795px #FFF , 1453px 949px #FFF , 574px 1721px #FFF , 569px 549px #FFF , 184px 1928px #FFF , 1822px 1208px #FFF , 737px 1388px #FFF , 1784px 1803px #FFF , 651px 1597px #FFF , 937px 1671px #FFF , 410px 219px #FFF , 1167px 728px #FFF , 630px 1256px #FFF , 482px 647px #FFF , 1383px 975px #FFF , 1399px 1125px #FFF , 1782px 1196px #FFF , 354px 1657px #FFF , 163px 4px #FFF , 1067px 1912px #FFF , 1144px 1954px #FFF , 1481px 1528px #FFF , 1150px 1300px #FFF , 1255px 768px #FFF , 1313px 1031px #FFF , 1528px 1221px #FFF , 31px 406px #FFF , 568px 1404px #FFF , 314px 1246px #FFF , 1026px 1087px #FFF , 1879px 1445px #FFF , 1212px 1444px #FFF , 1620px 1151px #FFF , 340px 1088px #FFF , 1373px 252px #FFF , 211px 72px #FFF , 1065px 1102px #FFF , 1827px 1969px #FFF , 736px 92px #FFF , 1932px 229px #FFF , 311px 1437px #FFF , 1902px 481px #FFF , 926px 1276px #FFF , 1425px 436px #FFF , 1447px 1502px #FFF , 251px 1035px #FFF , 1432px 1240px #FFF , 1411px 1261px #FFF , 323px 264px #FFF , 174px 328px #FFF , 960px 1911px #FFF , 515px 808px #FFF , 523px 909px #FFF;
}

#stars-3 {
    width: 3px;
    height: 3px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 1604px 302px #FFF , 1418px 313px #FFF , 957px 643px #FFF , 1461px 1488px #FFF , 206px 1673px #FFF , 1194px 260px #FFF , 1468px 494px #FFF , 106px 1177px #FFF , 1589px 35px #FFF , 88px 791px #FFF , 738px 1426px #FFF , 1032px 1721px #FFF , 1055px 1000px #FFF , 386px 1551px #FFF , 1423px 749px #FFF , 1711px 510px #FFF , 646px 1370px #FFF , 1526px 1874px #FFF , 739px 521px #FFF , 23px 1647px #FFF , 1167px 1990px #FFF , 1922px 604px #FFF , 1637px 1247px #FFF , 1433px 1268px #FFF , 1100px 1123px #FFF , 733px 1132px #FFF , 1445px 1450px #FFF , 147px 1815px #FFF , 766px 1441px #FFF , 1183px 1228px #FFF , 360px 1709px #FFF , 212px 988px #FFF , 1838px 931px #FFF , 530px 50px #FFF , 856px 90px #FFF , 1020px 1305px #FFF , 1908px 1774px #FFF , 693px 1530px #FFF , 1476px 925px #FFF , 392px 829px #FFF , 585px 229px #FFF , 1456px 1960px #FFF , 352px 1130px #FFF , 952px 883px #FFF , 1703px 575px #FFF , 400px 1540px #FFF , 775px 730px #FFF , 169px 50px #FFF , 1709px 490px #FFF , 1228px 493px #FFF , 912px 1940px #FFF , 1445px 549px #FFF , 819px 1201px #FFF , 1166px 349px #FFF , 1105px 796px #FFF , 1367px 447px #FFF , 261px 211px #FFF , 140px 267px #FFF , 806px 778px #FFF , 1431px 492px #FFF , 624px 119px #FFF , 65px 168px #FFF , 1990px 305px #FFF , 686px 691px #FFF , 1001px 1767px #FFF , 1176px 1256px #FFF , 167px 1957px #FFF , 1946px 1214px #FFF , 1181px 1955px #FFF , 952px 198px #FFF , 205px 1624px #FFF , 444px 44px #FFF , 996px 1983px #FFF , 808px 1826px #FFF , 1836px 340px #FFF , 1708px 455px #FFF , 1241px 9px #FFF , 416px 1503px #FFF , 1208px 974px #FFF , 150px 269px #FFF , 1753px 1319px #FFF , 1852px 1641px #FFF , 1825px 1979px #FFF , 1125px 755px #FFF , 1951px 16px #FFF , 686px 1696px #FFF , 1619px 565px #FFF , 548px 461px #FFF , 1233px 1952px #FFF , 541px 933px #FFF , 211px 1098px #FFF , 835px 885px #FFF , 314px 1681px #FFF , 1005px 1909px #FFF , 674px 254px #FFF , 943px 868px #FFF , 1343px 1476px #FFF , 1274px 1723px #FFF , 550px 1177px #FFF , 710px 1547px #FFF;
    animation: animStar 150s linear infinite;
}

#stars-3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 1604px 302px #FFF , 1418px 313px #FFF , 957px 643px #FFF , 1461px 1488px #FFF , 206px 1673px #FFF , 1194px 260px #FFF , 1468px 494px #FFF , 106px 1177px #FFF , 1589px 35px #FFF , 88px 791px #FFF , 738px 1426px #FFF , 1032px 1721px #FFF , 1055px 1000px #FFF , 386px 1551px #FFF , 1423px 749px #FFF , 1711px 510px #FFF , 646px 1370px #FFF , 1526px 1874px #FFF , 739px 521px #FFF , 23px 1647px #FFF , 1167px 1990px #FFF , 1922px 604px #FFF , 1637px 1247px #FFF , 1433px 1268px #FFF , 1100px 1123px #FFF , 733px 1132px #FFF , 1445px 1450px #FFF , 147px 1815px #FFF , 766px 1441px #FFF , 1183px 1228px #FFF , 360px 1709px #FFF , 212px 988px #FFF , 1838px 931px #FFF , 530px 50px #FFF , 856px 90px #FFF , 1020px 1305px #FFF , 1908px 1774px #FFF , 693px 1530px #FFF , 1476px 925px #FFF , 392px 829px #FFF , 585px 229px #FFF , 1456px 1960px #FFF , 352px 1130px #FFF , 952px 883px #FFF , 1703px 575px #FFF , 400px 1540px #FFF , 775px 730px #FFF , 169px 50px #FFF , 1709px 490px #FFF , 1228px 493px #FFF , 912px 1940px #FFF , 1445px 549px #FFF , 819px 1201px #FFF , 1166px 349px #FFF , 1105px 796px #FFF , 1367px 447px #FFF , 261px 211px #FFF , 140px 267px #FFF , 806px 778px #FFF , 1431px 492px #FFF , 624px 119px #FFF , 65px 168px #FFF , 1990px 305px #FFF , 686px 691px #FFF , 1001px 1767px #FFF , 1176px 1256px #FFF , 167px 1957px #FFF , 1946px 1214px #FFF , 1181px 1955px #FFF , 952px 198px #FFF , 205px 1624px #FFF , 444px 44px #FFF , 996px 1983px #FFF , 808px 1826px #FFF , 1836px 340px #FFF , 1708px 455px #FFF , 1241px 9px #FFF , 416px 1503px #FFF , 1208px 974px #FFF , 150px 269px #FFF , 1753px 1319px #FFF , 1852px 1641px #FFF , 1825px 1979px #FFF , 1125px 755px #FFF , 1951px 16px #FFF , 686px 1696px #FFF , 1619px 565px #FFF , 548px 461px #FFF , 1233px 1952px #FFF , 541px 933px #FFF , 211px 1098px #FFF , 835px 885px #FFF , 314px 1681px #FFF , 1005px 1909px #FFF , 674px 254px #FFF , 943px 868px #FFF , 1343px 1476px #FFF , 1274px 1723px #FFF , 550px 1177px #FFF , 710px 1547px #FFF;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2000px);
    }
}


/* preloader */
#preloader {
    position: fixed;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    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;
}

.preloader-effect {
    width: 60px;
    height: 60px;
}

.preloader-effect > span,
.preloader-effect > span:before,
.preloader-effect > span:after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader-effect > span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-left-color: transparent;
    -webkit-animation: preloader-spinner 2s infinite linear;
    -moz-animation: preloader-spinner 2s infinite linear;
    -ms-animation: preloader-spinner 2s infinite linear;
    -o-animation: preloader-spinner 2s infinite linear;
    animation: preloader-spinner 2s infinite linear;
}

.preloader-effect > span:before {
    width: 75%;
    height: 75%;
    border-right-color: transparent;
}

.preloader-effect > span:after {
    width: 50%;
    height: 50%;
    border-bottom-color: transparent;
}

@-webkit-keyframes preloader-spinner {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes preloader-spinner {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* preload content */
.preload-content {
    position: fixed;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* BG OPACITY CONTROL start */
    background: rgba(0,0,0, .55);
    /* BG OPACITY CONTROL end */
    overflow: hidden;
    z-index: 0;
}


/* center container */
.center-container-home {
    position: absolute;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

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

.center-container {
    position: absolute;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    /* BG OPACITY CONTROL start */
    background: rgba(0,0,0, .65);
    /* BG OPACITY CONTROL end */
}

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


/* owlCarousel */
.owl-carousel {
    overflow: hidden;
    text-align: center;
}

.owl-buttons {
    position: static;
}

.owl-prev,
.owl-next {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -50px;
    width: 105px;
    height: 105px;
    line-height: 105px;
    font-size: 30px;
    text-align: center;
    color: #fff;	
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 6;
}

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

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

.owl-prev:before,
.owl-next:before {
    content: "";
    display: block;
    width: 66%;
    height: 66%;
    position: absolute;
    left: 0;
    top: 17px;
    background: none;	
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-next:before {
    left: auto;
    right: 0;
}

.owl-prev .fa,
.owl-next .fa {
    position: relative;
}

.owl-prev:hover,
.owl-next:hover {	
    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition: 0 none !important;  
}

.owl-prev:hover:before,
.owl-next:hover:before {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.owl-prev:active:before,
.owl-next:active:before {	
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.owl-carousel:hover .owl-prev {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: -35px;
}

.owl-carousel:hover .owl-next {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: -35px;
}

.owl-pagination {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 20px auto 0 auto;
    text-align: center;
}

.owl-page {
    position: relative;
    display: inline-block;
    padding: 6px 4px;
}

.owl-page span {
    width: 15px;
    height: 2px;
    display: block;
    background: rgba(255,255,255, .7);
    position: relative;
    -webkit-box-shadow: 1px 1px 0px rgba(0,0,0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0,0,0, .1);
    box-shadow: 1px 1px 0px rgba(0,0,0, .1);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    z-index: 1000 !important;
}

.owl-page:hover span {
    background: rgba(255,255,255, 1);
}

.owl-page.active span {
    -webkit-transform: scale(1.3333333);
    -moz-transform: scale(1.3333333);
    -ms-transform: scale(1.3333333);
    -o-transform: scale(1.3333333);
    transform: scale(1.3333333);
}

.photos-gallery {
    margin: 17px auto 1px auto;
}

.photos-gallery img {
    max-width: 100%;
    height: auto;
}


/* core owlCarousel */
/* Core Owl Carousel CSS File v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0, 0);
}

/* mouse grab icon */
.grabbing { 
    /* cursor:url(grabbing.png) 8 8, move; */
    cursor: move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

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

/* CUSTOM EXTRAS */
/* CSS3 Transitions */
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* keyframes */
@-webkit-keyframes empty {
    0% {opacity: 1}
}
@-moz-keyframes empty {
    0% {opacity: 1}
}
@keyframes empty {
    0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-moz-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}


/* core magnificPopup */
/* Magnific Popup CSS */
.mfp-bg,.mfp-wrap{left:0;top:0;position:fixed}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;height:100%}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.9;filter:alpha(opacity=90)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container,img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder{cursor:crosshair}.mfp-close,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-close,.mfp-close-btn-in .mfp-close{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:60px!important;height:60px!important;display:block;position:absolute;right:-60px;top:40px;text-decoration:none;text-align:center!important;padding:0;font-style:normal;font-size:24px;font-weight:300;background:#000;line-height:54px}button.mfp-close{background:#000;line-height:10px;opacity:.8}.mfp-close:hover{opacity:1}.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-arrow,.mfp-counter{background:#000;opacity:.5;bottom:4px;width:60px;height:60px;text-align:center}.mfp-arrow:before,.mfp-counter{position:absolute;display:block;color:#fff}.mfp-counter{right:60px;font-size:12px;line-height:60px;white-space:nowrap;left:60px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:before{font-family:FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px;margin-left:-1px;margin-top:-1px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mfp-arrow-left{left:0;top:-64px;position:absolute}.mfp-arrow-left::before{content:"\f104"}.mfp-arrow-right{left:120px;top:-64px;position:absolute}.mfp-arrow-right::before{content:"\f105"}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{display:block;width:auto;height:auto}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.9}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-fade.mfp-bg,.mfp-fade.mfp-wrap .mfp-content{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.9}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .3s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}@media all and (max-width:1199px){.mfp-close{right:0;top:40px}}


/* media queries */
/* 1024px */
@media only screen and (max-width: 1200px) {

    /* layout */
    .mb-heading {
        font-size: 90px;
        letter-spacing: 0.10em;
        margin: 29px auto 29px auto;
    }

    .lower-content {
        margin: 150px auto 100px auto;
    }

}


/* 880px */
@media only screen and (max-width: 880px) {

    /* layout */
    h2 {
        font-size: 50px;
    }

    h2 .get-behind {
        font-size: 80px;
    }

    .mb-slides-wrapper h3 {
        font-size: 12px;
    }

    .mb-heading {
        font-size: 60px;
        letter-spacing: 0.10em;
        margin: 20px auto 23px auto;
    }

    .mb-subheading {
        font-size: 12px;
    }

    .services-columns .border-left-services {
        border-left: none;
    } 

    .services-columns .border-top-services:after {
        border-bottom: none;
    }

    .services-padding {
        padding-left: 15px;
    }

    .transparent-borders {
        visibility: hidden;
        display: none;
    }

    /* navigation */
    #main-menu {
        font-size: 35px;
        width: 326px;
    }

    #main-menu ul {
        width: 326px;
        padding: 0 0 0 27px;
    }

    #main-menu ul li {
        padding: 0 0 2px 0;
    }

    #main-menu .credits {
        font-size: 12px;
        margin: 10px 0 0 9px;
    }

    /* signup form */
    .ex-modal {
        width: -webkit-calc(100% - 180px);
        width: -moz-calc(100% - 180px);
        width: calc(100% - 180px);
        height: -webkit-calc(100% - 180px);
        height: -moz-calc(100% - 180px);
        height: calc(100% - 180px);
        top: 90px;
        left: 90px;
        bottom: 90px;
        right: 90px;
    }

    .ex-modal.show {
        width: -webkit-calc(100% - 180px);
        width: -moz-calc(100% - 180px);
        width: calc(100% - 180px);
        height: -webkit-calc(100% - 180px);
        height: -moz-calc(100% - 180px);
        height: calc(100% - 180px);
        top: 90px;
        left: 90px;
        bottom: 90px;
        right: 90px;
    }

    /* skills */
    #skills li.last {
        margin: 0 0 25px 0;
    }

    /* clouds */
    .clouds {
        height: 200%;
        top: -250px;
    }

    .cloud-1 {
        width: 400%;
        -webkit-transform: scale(0.5,0.5) translate3d(0,0,0);
        -moz-transform: scale(0.5,0.5) translate3d(0,0,0);
        -ms-transform: scale(0.5,0.5) translate3d(0,0,0);
        -o-transform: scale(0.5,0.5) translate3d(0,0,0);
        transform: scale(0.5,0.5) translate3d(0,0,0);
    }

    .cloud-2 {
        width: 400%;
        -webkit-transform: scale(0.5,0.5) translate3d(0,0,0);
        -moz-transform: scale(0.5,0.5) translate3d(0,0,0);
        -ms-transform: scale(0.5,0.5) translate3d(0,0,0);
        -o-transform: scale(0.5,0.5) translate3d(0,0,0);
        transform: scale(0.5,0.5) translate3d(0,0,0);
    }

    .cloud-3 {
        width: 400%;
        -webkit-transform: scale(0.5,0.5) translate3d(0,0,0);
        -moz-transform: scale(0.5,0.5) translate3d(0,0,0);
        -ms-transform: scale(0.5,0.5) translate3d(0,0,0);
        -o-transform: scale(0.5,0.5) translate3d(0,0,0);
        transform: scale(0.5,0.5) translate3d(0,0,0);
    }

}


/* 640px */
@media only screen and (max-width: 640px) {

    /* layout */
    h2 {
        font-size: 45px;
    }

    .line-right {
        visibility: hidden;
        display: none;
    }

    .mb-slides-wrapper h3 {
        font-size: 12px;
    }

    .mb-heading {
        font-size: 50px;
        letter-spacing: 0.10em;
        margin: 21px auto 24px auto;
    }

    .mb-subheading {
        font-size: 12px;
    }

    .services-columns .border-left-services {
        border-left: none;
    } 

    .services-columns .border-top-services:after {
        border-bottom: none;
    }

    .services-padding {
        padding-left: 15px;
    }

    /* navigation */
    #menu {
        position: absolute;
    }

    #main-menu {
        font-size: 25px;
        width: 226px;
    }

    #main-menu ul {
        width: 226px;
        padding: 0 0 0 17px;
    }

    #main-menu ul li {
        padding: 0 0 3px 0;
    }

    #main-menu .credits {
        font-size: 11px;
    }

    /* lines */
    .lines {
        background: #fff;
    }

    .lines:after, .lines:before {
        background: #fff;
    }

    .lines-button.minus.lines-close .lines:after, .lines-button.minus.lines-close .lines:before {
        background: #fff;
    }

    /* signup form */
    .ex-modal {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        height: -webkit-calc(100% - 20px);
        height: -moz-calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
        bottom: 10px;
        right: 10px;
    }

    .ex-modal.show {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        height: -webkit-calc(100% - 20px);
        height: -moz-calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
        bottom: 10px;
        right: 10px;
    }

    /* skills */
    #skills li.last {
        margin: 0 0 25px 0;
    }

    /* home elements adjustment */
    .logo {
        left: 15px;
        top: 1px;
    }

    #menu {
        right: 4px;
        top: -6px;
    }

    .launcher {
        right: 23px;
        bottom: 14px;
    }

    .social-icons-wrapper {
        left: 14px;
        bottom: 18px;
    }

    /* clouds */
    .clouds {
        height: 200%;
        top: -250px;
    }

    .cloud-1 {
        width: 400%;
        -webkit-transform: scale(0.5,0.5) translate3d(0,0,0);
        -moz-transform: scale(0.5,0.5) translate3d(0,0,0);
        -ms-transform: scale(0.5,0.5) translate3d(0,0,0);
        -o-transform: scale(0.5,0.5) translate3d(0,0,0);
        transform: scale(0.5,0.5) translate3d(0,0,0);
    }

    .cloud-2 {
        width: 400%;
        -webkit-transform: scale(0.5,0.5) translate3d(0,0,0);
        -moz-transform: scale(0.5,0.5) translate3d(0,0,0);
        -ms-transform: scale(0.5,0.5) translate3d(0,0,0);
        -o-transform: scale(0.5,0.5) translate3d(0,0,0);
        transform: scale(0.5,0.5) translate3d(0,0,0);
    }

    .cloud-3 {
        width: 400%;
        -webkit-transform: scale(0.5,0.5) translate3d(0,0,0);
        -moz-transform: scale(0.5,0.5) translate3d(0,0,0);
        -ms-transform: scale(0.5,0.5) translate3d(0,0,0);
        -o-transform: scale(0.5,0.5) translate3d(0,0,0);
        transform: scale(0.5,0.5) translate3d(0,0,0);
    }

}


/* landscape */
@media only screen and (max-width: 640px) and (orientation: landscape) {

    /* clouds */
    .clouds {
        height: 300%;
    }

}


/* 480px */
@media only screen and (max-width: 480px) {
}


/* styleswitch [for demonstration purposes only] */
#customizer {
    position: fixed;
    top: 50%;
    margin-top: -75px;
    z-index: 999998;
}

.corner {
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #000;
    font-size: 35px;
    color: #fff;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 50px;
    right: -50px;
}

.s-close {
    left: -206px !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.s-open {
    left: 0 !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.corner.expanded {
}

#options {
    width: 206px;
    height: 260px;
    background: #000;
    padding: 0;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.options-head {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 2px #111;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
}

.options-segment {
    margin-bottom: 20px;
}

.color-head {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    line-height: 1;
    /* new */
    display: none;
    visibility: hidden;
}

.color-scheme {
    padding: 10px 0 0 1px;
}

.color-scheme li {
    float: left;
    list-style: none;
}

.color-scheme a {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 4.25px 10px;
}

.colors-sel {
    padding: 20px 25px 15px;
    margin-bottom: 0;
}

.red a {
    background: #db0018;
}

.red-2 a {
    background: #ff0000;
}

.green a {
    background: #00cc66;
}

.green-2 a {
    background: #009966;
}

.blue a {
    background: #00bfff;
}

.blue-2 a {
    background: #0099ff;
}

.yellow a {
    background: #ead22d;
}

.yellow-2 a {
    background: #ffc200;
}

.orange a {
    background: #ff6900;
}

.gold a {
    background: #996600;
}

.pink a {
    background: #ff3e91;
}

.purple a {
    background: #9b59b6;
}

.violet a {
    background: #7369b9;
}

.turquoise a {
    background: #34c5ba;
}

.brick a {
    background: #ff9966;
}

.black a {
    background: #000;
    border: 1px solid #444;
}

.white a {
    background: #fff;
}

.content{
    padding-top: 100px;
    padding-bottom: 100px;
}

h2 {
    font-size: 150%;
    font-weight: 500;
    line-height: 3.0;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #000000;
}

.logo {
    width: 100%;
    top: 0;
    background-color: #000000;
}