body {
	font-family: "Proxima Nova Soft", sans serif;
	overflow-y: scroll;
}

@font-face {
	font-family: "Proxima Nova Soft";
	src: url("/fonts/ProximaNovaSoft-Regular.otf");
}

* {
	padding: 0;
	margin: 0;
}

#header-body-container {
	background: url(/images/trident_z_royal.jpg);
	height: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	text-align: center;
	box-shadow: 10px 10px 5px #888888;
}

#nav-header-container {
	background: #11a18a;
	height: 100px;
	width: 100%;
	line-height: 90px;
	opacity: 0.7;
	filter: alpha (opacity=70);
}

#nav-header-container h1 {
	float: left;
	font-weight: 400;
	color: #A4A4A4;
	cursor: pointer;
	margin-left: 10px;
}

#nav-header-container h1:hover {
	color: white;
	transform: skew(-10deg) rotate(-15deg);
}

#nav-header-container ul {
	float: right;
	position: relative;
	margin-right: 60px;
	line-height: 55px;
}

#nav-header-container li {
	list-style-type: none;
	display: inline-block;
}

#nav-header-container li a {
	padding: 22.5px;
	text-decoration: none;
	color: white;
	display: block;
}

#nav-header-container li a:hover {
	transition: all 0.80s;
	transform: rotateX(360deg);
}

#nav-header-container li:hover {
	background: #29b59f;
	transition: all 0.40s;
	/*[title="Home"] {
	transform: rotateX(360deg);
	}*/
}

#nav_wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

#nav-header-container li:hover > ul {
	visibility: visible;
}

#nav-header-container ul ul {
	/*display: none;*/
	visibility: hidden;
	width: 120px;
	height: 165px;
	/*position: relative;*/
}

#nav-header-container li li {
	/*display: block;*/
	background: #29b59f;
	width: 180px;
	height: 55px;
	transform: translate(0px, 0px);
}

#nav-header-container li li a {
	padding: 0px;
}

#nav-header-container li li:hover {
	background: #11a18a;
	transition: all 0.40s;
}

/*.active {
	background: 29b59f;
	
}*/


/*#nav-header-container ul ul ul {
	display: none;
	position: relative;
}*/


#nav-header-container li li li {
	transform: translate(-180px, -55px);
}


#nav-header-container li li li:hover {
	background: #11a18a;
	transition: all 0.40s;
}

#header-content-container {
	text-align: center;
	margin-top: 250;
	width: 330;
	height: 260;
	background: #197a7f;
	margin-right: auto;
	margin-left: auto;
	line-height: 50px;
	border-radius: 5px;
	opacity: 0.7;
	color: white;
	filter: alpha (opacity=70);
}

#header-content-container:hover {
	transform: rotateY(360deg);
	transition: all 0.80s;
}

#header-content-container h1 {
	color: white;
	font-weight: 400;
}

#header-content-container p {
	color: white;
}

#main-content-container {
	background: #f2f2f2;
	text-align: center
	
}

#main-content-container p {
	margin-top: 60px;
}

.no-margin {
	margin: 0px;
}

.no-padding {
	padding: 0px;
}
/*
footer {
    padding-top: 30px;
    height: 195px;
    background-image: url(footer-texture.jpg);
    font-family: Proxima Nova Soft, CharisSILItalic,Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
    font-size: 11px;
	background-color: transparent;
	text-align: center;
} */

.spotify_feature_embed {
	padding-bottom: 90px;
}

.site-footer {
	color: #fff;
	margin-top: 30px;
	padding-top: 30px;
}

.bottom-footer {
	border-top: 1px solid #b2b2b2;
	margin-top: 30px;
	padding-top: 30px;
	color: #b2b2b2;
}

.col-md-5 {
	margin-left: 20px;
	color: white;
}

.col-md-7 {
	margin-left: 900px;
}

.footer-nav {
	list-style: none;
}

.footer-nav li {
	display: inline;
	padding: 0px 10px;
	list-style-type: none;
}

.footer-nav li:not(:first-child):before {
	content: '|';
	padding: 0px 10px;
	opacity: 0;
}

.footer-nav li a {
	text-decoration: none;
	color: #c7a04a
}

.footer-nav li a:hover {
	transition: all 0.8s;
	color: white;
}

.row {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
	color: white;
}

::-webkit-scrollbar {
    width:9px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}

/*.animation-1 {
    width: 1000px;
    height: 100px;
    background-image: url(dinkelberg.gif);
    position: relative;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
	margin-top: -100px;
}*/

@-webkit-keyframes example {
	0%  {background-color:transparent; left:0px; top:0px; opacity:1.0;}
	0%   {background-color:transparent; left:160px; top:-250px; opacity:1.0;}
	100%   {background-color:transparent; left:160px; top:-250px; opacity:1.0;}
    /*25%  {background-color:transparent; left:200px; top:100px; opacity:1.0;}
    50%  {background-color:transparent; left:200px; top:300px; opacity:1.0;}
    75%  {background-color:transparent; left:0px; top:300px; opacity:1.0;}
    100% {background-color:transparent; left:0px; top:100px; opacity:1.0;}*/
}
/* Standard syntax */
@keyframes example {
    0%  {background-color:transparent; left:0px; top:0px; opacity:1.0;}
	0%   {background-color:transparent; left:160px; top:-250px; opacity:1.0;}
	100%   {background-color:transparent; left:160px; top:-250px; padding:100px; opacity:1.0;}
    /*25%  {background-color:transparent; left:180px; top:90px; opacity:1.0;}
    50%  {background-color:transparent; left:160px; top:90px; opacity:1.0;}
    75%  {background-color:transparent; left:180px; top:90px; opacity:1.0;}
    100% {background-color:transparent; left:160px; top:90px; opacity:1.0;}*/
}

#countdown {
	
}