/* ----------------- import css ----------------- */
@import "reset.css";
@import "print.css";
@import "content.css";
/* ----------------- global ----------------- */
html {
  background:url(../img/background.jpg) repeat;
  height:100%;
  min-height:100%;
}
body {
  height:100%;
  min-height:100%;
}
a {
  color:#ec008c;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
/* ----------------- wrapper ----------------- */
.container {
  min-width:1000px;
  height:100%;
  min-height:100%;
  height:auto!important;
  overflow:hidden;
}
.empty {
  height:539px;
  clear:both;
}
/* ----------------- header ----------------- */
header {
  height:81px;
  background:url(../img/header.png) 50% 0 repeat-x;
  position:fixed;
  z-index:55;
  top:0;
  left:0;
  width:100%;
}
header .menu {
  width:1000px;
  margin:0 auto;
  text-align:center;
  padding-top:19px;
}
header .menu a {
  font-size:20px;
  line-height:22px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  display:inline-block;
  vertical-align:top;
  padding:7px 15px;
  text-decoration:none;
  background:#000;
  border-radius:8px;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
  margin:0 15px;
}
header .menu a:hover {
  text-decoration:underline;
  color:#ec008c;
}
header .menu a.active {
  color:#fff;
  background:#ec008c;
  text-decoration:none;
}
/* ----------------- parallax block ----------------- */
.parallax-block {
  height:688px;
  background:#ff6a13 url(../img/parallax-block.jpg) 50% 0 no-repeat;
  overflow:hidden;
  position:relative;
  z-index:0
}
.parallax-block .parallax-layers {
  width:1px;
  height:688px;
  position:relative;
  margin:0 auto;
}
.parallax-block .layer {
  height:688px;
  width:1916px;
  position:absolute;
  left:-958px;
  top:0;
}
.parallax-block .layer-1 {
  background:url(../img/parallax-1.png) no-repeat;
  z-index:2;
}
.parallax-block .layer-2 {
  background:url(../img/parallax-2.png) no-repeat;
  z-index:3;
}
.parallax-block .layer-3 {
  background:url(../img/parallax-3.png) no-repeat;
  z-index:1;
}
.parallax-block .layer-4 {
  background:url(../img/parallax-4.png) no-repeat;
  z-index:4;
}
.parallax-block .die {
  width:368px;
  height:61px;
  background:url(../img/die.png) no-repeat;
  position:absolute;
  left:-183px;
  top:530px;
  z-index:5;
}
/* ----------------- about ----------------- */
.about {
  position:relative;
  height:450px;
  padding-top:77px;
  background:url(../img/about.png) 50% 0 repeat-x;
  z-index:2;
  margin-top:-12px;
}
.about .about-block {
  width:682px;
  height:391px;
  background:url(../img/about-block.png) no-repeat;
  margin:0 auto;
}
.about .about-text {
  padding:47px 81px 0 64px;
  text-align:center;
}
.about h1 {
  color:#000;
  font-weight:bold;
  font-size:35px;
  padding-bottom:25px;
  background:url(../img/dash-gray.gif) 0 100% repeat-x;
  text-transform:uppercase;
  margin-bottom:23px;
  text-shadow:0 1px 2px rgba(0,0,0,0.75);
}
.about p {
  font-size:18px;
  line-height:23px;
}
/* ----------------- track ----------------- */
.tracks {
  background:url(../img/tracks.png) 50% 0 repeat-x;
  height:498px;
  position:relative;
  z-index:1;
  margin-top:-12px;
}
.tracks .tracks-block {
  width:1000px;
  margin:0 auto;
  position:relative;
  height:498px;
}
.tracks .tracks-img {
  width:310px;
  height:308px;
  background:url(../img/tracks-img.png) no-repeat;
  position:absolute;
  top:66px;
  left:-7px;
}
.tracks .tracks-list {
  width:545px;
  height:360px;
  border:4px solid #000;
  background:url(../img/pattern.gif) repeat;
  position:absolute;
  left:351px;
  top:51px;
  border-radius:12px;
  padding:30px 35px 0;
}
.tracks h2 {
  color:#000;
  font-weight:bold;
  font-size:35px;
  padding-bottom:10px;
  background:url(../img/dash-gray.gif) 0 100% repeat-x;
  text-transform:uppercase;
  margin-bottom:23px;
  text-shadow:0 1px 2px rgba(0,0,0,0.75);
  margin-bottom:15px;
}
.tracks p {
  margin:0 10px 10px;
  color:#000;
  font-size:12px;
  line-height:20px;
}
/* scroll */
.track-scroll {
  width:545px;
  height:276px;
  position:relative;
}
.track-scroll .disable {
  display:none;
}
.track-scroll .scrollbar {
  width:9px;
  position:absolute;
  top:0;
  right:0;
  z-index:5;
  cursor:pointer;
}
.track-scroll .track {
  width:9px;
  border:1px solid #f3f3f3;
  border-radius:3px;
  position:absolute;
  left:0;
  top:0;
  background:#ccc;
}
.track-scroll .thumb {
  width:9px;
  background:#cf000e;
  position:absolute;
  top:0;
  left:0;
  border-radius:3px;
}
.track-scroll .thumb .thumb-top {
  width:3px;
  height:2px;
  background:url(../img/thumb-top.gif) no-repeat;
  position:absolute;
  left:3px;
  top:6px;
}
.track-scroll .thumb .thumb-bot {
  width:3px;
  height:2px;
  background:url(../img/thumb-bot.gif) no-repeat;
  position:absolute;
  left:3px;
  bottom:6px;
}
.track-scroll .viewport {
  width:545px;
  height:276px;
  position:relative;
  overflow:hidden;
}
.track-scroll .overview {
  width:500px;
  position:relative;
}
/* ----------------- gallery ----------------- */
.gallery {
  background:url(../img/gallery-noice.jpg) 50% 0 repeat-x;
  position:relative;
  z-index:0;
  margin-top:-12px;
}
.gallery .gallery-block {
  height:639px;
  background:url(../img/gallery.png) 50% 0 no-repeat;
}
.gallery .gallery-content {
  width:1000px;
  margin:0 auto;
  padding-top:70px;
}
.gallery h2 {
  text-transform:uppercase;
  color:#000;
  font-size:35px;
  text-align:center;
  font-weight:bold;
  margin-bottom:35px;
}
.gallery .gallery-photo {
  width:554px;
  height:350px;
  margin:0 auto;
  position:relative;
}
.gallery .big-photo {
  width:535px;
  height:292px;
  position:relative;
  border:8px solid #fff;
  box-shadow:0 0 1px #c1c1c1;
}
.gallery .gallery-shadow {
  width:561px;
  height:50px;
  position:absolute;
  bottom:-58px;
  left:-3px;
  background:url(../img/gallery-shadow.png) no-repeat;
}
.gallery a.prev {
  position:absolute;
  top:74px;
  left:-201px;
  background:url(../img/prev.png) no-repeat;
  width:125px;
  height:178px;
  text-decoration:none;
}
.gallery a.prev:hover {
  background-position:0 100%;
}
.gallery a.next {
  position:absolute;
  top:74px;
  left:629px;
  background:url(../img/next.png) no-repeat;
  width:125px;
  height:178px;
  text-decoration:none;
}
.gallery a.next:hover {
  background-position:0 100%;
}
.gallery .gallery-mini {
  text-align:center;
}
.gallery a.photo-mini {
  display:inline-block;
  vertical-align:top;
  width:102px;
  height:101px;
  background:url(../img/mini-hover.png) -119px 0 no-repeat;
  margin:0 9px;
  position:relative;
}
.gallery a.photo-mini img {
  position:absolute;
  top:15px;
  left:17px;
}
.gallery a.photo-mini:hover, .gallery a.photo-mini.active {
  background-position:0 0;
}
.gallery a.prev .nav-text {
  display:block;
  position:absolute;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  left:0;
  bottom:23px;
  width:100%;
  text-align:center;
  text-shadow:0 1px #290031;
}
.gallery a.next .nav-text {
  display:block;
  position:absolute;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  left:0;
  width:100%;
  bottom:23px;
  text-align:center;
  text-shadow:0 1px #290031;
}
.gallery .nav-text .dot {
  background:url(../img/dot-2.gif) 0 100% repeat-x;
}
ul.wi-container {
  width:535px;
  height:292px;
	position: relative;
	-webkit-perspective: 1400px;
	-moz-perspective: 1400px;
	-ms-perspective: 1400px;
	-o-perspective: 1400px;
	perspective: 1400px;
}
ul.wi-container li {
  width:535px;
  height:292px;
	display: none;
	margin: 0;
  padding:0;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}
ul.wi-container li.wi-move {
	pointer-events: none;
	-webkit-transition: -webkit-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	-moz-transition: -moz-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	-o-transition: -o-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	-ms-transition: -ms-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	transition: transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
}
/* ----------------- footer ----------------- */
footer {
  height:539px;
  background:url(../img/footer.png) 50% 0 no-repeat;
  position:relative;
  min-width:1000px;
  margin:-539px auto 0;
}
footer .contact {
  width:1000px;
  margin:0 auto;
  padding-top:70px;
  text-align:center;
}
footer h2 {
  color:#fff;
  font-size:35px;
  font-weight:bold;
  margin-bottom:45px;
  text-transform:uppercase;
}
footer p {
  color:#fff;
  font-size:20px;
  margin-bottom:20px;
}
footer p .tel {
  color:#ed1c24;
}
footer .social {
  padding:53px 0 70px;
}
footer .social a.vk {
  width:31px;
  height:30px;
  background:url(../img/vk.png) no-repeat;
  display:inline-block;
  vertical-align:top;
  margin:0 10px;
  -webkit-box-shadow:0 0 70px #00aaff;
  box-shadow:0 0 70px #00aaff;
}
footer .social a.tw {
  width:31px;
  height:30px;
  background:url(../img/tw.png) no-repeat;
  display:inline-block;
  vertical-align:top;
  margin:0 10px;
  -webkit-box-shadow:0 0 70px #00aaff;
  box-shadow:0 0 70px #00aaff;
}
footer .social a.fb {
  width:31px;
  height:30px;
  background:url(../img/fb.png) no-repeat;
  display:inline-block;
  vertical-align:top;
  margin:0 10px;
  -webkit-box-shadow:0 0 70px #00aaff;
  box-shadow:0 0 70px #00aaff;
}
footer .social a.inst {
  width:31px;
  height:30px;
  background:url(../img/inst.png) no-repeat;
  background-size: contain;
  display:inline-block;
  vertical-align:top;
  margin:0 10px;
  -webkit-box-shadow:0 0 70px #00aaff;
  box-shadow:0 0 70px #00aaff;
border-radius: 2px;
}
footer .sintonika {
  font-size:13px;
  color:#fff;
  margin-bottom:25px;
}
footer .copy {
  font-size:13px;
  color:#fff;
}