html,body {
    width:100%;
    height:100%;
    background-color:#000;
}

body {
    font-family:'Montserrat',sans-serif;
    opacity:0;
	transition: opacity 2s;
	-webkit-transition: opacity 2s; /* Safari */
}

body.homepage {opacity: 1;}

.ui-loader {height: 40px;}
.ui-loader h1 {display: none;}


h1,h2,h3,h4,h5 {
    text-transform:uppercase
}

h1 {
    color:#fff;
    padding:12px 0!important;
    display:inline-block;
    font-family:'Montserrat',sans-serif;
    font-weight:100;
    font-size:24px;
}

h1.header-title {
    color:#fff;
    padding:12px 0!important;
    display:inline-block;
    font-family:'Montserrat',sans-serif;
    font-weight:100;
    font-size:52px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff
}

h3 {
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-weight:100;
    font-size:18px;
    letter-spacing:3px;
    line-height: 24px;
}

a, #menuscenes {
    color:#006d6d;
	transition: all 0.3s linear;   
	text-decoration: none !important; 
}

a:hover {color: #00d9d6 !important; text-decoration: none;}
a:active, #menuscenes {border: none; background-color: transparent;
	outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;: none;
	text-decoration: none !important; }

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

.text-vertical-center h1 {
    margin:0;
    padding:0;
    font-weight:700
}

h2 {
    padding:20px 0;
    margin:40px 0 0
}

p {
    line-height:24px;
    padding-bottom:25px
}

.top-modal {margin-top: 20%;}

#logoModal .modal-backdrop {
   background-color: red;
}


.tab-pane {padding-top: 30px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #fff;
cursor: default;
background-color: transparent;
border: 1px solid #ddd;
border-bottom-color: #162130; }

span#explore-txt.layers::before { 
    content: "Explore";
}

span#explore-txt::before { 
    content: "Hide";
}

.hide {display: none;}

.hide-menu {     
	opacity:0 !important;
	transition: opacity 2s !important;
	-webkit-transition: opacity 2s !important;}

#playerbox {     
	opacity:1;
	transition: opacity 2s;
	-webkit-transition: opacity 2s;
	display: block;
	min-height: 2000px;}

.modal {z-index: 999999999;}
.modal-backdrop.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.modal-close {color: #fff; cursor: pointer;}
 .modal.fade .modal-dialog {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0); // IE9 only
          transform: translate(0, 0);

 }
 
 a,.modal-open .modal,.btn:focus{
    outline:none!important;
    background: transparent;
}
  
