@charset "utf-8";
/* vladimir.jilzov */
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box;}
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;
}
body, html { height: 100%;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body {font-size: 100%; font-family: SansSerif, sans-serif; color: #3d3536;}
@font-face {font-family: "Roboto-Regular"; src: url(fonts/Roboto-Regular.ttf);}
@font-face {font-family: "Roboto-Thin"; src: url(fonts/Roboto-Thin.ttf);}
@font-face {font-family: "Audiowide"; src: url(fonts/Audiowide-Regular.ttf);}
.font-01 {font-family: "Audiowide"}
.font-02  {font-family: "Roboto-Thin"; color: #ffffff; font-size: .8em;}
.font-03  {font-family: "Roboto-Regular"; color: #ffffff; font-weight: bold;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
.big {font-size: 1.2em;}
.small {font-size: .52em;}
.margin-left {margin-left: 1.6em;}
a {color: #ff00ff; text-decoration: none;}
h1 {font-family: "Roboto-Regular", SansSerif, sans-serif;}
p {font-family: "Roboto-Thin", SansSerif, sans-serif;}
.initial {font-size: 2em; line-height: .8em;}
.vj-container {width: 90%; max-width: 768px; margin: 0 auto;}
.vj-container:after {content: ''; display: table; clear: both;}
.vj-header {position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: rgba(255, 255, 255, .8); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 2;}
.vj-header:after {content: ""; display: table; clear: both;}
.vj-header #vj-logo {float: left; margin: 10px 0 0 10px;}
#lgo {width:50px;}
.vj-header #vj-logo img {display: block;}

@media only screen and (min-width: 768px)
	{
.vj-header {height: 70px;}
.vj-header #vj-logo {margin: 6px 0 0 12px;}
#lgo {width:100px;}
	}
.vj-main-nav {float: right; margin-right: 2%; width: 44px; height: 100%; background: url("cd-icon-menu.svg") no-repeat center; background-size: 44px 44px; cursor: pointer;}
.vj-main-nav ul {
position: absolute; top: 0; left: 0; width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
	}
.vj-main-nav ul.is-visible {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
	}
.vj-main-nav a {display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #2f292a; border-top: 1px solid #453c3d; color: #8e7d7f;}
@media only screen and (min-width: 768px) {
	.vj-main-nav {width: auto; height: auto; background: none; cursor: auto;}
	.vj-main-nav ul {position: static; width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	line-height: 70px;
	}
.vj-main-nav ul.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}
.vj-main-nav li {display: inline-block; margin-left: 1em;}
.vj-main-nav a {display: inline-block; height: auto; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; color: #3d3536; text-transform: uppercase; font-weight: bold; font-size: 14px; font-size: 0.875rem;}
.vj-main-nav a:hover {color: #99a478;
	}
	}
.vj-main-content {
  height: 100%;
  position: relative;
  z-index: 1;
}

.vj-fixed-bg {
  position: relative;
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.text {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  text-shadow: 0 3px 9px rgba(0, 0, 0, 3); 
  color: white;
}
.white {color: white;}
.video-bg {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; background-color:#010d1e;}
.bg_video {position: absolute; top: 0; left: -5%; min-width: 110%; height: 110%;}
.vj-fixed-bg.vj-bg-1 { background-image: url("im000.jpg");}
.vj-fixed-bg.vj-bg-2 { background-image: url("im002.jpg");}
.vj-fixed-bg.vj-bg-3 { background-image: url("im003.jpg");}
.vj-fixed-bg.vj-bg-4 { background-image: url("im004.jpg");}

.vj-fixed-bg {background-attachment: fixed;}
.vj-fixed-bg h1, .vj-fixed-bg h2 {font-size: 24px; font-weight: 300;}
.vj-scrolling-bg {position: relative; min-height: 100%; padding: 4em 0; line-height: 1.6; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); z-index: 2;}
.vj-scrolling-bg.vj-color-1 {background-color: #1c5b50; color: #ffffff;}
.vj-scrolling-bg.vj-color-2 {background-color: #343434; color: #ffffff;}
.vj-scrolling-bg.vj-color-3 {background-color: #1c5b50; color: #ffffff;}
.vj-scrolling-bg.vj-color-4 {background-color: #343434; color: #ffffff;}
.vj-scrolling-bg {padding: 8em 0; font-size: 16px; font-size: 1.1rem; line-height: 2; font-weight: 300;}


@supports (background-attachment: fixed) {
    .cd-fixed-bg {
      background-attachment: fixed;
    }
  }

@media only screen and (min-width: 768px) {
.vj-fixed-bg {background-attachment: fixed;}
.vj-fixed-bg h1, .vj-fixed-bg h2 {font-size: 42px; font-weight: 300;}
.vj-scrolling-bg {position: relative; min-height: 100%; padding: 4em 0; line-height: 1.6; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); z-index: 2;}
.vj-scrolling-bg.vj-color-1 {background-color: #1c5b50; color: #ffffff;}
.vj-scrolling-bg.vj-color-2 {background-color: #343434; color: #ffffff;}
.vj-scrolling-bg.vj-color-3 {background-color: #1c5b50; color: #ffffff;}
.vj-scrolling-bg.vj-color-4 {background-color: #343434; color: #ffffff;}
.vj-scrolling-bg {padding: 8em 0; font-size: 20px; font-size: 1.25rem; line-height: 2; font-weight: 300;}

@supports (background-attachment: fixed) {
    .cd-fixed-bg { background-attachment: fixed;}
  }
}