.coming h4 {color: #fff !important; line-height: 28px; padding-top: 20px;}

.social-bar {width: 360px; float: right;}
.social-menu { padding: 0px; margin: 0px; height: 40px; text-align: right;}
.social-icons { padding: 0px 5px 0px 0px; margin: 0px 0px 10px 0px; text-align: right;}
.social-box {width: 250px; float: left; padding: 20px 0px 0px 0px;}
.social-icons:hover {color: #00d9d6;}

.logo-box {float: right; width: 100px;}
.logo-box img {width: 100%;}

.link {padding: 5px 5px;}
.menu-icon {font-size: 15px; padding: 0px 3px 0px 3px !important; color: #005d6e; border: 1px solid #003e50; border-radius: 3px; margin-left: 2px; width: 25px; display: inline-block; text-align: center;}

.menu-icon:hover {border: 1px solid #00d9d6; color: #00d9d6 !important;}

.album-title {color: #fff; text-align: center; font-size: 14px; letter-spacing: 3px; width: 100%; display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #525252;}
.album-title a {color: #fff;}


.track-menu { float: left; padding: 12px 20px; opacity:1; transition: opacity 2s; -webkit-transition: opacity 2s;}
.menu-track {font-size: 13px; padding: 4px 6px !important; color: #005d6e; text-align: center; display: inline-block;}
.menu-row-2 {padding-left: 20px;}

.behind-scenes-block {clear: both; display: block; margin-bottom: 40px;}
.behind-scenes-block h4 {border-bottom: 1px solid #fff; text-transform: lowercase; padding-bottom: 5px; color: #00abb1; font-size: 14px;}
.behind-scenes-block img {border: 1px solid #00abb1; width: 100%;}
.behind-scenes-block .behind-image {margin: 0px; padding: 0px; padding-right: 10px; padding-bottom:5px; padding-top: 5px;}
.behind-scenes-block .behind-image-right {margin: 0px; padding: 0px; padding-left: 10px; padding-bottom:5px; padding-top: 5px;}
.behind-scenes-block p {color: #fff; line-height: 19px; padding: 5px 0px;}
.behind-scenes-block .col-md-6 {margin: 0px; padding: 0px;}

/* Side Menu */
#sidebar-wrapper {
    z-index:99999999;
    position:fixed;
    right:0;
    width:350px;
    height:100%;
    margin-right:-350px;
    overflow-y:auto;
    background:#000;
    -webkit-transition:all .4s ease 0;
    -moz-transition:all .4s ease 0;
    -ms-transition:all .4s ease 0;
    -o-transition:all .4s ease 0;
    transition:all .4s ease 0
}

.sidebar-nav {
    position:absolute;
    top:0;
    width:350px;
    margin:0;
    padding:0;
    list-style:none;
    text-transform:uppercase;
    letter-spacing:3px
}

.sidebar-nav li:first-child a {
    padding-right:40px;
    line-height:71px
}

.sidebar-nav li {
    text-indent:20px;
    line-height:50px;
    border-bottom:1px dotted #595959
}

.sidebar-nav li a {
    display:block;
    text-decoration:none;
}

.sidebar-nav li a:hover {
    text-decoration:none;
    color:#00d9d6;
    background:rgba(255,255,255,0.2)
}

.sidebar-nav li a:active,.sidebar-nav li a:focus {
    text-decoration:none
}


#sidebar-wrapper.active {
    right:350px;
    width:350px;
    -webkit-transition:all .4s ease 0;
    -moz-transition:all .4s ease 0;
    -ms-transition:all .4s ease 0;
    -o-transition:all .4s ease 0;
    transition:all .4s ease 0
}

.toggle {
    margin:45px 45px 0 0;
    background:none;
    font-size:42px;
    line-height:42px;
    background-color:#fff;
    padding:5px 10px;
    border-radius:5px;
    opacity:.6
}

.toggle a:hover {
    color:#000;
}


/* Header */
.header {position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; padding: 10px 0px 0px 0px;}
.navbar {width: 100%; color: #006d6d; background-color: transparent; text-transform: uppercase; border-radius: 0; padding-bottom: 0px; margin-bottom: 0px;}
.navbar-nav>li>a {padding-bottom: 2px;}
.navbar-nav>li>a:hover {background-color: transparent; color: #fff;}
.navbar-brand {color: #00e8e5; letter-spacing: 2px; height: auto; padding-bottom: 0px !important;}
a.current-track {color: #0c76b4;}

#MIDPlayer
{
	margin-top: 20px;
}

.scene {
    display:table;
    position:relative;
    width:100%;
    height:100%;
	background-color: #000;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}
.scene1-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track1/1-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene1-1 {
    background:url(../images/track1/1-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene1-2 {
    background:url(../images/track1/1-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene1-3 {
    background:url(../images/track1/1-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene1-4 {
    background:url(../images/track1/1-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene1-5 {
    background:url(../images/track1/1-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene1-6 {
    background:url(../images/track1/1-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene2-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track2/2-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene2-1 {
    background:url(../images/track2/2-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene2-2 {
    background:url(../images/track2/2-2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene2-3 {
    background:url(../images/track2/2-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene2-4 {
    background:url(../images/track2/2-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene2-5 {
    background:url(../images/track2/2-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene2-6 {
    background:url(../images/track2/2-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene3-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track3/3-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene3-1 {
    background:url(../images/track3/3-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene3-2 {
    background:url(../images/track3/3-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene3-3 {
    background:url(../images/track3/3-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene3-4 {
    background:url(../images/track3/3-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene3-5 {
    background:url(../images/track3/3-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene3-6 {
    background:url(../images/track3/3-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene4-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track4/4-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene4-1 {
    background:url(../images/track4/4-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene4-2 {
    background:url(../images/track4/4-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene4-3 {
    background:url(../images/track4/4-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene4-4 {
    background:url(../images/track4/4-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene4-5 {
    background:url(../images/track4/4-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene4-6 {
    background:url(../images/track4/4-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene5-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track5/5-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene5-1 {
    background:url(../images/track5/5-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene5-2 {
    background:url(../images/track5/5-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene5-3 {
    background:url(../images/track5/5-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene5-4 {
    background:url(../images/track5/5-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene5-5 {
    background:url(../images/track5/5-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene5-6 {
    background:url(../images/track5/5-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene6-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track6/6-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene6-1 {
    background:url(../images/track6/6-1.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene6-2 {
    background:url(../images/track6/6-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene6-3 {
    background:url(../images/track6/6-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene6-4 {
    background:url(../images/track6/6-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene6-5 {
    background:url(../images/track6/6-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene6-6 {
    background:url(../images/track6/6-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene7-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track7/7-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene7-1 {
    background:url(../images/track7/7-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene7-2 {
    background:url(../images/track7/7-2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene7-3 {
    background:url(../images/track7/7-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene7-4 {
    background:url(../images/track7/7-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene7-5 {
    background:url(../images/track7/7-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene7-6 {
    background:url(../images/track7/7-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}


.scene8-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track8/8-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene8-1 {
    background:url(../images/track8/8-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene8-2 {
    background:url(../images/track8/8-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene8-3 {
    background:url(../images/track8/8-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene8-4 {
    background:url(../images/track8/8-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene8-5 {
    background:url(../images/track8/8-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene8-6 {
    background:url(../images/track8/8-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}




.scene9-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track9/9-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene9-1 {
    background:url(../images/track9/9-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene9-2 {
    background:url(../images/track9/9-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene9-3 {
    background:url(../images/track9/9-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene9-4 {
    background:url(../images/track9/9-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene9-5 {
    background:url(../images/track9/9-5.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene9-6 {
    background:url(../images/track9/9-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}


.scene10-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track10/10-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene10-1 {
    background:url(../images/track10/10-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene10-2 {
    background:url(../images/track10/10-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene10-3 {
    background:url(../images/track10/10-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene10-4 {
    background:url(../images/track10/10-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene10-5 {
    background:url(../images/track10/10-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene10-6 {
    background:url(../images/track10/10-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}


.scene11-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track11/11-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene11-1 {
    background:url(../images/track11/11-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene11-2 {
    background:url(../images/track11/11-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene11-3 {
    background:url(../images/track11/11-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene11-4 {
    background:url(../images/track11/11-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene11-5 {
    background:url(../images/track11/11-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene11-6 {
    background:url(../images/track11/11-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}



.scene12-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track12/12-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene12-1 {
    background:url(../images/track12/12-1.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene12-2 {
    background:url(../images/track12/12-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene12-3 {
    background:url(../images/track12/12-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene12-4 {
    background:url(../images/track12/12-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene12-5 {
    background:url(../images/track12/12-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene12-6 {
    background:url(../images/track12/12-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}


.scene13-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track13/13-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene13-1 {
    background:url(../images/track13/13-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene13-2 {
    background:url(../images/track13/13-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene13-3 {
    background:url(../images/track13/13-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene13-4 {
    background:url(../images/track13/13-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene13-5 {
    background:url(../images/track13/13-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene13-6 {
    background:url(../images/track13/13-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}


.scene14-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track14/14-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene14-1 {
    background:url(../images/track14/14-1.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene14-2 {
    background:url(../images/track14/14-2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene14-3 {
    background:url(../images/track14/14-3.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene14-4 {
    background:url(../images/track14/14-4.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene14-5 {
    background:url(../images/track14/14-5.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene14-6 {
    background:url(../images/track14/14-6.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-bg {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    background:url(../images/track15/15-0.jpg) no-repeat center center scroll;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.scene15-1 {
    background:url(../images/track15/15-1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-2 {
    background:url(../images/track15/15-2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-3 {
    background:url(../images/track15/15-3.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-4 {
    background:url(../images/track15/15-4.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-5 {
    background:url(../images/track15/15-5.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-6 {
    background:url(../images/track15/15-6.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.scene15-7 {
    background:url(../images/track15/15-7.png) no-repeat center center scroll;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}



.sub-title {margin: 0px 0px 0px 1px; padding-left: 20px; color: #0c76b4; display: block; clear: both; text-transform: lowercase;}
.fflogo:hover {transition: opacity 2s; -webkit-transition: opacity 2s; opacity: 0.5;}

span.explore {margin-right: 10px; color: #00e8e5; padding-left: 15px;}
p.layer-title {margin: 15px 0px; padding: 0px; color: #006d6d;}
.sliders {max-width: 360px; width: 100%; padding: 0px 35px; margin-top: -10px;}
.slider {margin: 0px 0px 20px 0px;}

.ui-slider .ui-slider-handle{
    width:8px; 
    height:20px;
    background-color: #006d6d; 
    background-image: none; 
    position:absolute;
    top: -10px;
    border-style:none; 
    cursor: pointer;
    border-radius: 3px;
	transition: none;    
}


.ui-widget-content {border: 1px solid #006d6d;
background: #006d6d;
background-image: none;
height: 2px;
max-width: 200px;}

.ui-slider .ui-slider-handle:hover {background-color: #00d9d6;}
.ui-widget-content:hover {border-color: #00d9d6;}



/* Modal */
.modal-content {
background: #0c121e;
opacity: 0.8;
background: -moz-linear-gradient(top,  #0c121e 0%, #354b63 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c121e), color-stop(100%,#354b63));
background: -webkit-linear-gradient(top,  #0c121e 0%,#354b63 100%);
background: -o-linear-gradient(top,  #0c121e 0%,#354b63 100%);
background: -ms-linear-gradient(top,  #0c121e 0%,#354b63 100%);
background: linear-gradient(to bottom,  #0c121e 0%,#354b63 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5676', endColorstr='#354b63',GradientType=0 );
border-top: 1px solid #171c24;
border-bottom: 1px solid #171c24;
-webkit-box-shadow: 0 0 18px 0px #a0a3ea;
box-shadow: 0 0 18px 0px #a0a3ea;
color: #fff;
margin-top: 150px;
padding: 20px;
}

h4.modal-title {color: #00abb1;}
.modal .nav li a {color: #00abb1; font-weight: bold;}

.modal-body {font-size: 13px; line-height: 15px;}
.modal-header {border-bottom:1px solid #2a3243; }
.modal-footer {border-top:1px solid #2a3243; }

.modal .nav li a:hover {border-color: #00d9d6; background-color: transparent; border-bottom-color: #fff;}


/* Footer */
footer {
    border-top:1px dotted #ccc;
    padding:50px 0;
    text-transform:uppercase;
    font-size:12px!important
}

footer .icons {
    font-size:20px!important;
    text-align:right
}


/* Contact Page */
.contact {
    padding:60px 0
}

input,textarea {
    padding:8px;
    width:100%!important;
    margin:10px 0;
    border:none;
    border-bottom:1px solid #ccc;
    display:block;
    outline:none
}

textarea {
    height:110px
}

textarea:focus,#contact-area input:focus {
    border-bottom:1px solid #900
}

input.submit-button {
    background-color:#e6e6e6;
    border:none;
    text-transform:uppercase;
    letter-spacing:2px
}

input.submit-button:hover {
    background-color:#dbdbdb;
    border:none
}

label {
    margin-right:15px;
    padding-top:5px;
    float:left
}

.mobilelandscape {display: none !important;}

@media screen and (min-width:420px) {
    body {overflow-y: hidden !important;}
}​


@media screen and (max-width:420px) {
.about-header h1 {
    font-size:28px!important
}

h3 {
    font-size:15px!important
}

h1.header-title {
    font-size:28px!important
}
p {padding: 10px 20px;}
.blog p {padding: 5px 0px;}

.mobilelandscape {display: none !important; z-index: 99999999999999999; position: fixed;background-color: #000; text-align: center; margin-bottom: 40px;}


}

@media screen and (max-width:620px) {
.item {
    width:92%;
    height:260px
}

.item.w2 {
    width:92%;
    height:260px
}

.grid {
    margin:0 auto;
    width:100%!important
}
.isotope {width: 100% !important; margin: 0 auto;}

}

@media screen and (max-width:1024px) {
.icons,.copy {
    text-align:center!important
}

.blogimage img {
    width:100%;
    padding:0px;
    margin-top:25px
}

.grid {
    margin:0 auto;
    width:800px
}
.isotope {width: 600px; margin: 0 auto;}

}


@media screen and (max-width:1000px) {
.grid {
    margin:0 auto;
    width:520px
}
}

#mobmodal {margin-top: -60px; padding-top: 0px;}