*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	background: #272727;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

.header {
	position: fixed;
	display: block;
	padding: 5px 0px 0px 0px;
	margin: 0;
	width: 100%;
	bottom: 0;
	text-align: center;
	background: none repeat scroll 0% 0% rgb(34, 34, 34);
	color: rgb(153, 153, 153);
	z-index: 2147483647;
	box-shadow: 0px 0px 3px 5px rgb(36, 36, 36);
	border-top: 1px solid #333;
}

h2 {
	margin-top: 24px;
	margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 54px;
	line-height: 59px;
	max-width: 1440px;
	font-weight: 300;
	letter-spacing: -0.7px;
}

.slide-image-container-1 {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	background: url(../images/intro/FRAME_07.jpg) center center / cover no-repeat;
	min-width: 0px;
	flex-direction: column;
	height: 937px;
	/* height: 748px; */
	padding: 96px;
}

.slide-image-container-2 {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	background: url(../images/intro/FRAME_08.jpg) center center / cover no-repeat;
	min-width: 0px;
	flex-direction: column;
	height: 937px;
	padding: 96px;
}

.slide-image-container-3 {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	background: url(../images/intro/FRAME_10.jpg) center center / cover no-repeat;
	min-width: 0px;
	flex-direction: column;
	height: 937px;
	padding: 96px;
}

.slide-container {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	align-self: center;
	margin-left: auto;
	margin-right: auto;
	min-width: 0px;
	min-height: 0px;
	flex-direction: column;
	width: 1440px;
}

.slide-text-container {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	background-color: rgb(255, 255, 255);
	color: rgb(39, 39, 39);
	min-width: 0px;
	min-height: 0px;
	flex-direction: column;
	width: 588px;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.text-container {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0px;
	min-height: 0px;
	flex-direction: column;
	padding: 48px;
}

.text-container h1 {
	margin: 0px;
	font-family: "Roboto", sans-serif;
	font-size: 64px;
	line-height: 68px;
	max-width: 1440px;
	font-weight: 500;
	letter-spacing: -1.45px;
	color: #272727;
}

.text-container p {
	font-size: 18px;
	line-height: 30px;
	max-width: 432px;
	font-family: "Roboto Slab", serif;
	letter-spacing: 0.1px;
	color: #272727;
	margin-bottom: 37px;
}

.text-container a {
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	font-style: inherit;
	font-variant: inherit;
	font-stretch: inherit;
	text-decoration: none;
	margin: 0px;
	background: transparent;
	overflow: visible;
	border: 1px solid rgb(39, 39, 39);
	color: rgb(39, 39, 39);
	padding: 12px 38px;
	transition-property: color, background-color, border-color, box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 21px;
	width: 220px;
}

.text-container a:hover {
	border: 1px solid #0D7EA0;
	color: #0D7EA0;
}

.portfolio-container {
	padding: 96px;
	background: rgb(39, 39, 39);
}

.contact-container {
	background: linear-gradient(315deg, rgb(180, 0, 0) 0%, rgb(230, 61, 47) 100%);
}

.contact-form-container {
	padding: 94px;
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	-webkit-box-align: center;
	align-items: center;
	min-width: 0px;
	min-height: 0px;
	flex-direction: column;
}

.contact-form {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	background-color: rgb(255, 255, 255);
	color: rgb(39, 39, 39);
	min-width: 0px;
	min-height: 0px;
	flex-direction: column;
	padding: 48px;
	width: 996px;
	margin: 0px 15px;
}

.contact-form-title {
	display: flex;
	box-sizing: border-box;
	max-width: 100%;
	-webkit-box-align: center;
	align-items: center;
	min-width: 0px;
	min-height: 0px;
	flex-direction: column
}

.contact-form-title h1 {
	margin-top: 11px;
	margin-bottom: 20px;
	font-family: "Roboto", sans-serif;
	font-size: 64px;
	line-height: 68px;
	max-width: 1440px;
	font-weight: 500;
	letter-spacing: -1.45px;
	color: rgb(39, 39, 39);
}

.contact-form-title p {
	font-size: 18px;
	line-height: 30px;
	font-family: "Roboto Slab";
	letter-spacing: 0.1px;
	max-width: 790px;
	padding: 0px 20px 60px;
	text-align: center;
}

.required-fields {
	font-size: 14px;
	font-style: italic;
	letter-spacing: 0.08px;
	line-height: 22px;
	color: rgb(114, 114, 114);
	padding: 12px;
}

.required-fields p {
	font-family: "Roboto Slab", serif;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

#contact-us {
	margin: auto;
	width: 100%;
}

.col-6 {
	width: 50%;
	float: left;
	padding: 0px 18px 18px 18px;
}

.col-12 {
	width: 100%;
	float: left;
	padding: 0px 18px 18px 18px;
}

.field {
	margin-bottom: 18px;
	padding: 17px 0px;
}

.form-label {
	font-family: "Roboto Slab";
	font-size: 13px;
	display: block;
	float: none;
	width: auto;
	font-weight: 500;
	text-align: left;
	line-height: 20px;
	padding-top: 0;
	margin-bottom: 4px;
}

.form-label span {
	color: red;
}

form.contactpack input,
form textarea {
	max-width: 100%;
	width: 100%;
	margin-right: 8px;
	box-sizing: border-box;
	padding: 0 15px;
	min-height: 27px;
	border-radius: 0;
	background: #f5f8fa;
	height: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #33475b;
	border: 1px solid #cbd6e2;
}

form.contactpack textarea {
	height: 78px;
}

form.contactpack .error label {
	color: #e54b31;
	font-weight: bold;
}

form.contactpack .requiredlabel {
	color: #e54b31;
	font-size: 10px;
	padding-left: 5px;
}

form.contactpack input.button {
	position: relative;
	width: 275px;
	padding: 20px 40px;
	background-color: #272727b8;
	backdrop-filter: blur(5px);
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #ffffff;
	cursor: pointer;
	height: 70px;
}

form.contactpack input.button:hover {
	background-color: #0D7EA0;
	border: 1px solid #0D7EA0;
}

form.contactpack .error {
	border: solid 1px #e54b31;
}

#dom-output {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
}

#dom-output p {
	font-size: 16px;
	text-align: center;
	opacity: 0;
}

.vimeo-wrapper {
	/* position: fixed; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw;
	/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh;
	/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#wrapper {
	/* text-align: left; */
	margin: 20px auto;
	width: 800px;
	/* display: flex;
	flex-wrap: wrap; */
	align-content: center;
}

object {
	display: block;
}

embed {
	display: inline-block;
	float: left;
}

.about {
	background: url("../images/visit-arrow.png") #1da7cf no-repeat center right;
}

.mainabout {
	position: relative;
	max-width: 1920px;
	top: 70px;
	padding: 5vw;
	margin: 5vw;
	background-color: #ffffff;
	text-align: left;
}

.mainabout h1 {
	font-size: 64px;
	color: #272727;
	padding: 0;
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	;
}

.mainabout h2 {
	font-size: 18px;
	color: #272727;
	padding: 0;
	margin: 0;
	line-height: 30px;
	letter-spacing: 0.1px;
	font-family: "Roboto Slab", serif;
	font-weight: 400;
	text-transform: none;
}

}

.oldie body {
	min-width: 960px;
}

.hidden {
	display: none;
}

.fancybox-title a {
	color: #fff;
}

a.title-link {
	background: url("../images/visit-arrow.png") #1da7cf no-repeat center right;
	color: #ffffff;
	padding: 3px 25px 3px 10px;
	margin-left: 5px;
}

a.title-link:hover {
	color: #ffffff;
	background: url("../images/visit-arrow.png") rgb(229, 75, 49) no-repeat center right;
}

.activeFilter {
	color: #e63d2f;
	background: #CFCECC;
	opacity: 1.0;

}

#bg {
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: -1;
}

#bg img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}

.ie7 #bg img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
}

.alt-menu {
	margin: 0;
	padding: 0 1.50%;
	font-size: 22px;
	font-family: 'tradegothiccondensed_no_18', sans-serif;
}

.alt-menu li {
	display: inline-block;
	margin: 0px 8px 0px 5px;
	padding: 0;
}

.alt-menu a {
	color: #ffffff;
}

.alt-menu a:hover {
	color: #ea583f
}

.ie7 .alt-menu li {
	display: block;
	float: left;
}

/**
 * Filters
 */

#filters {
	/* padding: 0 15px; */
	margin-bottom: 60px;
	list-style-type: none;
	width: 90%;
	/* background: rgba(39, 39, 39, 0.83);; */
	position: relative;
	font-size: 95%;
}

#filters li {
	text-transform: uppercase;
	font-weight: 100;
	display: inline-block;
	padding: 2px 7px 1px 7px;
	cursor: pointer;
	margin: 0px;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

#filters .filter-divder {
	height: 5px;
	border-right: solid 5px;
	margin: 0 5px;
	display: inline-block;
	position: relative;
	top: -2px;
}

#filters li:hover {
	color: #ffffff;
	background: #e63d2f;
}

#filters li.first {
	color: #1da7cf;
}

#filters li.first:hover {
	color: #e63d2f;
	cursor: default;
	background: none;
}

#filters li.active {
	color: #ffffff;
	background: #e63d2f;
}

/* ---- isotope ---- */
.grid {
	margin: 0 auto;
	/* margin-bottom: 100px; */
}

/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid-item {
	position: relative;
	float: left;
	width: 400px;
	margin: 5px;
	overflow: hidden;
}

.grid-item img {
	display: block;
}

.grid-item-number {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	border-left: 3px solid #e63d2f;
}

.grid-item img {
	left: 0px;
	top: 0px;
	width: 400px;
	height: auto;
	position: relative;
}

.grid-item a span {
	display: none;
	font-size: 1.2em;
	line-height: 1em;
	max-height: 100px;
	padding-top: 7px;
	position: absolute;
	color: #1da7cf;
	text-align: center;
	text-decoration: none;
	width: 100%;
	text-transform: uppercase;
	z-index: 100;
	bottom: 0;
}

.grid-item embed {
	width: 400px;
	height: 400px;
}

.grid-item a span.anim {
	color: #e63d2f;
}

.grid-item a span.interact {
	color: #98D119;
}

.grid-item a span.render {
	color: #EBAF22;
}

.grid-item a span em {
	display: block;
	font-size: 0.65em;
	font-weight: normal;
}

.grid-thumb {
	-webkit-transition: all 1s;
	/* Safari */
	transition: all 1s;
}

.grid-img-scale {
	transform: scale(1.2);
}

.type-icn {
	height: 35px !important;
	width: 35px !important;
	position: absolute !important;
	z-index: 99 !important;
	left: auto !important;
	top: 5px !important;
	right: 5px !important;
	opacity: 0.5 !important;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	cursor: default;
}


.grid-item:hover .type-icn {
	opacity: 1.0 !important;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	cursor: default;
}

.row .fourteen.columns {
	margin-left: 0 !important;
	/* Part of the Grid-ui.css Dan used. */
}

/* --- Dark hover background ------------------------------------------------------------ */
.video-background {
	background-color: rgb(15, 15, 15);
	background-color: rgba(15, 15, 15, 0.8);
	color: #fff;
	text-shadow: #000 0px 0px 10px;
}

.video-background em {
	color: #ccc;
}

.switch-toggle {
	position: absolute;
	bottom: -40px;
	left: 25px;
	display: inline-block;
	width: 40px;
	height: 20px;
	border-radius: 25px;
	background-color: #989898;
	cursor: pointer;
}

.switch-toggle input {
	display: none;
}

.switch-toggle div {
	position: absolute;
	border-radius: 50%;
	background-color: #DFDFDF;
	transition: .1s ease;
}

.switch-toggle div span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(40, 40, 40, 0.92) position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: -5px;
	top: 50%;
}

.switch-toggle.outer div {
	width: 26px;
	height: 26px;
	top: -3px;
	left: -3px;
}

.switch-toggle input:checked+div {
	left: 50%;
}

.switch-toggle input:checked+div span {
	background: #e63d2f;
}

.switch-toggle span {
	position: absolute;
	left: 50px;
	white-space: nowrap;
	line-height: 20px;
}

/*Loading Animation */
.loading {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	background-image: url(../images/spinner.svg);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.disable {
	background: #ffffff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}

article,
aside,
figure,
footer,
hgroup,
menu,
nav,
section {
	display: block;
}


.hidden {
	display: none;
}

/* Default paragraph styles */
p {
	border-top-color: #e63d2f;
	font-family: 'tradegothiccondensed_no_18', sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
}

/* Default header styles */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	line-height: .9;
	font-family: 'tradegothiccondensed_no_18', sans-serif;
	white-space: nowrap
}

.oldie body,
.oldie .navbar,
.oldie .main,
.oldie #content,
.oldie .row {
	min-width: 900px !important;
}

.oldie .main {
	display: none;
}

.intro1,
.intro2,
.intro3,
.intro4,
.intro5,
.intro6 {
	margin: 90px 0px 0px 80px;
}

.gallery-view {
	position: relative;
	top: 40px;
	width: 280px;
	height: 44px;
	background: url(../img/view-gallery.png) 0 0 no-repeat;
}

.gallery-view:hover {
	position: relative;
	top: 40px;
	width: 280px;
	height: 44px;
	background: url(../img/view-gallery.png) 0 -44px no-repeat;
}

.scroll-down {
	display: block;
	margin: 35px auto 0 auto;
	width: 280px;
	height: 44px;
	background: url(../img/scroll-down.png) 0 0 no-repeat;
}

.scroll-down:hover {
	width: 280px;
	height: 44px;
	background: url(../img/scroll-down.png) 0 -44px no-repeat;
}

.back-top {
	position: relative;
	top: 0px;
	width: 280px;
	height: 44px;
	background: url(../img/back-top.png) 0 0 no-repeat;
}

.back-top:hover {
	position: relative;
	top: 0px;
	width: 280px;
	height: 44px;
	background: url(../img/back-top.png) 0 -44px no-repeat;
}

.ie7 .gallery-view,
.ie7 .scroll-down,
.ie7 .back-top {
	height: 43px;
}

.slide {
	width: 100%;
	height: 100%;
	position: relative;
}

#nav,
#nav2 {
	text-align: center;
	position: relative;
	width: 280px;
	left: 50%;
	margin-left: -140px;
	top: 0;
}

.ie7 #nav2 {
	text-align: center;
	position: relative;
	width: 100%;
	left: auto;
	margin-left: auto;
	top: 0;
}



#nav li,
#nav2 li,
#nav-down li {
	display: inline-block;
}

#nav .button,
#nav2 .button {
	display: inline-block;
	line-height: .7;
	text-transform: uppercase;
	font-family: 'tradegothiccondensed_no_18', Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 8px;
	color: #cccccc;
	margin: 0;
}

#nav .button:hover,
#nav2 .button:hover {
	color: #FFF;
}

#nav3 {
	position: absolute;
	left: 5px;
	top: 5px;
}

#nav3 li {
	display: inline-block;
}

#nav3 .button {
	display: inline-block;
	line-height: .7;
	text-transform: uppercase;
	font-family: 'tradegothiccondensed_no_18', Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	border-radius: 0px;
	border: none;
	padding: 8px 8px;
	background: #666;
	color: #cccccc;
	margin: 0;
}

#nav3 .button:hover {
	color: #FFF;
	background-color: #444;
}

#nav3 .button+.button {
	margin-left: 1em;
}



/*.container {  top: 80px; padding-bottom: 140px; }*/
.left {
	float: left;
}

.right {
	float: right;
}

.left-panel {
	width: 80%;
	float: left;
	position: relative;
}

.intro {
	height: 350px;
	overflow: hidden;
}

.static-img {
	position: relative;
	left: 0;
	top: 0;
	max-height: 30%;
}

.menu {
	position: absolute;
	left: 5px;
	top: 0;
}

.menu li {
	display: inline-block;
}

.menu button {
	display: inline-block;
	line-height: .7;
	text-transform: uppercase;
	font-family: 'tradegothiccondensed_no_18', Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	border-radius: 0px;
	border: none;
	padding: 8px 8px;
	background: #666;
	color: #cccccc;
	margin: 0;
}

.menu button:hover {
	color: #FFF;
	background-color: #444;
}

.menu button+.button {
	margin-left: 1em;
}

.align-center {
	text-align: center;
}

.vid-cont2 {
	position: relative;
	top: 45%;
	left: 50%;
	right: 0;
	height: 360px !important;
	text-align: center;
	margin: -160px auto 0px -320px;
	width: 640px;
	padding: 0px;
}

.vid-cont2 iframe,
.vid-cont2 object,
.vid-cont2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vid-cont {
	position: absolute;
	top: 45%;
	left: 50%;
	right: 0;
	height: 360px !important;
	max-height: 560px;
	text-align: center;
	margin: -160px auto 0 -320px;
	width: 640px;
	padding: 0;
}

.vid-cont iframe,
.vid-cont object,
.vid-cont embed {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
	width: 100% !important;
	height: auto !important;
}

.vid-cont3 {
	width: 80%;
	min-width: 280px;
	margin: 0 auto;
	max-width: 800px;
	position: relative;
	top: 25%;
}

.navbar {
	position: fixed;
	background: rgba(255, 255, 255, 1.0);
	width: 100%;
	z-index: 8000;
	height: 78px;
	border-bottom: 1px solid #272727;
}

.oldie .navbar {
	height: 99px;
	position: fixed;
	background: #282828;
	width: 100%;
	z-index: 8000;
	height: 70px;
	border-bottom: 1px solid #000;
}

.logo {
	width: 100%;
	max-width: 500px;
	margin: 13px 0 0 15px;
}

#main {
	text-align: left;
}

#parent {
	margin: 70px auto 0 auto;
	overflow: hidden;
	padding-bottom: 150px !important;
}

.section-title {
	font-size: 40px;
	color: #5f5f5f;
	width: 100%;
	border-bottom: 1px solid #666;
	margin: 0;
}


.main-menu {
	position: relative;
	margin: 0px auto 0px auto;
	float: right;
	width: 100%;
}


.main-menu ul {
	list-style: none;
	position: relative;
	text-align: right;
	margin: 0 auto;
}

.main-menu li {
	display: inline-block;
	padding: 0px 15px 0px 15px;
	position: relative;
	top: 13px;
}

.main-menu a {
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	float: right;
	text-align: right;
	white-space: nowrap;
	color: #272727;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 58px;
	letter-spacing: .06em;
	padding: 0;
}

.main-menu li.active a {
	color: #1082a4;
}

.main-menu li.inactive a {
	color: ##272727;
}

.oldie .main-menu.sub li:hover {
	background: #ffffff;
}

.main-menu.sub {
	position: relative;
	margin: 0 auto;
	float: right;
	max-width: 100%;
	width: auto;
}

.main-menu .sub1 {
	position: relative;
	width: 100%;
	background: url(../img/left-menu-back.png) 0 0 no-repeat;
	top: -8px;
	padding: 0;
	line-height: 37px;
	height: 37px;
	margin: 0 auto;
	text-align: center;
	display: none;
	overflow: visible;
	padding-left: 35px;
}

.main-menu .sub1 li {
	display: inline-block;
	padding: 0px 5px 0px 5px;
}

#toggle1 a {
	color: #272727;
	border-bottom: 6px solid #ffffff;
}

#toggle1:hover a {
	color: #1082a4;
	border-bottom: 6px solid #272727;
}

#toggle1.active a {
	color: #1082a4;
	border-bottom: 6px solid #272727;
}

#toggle3 a {
	color: #272727;
	border-bottom: 6px solid #ffffff;
}

#toggle3:hover a {
	color: #1082a4;
	border-bottom: 6px solid #ffffff;
}

#toggle3.active a {
	color: #1082a4;
	border-bottom: 6px solid #ffffff;
}

#toggle3 {
	padding-right: 30px;
}

html.no-js .navbar {
	display: block
}

html.no-js .sub1 {
	display: block
}

html.no-js .vid-cont {
	display: block
}

.sub-menu .animations:before {
	content: '.';
	font-size: 0;
	float: left;
	width: 48px;
	margin-right: -8px;
	line-height: 35px;
	background: url(../img/icons.png) -205px -1px no-repeat;
	padding-left: 10px;
}

.sub-menu .photo-sims:before {
	content: '.';
	font-size: 0;
	float: left;
	width: 48px;
	margin-right: -8px;
	line-height: 35px;
	background: url(../img/icons.png) -252px -1px no-repeat;
	padding-left: 10px;
}

.sub-menu .transportation:before {
	overflow: visible;
	content: '.';
	font-size: 0;
	float: left;
	width: 50px;
	margin-right: -8px;
	line-height: 35px;
	background: url(../img/icons.png) -83px 0px no-repeat;
	padding-left: 20px;
}

.sub-menu .energy:before {
	overflow: visible;
	content: '.';
	font-size: 0;
	float: left;
	width: 45px;
	margin-right: -7px;
	line-height: 35px;
	background: url(../img/icons.png) -162px 0px no-repeat;
	padding-left: 10px;
}

.sub-menu .planning:before {
	content: '.';
	font-size: 0;
	float: left;
	width: 45px;
	margin-right: -10px;
	line-height: 35px;
	background: url(../img/icons.png) -130px -1px no-repeat;
	padding-left: 10px;
}

.sub-menu .animations:hover:before {
	background: url(../img/icons.png) -205px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .photo-sims:hover:before {
	background: url(../img/icons.png) -252px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .transportation:hover:before {
	background: url(../img/icons.png) -83px -34px no-repeat;
	padding-left: 10px;
}

.sub-menu .energy:hover:before {
	background: url(../img/icons.png) -162px -34px no-repeat;
	padding-left: 10px;
}

.sub-menu .planning:hover:before {
	background: url(../img/icons.png) -130px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .about:hover:before {
	background: url(../img/icons.png) -5px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .contact:hover:before {
	background: url(../img/icons.png) -45px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.animations:before {
	background: url(../img/icons.png) -205px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.photo-sims:before {
	background: url(../img/icons.png) -252px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.transportation:before {
	background: url(../img/icons.png) -90px -34px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.energy:before {
	background: url(../img/icons.png) -162px -34px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.planning:before {
	background: url(../img/icons.png) -127px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.about:before {
	background: url(../img/icons.png) -5px -35px no-repeat;
	padding-left: 10px;
}

.sub-menu .active.contact:before {
	background: url(../img/icons.png) -45px -35px no-repeat;
	padding-left: 10px;
}


.sub-menu {
	list-style: none;
	margin: 0px 0px 0px 0px !important;
}

.sub-menu li a {
	position: relative;
	color: #000;
	letter-spacing: .07em;
	font-weight: 300;
	font-size: 13px;
	padding-right: 20px;
	line-height: 34px;
	margin: 0;
	display: inline-block;
}

.sub-menu li a:hover,
.sub-menu li a.active {
	color: #e63d2f;
	background: #fff;
}

.sub-menu li a.icon-one {
	background: url() no-repeat;
}

.oldie .sub-menu .animations {
	overflow: hidden;
	width: 150px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-animation.png) 22px 0px no-repeat;
}

.oldie .sub-menu .photo-sims {
	overflow: hidden;
	width: 195px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-photosim.png) 22px 0px no-repeat;
}

.oldie .sub-menu .transportation {
	overflow: hidden;
	width: 180px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-transport.png) 22px 0px no-repeat;
}

.oldie .sub-menu .energy {
	overflow: hidden;
	width: 95px;
	float: left;
	margin-top: -2px;
	height: 35px;
	background: url(../img/icon-energy.png) 0px 0px no-repeat;
}

.oldie .sub-menu .planning {
	overflow: hidden;
	width: 185px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-planning.png) 20px 0px no-repeat;
}

.oldie .sub-menu li a.active.animations,
.oldie .sub-menu li a.animations:hover {
	background: url(../img/icon-animation.png) 22px 0px no-repeat;
	color: #ea583f;
}

.oldie .sub-menu li a.active.photo-sims,
.oldie .sub-menu li a.photo-sims:hover {
	background: url(../img/icon-photosim.png) 22px 0px no-repeat;
	color: #ea583f
}

.oldie .sub-menu li a.active.transportation,
.oldie .sub-menu li a.transportation:hover {
	background: url(../img/icon-transport.png) 22px 0px no-repeat;
	color: #ea583f
}

.oldie .sub-menu li a.active.energy,
.oldie .sub-menu li a.energy:hover {
	background: url(../img/icon-energy.png) 0px 0px no-repeat;
	color: #ea583f
}

.oldie .sub-menu li a.active.planning,
.oldie .sub-menu li a.planning:hover {
	background: url(../img/icon-planning.png) 20px 0px no-repeat;
	color: #ea583f
}

.ie7 .sub-menu li a.active.animations,
.ie7 .sub-menu li a.animations:hover {
	background: url(../img/icon-animation.png) 22px 0px no-repeat;
	color: #ea583f
}

.ie7 .sub-menu li a.active.photo-sims,
.ie7 .sub-menu li a.photo-sims:hover {
	background: url(../img/icon-photosim.png) 22px 0px no-repeat;
	color: #ea583f
}

.ie7 .sub-menu li a.active.transportation,
.ie7 .sub-menu li a.transportation:hover {
	background: url(../img/icon-transport.png) 22px 0px no-repeat;
	color: #ea583f
}

.ie7 .sub-menu li a.energy {
	background: url(../img/icon-energy.png) -5px 2px no-repeat
}

.ie7 .sub-menu li a.active.energy,
.ie7 .sub-menu li a.energy:hover {
	background: url(../img/icon-energy.png) -5px 0px no-repeat;
	color: #ea583f
}

.ie7 .sub-menu li a.active.planning,
.ie7 .sub-menu li a.planning:hover {
	background: url(../img/icon-planning.png) 25px 0px no-repeat;
	color: #ea583f
}

.ie7 .sub-menu .animations {
	display: block;
	width: 125px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-animation.png) 22px 0px no-repeat;
}

.ie7 .sub-menu .photo-sims {
	display: block;
	width: 170px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-photosim.png) 22px 0px no-repeat;
}

.ie7 .sub-menu .transportation {
	display: block;
	width: 160px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-transport.png) 22px 0px no-repeat;
}

.ie7 .sub-menu .energy {
	display: block;
	width: 70px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-energy.png) 0px 0px no-repeat;
}

.ie7 .sub-menu .planning {
	display: block;
	width: 170px;
	float: left;
	margin-top: 0px;
	height: 35px;
	background: url(../img/icon-planning.png) 25px 0px no-repeat;
}

.ie7 .main-menu {
	width: auto;
}

.ie7 .main-menu ul {
	display: table;
	list-style: none;
	text-align: right;
	margin: 0px auto 0px auto;
	padding-left: 0px;
	margin-right: 20px;
}

.ie7 .main-menu .sub1 {
	position: relative;
	width: 100%;
	background: url(../img/left-menu-back.png) 0 0 no-repeat;
	top: 0px;
	padding: 0;
	line-height: 37px;
	height: 37px;
	margin: 0 auto;
	text-align: center;
	display: none;
	overflow: visible;
	float: right;
}

.ie7 .main-menu li {
	display: block;
	float: left;
	margin: 0px;
	width: 80px;
	padding: 0px 35px 0px 20px;
}

.ie7 .main-menu .sub-menu {
	padding-left: 33px;
}

.ie7 .main-menu .sub-menu ul {
	display: table;
	width: 620px;
	list-style: none;
	text-align: right;
	margin: 0px auto 0px auto;
}

.ie7 .main-menu .sub-menu li {
	display: block;
	float: left;
	margin: 0px;
	width: auto;
	padding: 0px 10px 0px 10px;
}

.ie7 .main-menu .sub-menu li a {
	display: block;
	float: left;
}

.ie7 #toggle1 {
	margin-left: 0px;
}

.ie7 #toggle3 {
	display: block;
	width: 40px;
	padding: 0px;
	margin: 18px 0px 0px 0px;
}




/* END IE MENU*/

/* Custom lightbox JDT */
.modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 999999;
}

.modal-gify-content,
.modal-video-content {
	margin: 0 auto;
	overflow: hidden;
	max-width: 1400px;
	padding: 0;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.modal-gify-content {
	padding: 50px 15px;
	max-width: 1100px;
	display: none;
}

.modal-sim-content {
	display: none;
	position: relative;
	margin: auto;
	padding: 0;
	width: 100%;
	max-width: 1400px;
	display: block;
}

.close {
	color: white;
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 45px;
	line-height: 1em;
	text-align: center;
	cursor: pointer;
	font-family: Verdana, sans-serif;
	z-index: 15;
}

.modal-sim-content #showcase-title {
	position: absolute;
	bottom: -55px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	margin: 15px;
	color: #ffffff;
}

.modal-gify-content #showcase-title {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
	margin: 15px;
	color: #ffffff;
}

.modal-video-content #showcase-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
	padding: 15px;
	color: #ffffff;
}

#gfyitem {
	overflow: hidden;
}

#web-link {
	/* position: absolute; */
	/* bottom: 10px; */
	left: 0;
	right: 0;
	text-align: center;
	margin: 30px;
	/* height: 29px; */
}

#web-link a {
	/* background: #e63d2f;
	color: white;
	padding: 5px 10px;
	font-size: 1.1em;
	line-height: 29px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out; */

	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	font-style: inherit;
	font-variant: inherit;
	font-stretch: inherit;
	text-decoration: none;
	margin: 0px;
	background: rgb(255, 255, 255);
	overflow: visible;
	border: 1px solid rgb(255, 255, 255);
	padding: 12px 38px;
	color: rgb(39, 39, 39);
	transition-property: color, background-color, border-color, box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 21px;
}

#web-link a:hover {
	background-color: rgb(78, 203, 239);
	border-color: rgb(78, 203, 239);
	box-shadow: none;

	/* background: #969696 */
}

.close:hover {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.video-responsive {
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 50px 0;
}

/* Light box animation */
.modal {
	-ms-transform: scaleY(0.01) scaleX(0);
	-webkit-transform: scaleY(0.01) scaleX(0);
	transform: scaleY(0.01) scaleX(0);
	animation: unfoldIn .7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.modal-video-content {
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.modal.out {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	animation: unfoldOut .7s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/*.modal.out .modal-content {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}*/
@keyframes unfoldIn {
	0% {
		-ms-transform: scaleY(0.005) scaleX(0);
		-webkit-transform: scaleY(0.005) scaleX(0);
		transform: scaleY(0.005) scaleX(0);
	}

	50% {
		-ms-transform: scaleY(0.005) scaleX(1);
		-webkit-transform: scaleY(0.005) scaleX(1);
		transform: scaleY(0.005) scaleX(1);
	}

	100% {
		-ms-transform: scaleY(1) scaleX(1);
		-webkit-transform: scaleY(1) scaleX(1);
		transform: scaleY(1) scaleX(1);
	}
}

@keyframes unfoldOut {
	0% {
		-ms-transform: scaleY(1) scaleX(1);
		-webkit-transform: scaleY(1) scaleX(1);
		transform: scaleY(1) scaleX(1);
	}

	50% {
		-ms-transform: scaleY(0.005) scaleX(1);
		-webkit-transform: scaleY(0.005) scaleX(1);
		transform: scaleY(0.005) scaleX(1);
	}

	100% {
		-ms-transform: scaleY(0.005) scaleX(0);
		-webkit-transform: scaleY(0.005) scaleX(0);
		transform: scaleY(0.005) scaleX(0);
	}
}

.rsSlide {
	opacity: .4;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.rsActiveSlide {
	opacity: 1.0 !important;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

#options {
	width: 100%;
	position: relative;
	clear: both;
}

.box-title {
	font-size: 30px;
	margin-bottom: 10px;
}

.element {
	width: 210px;
	margin: 7px;
	float: left;
	padding: 0px;
	overflow: hidden;
	position: relative;
	background: none;
	color: #282828;
}

.iframe-link {
	padding: 0px 0px 0px 5px;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	color: #666666;
	width: 50%;
	background: #000000;
	position: absolute;
	bottom: 2px;
	z-index: 8000;
	border-right:
}

.iframe-link:after {
	border-top: 20px solid #000000;
	border-right: 20px solid transparent;
	right: -18px;
	top: 0;
	font-size: 0px;
	content: ".";
	position: absolute;
}

#section2 {
	margin-top: 200px;
	padding-bottom: 400px;
}

#section1 {
	margin-top: 140px;
	padding-bottom: 0px;
}


.ie7 .scroll-down,
.ie7 .next {
	pointer-events: none;
	cursor: default;
}

/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	background: #282828;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	overflow: visible;
	padding-top: 0px;
	bottom: 860px;
	position: relative
}

.rsDefault .rsTab h2 {
	font-size: 20px;
	line-height: 16px;
	white-space: nowrap;
}

.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin: 0;
	font-size: 35px;
	line-height: 25px;
	color: #ea583f;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	padding: 30px 20px 20px 20px;
	margin: 5px 50px 6px;
	text-decoration: none;
	font-family: 'tradegothiccondensed_no_18', 'Arial Narrow', sans-serif;
	*display: inline;
	*zoom: 1;
	opacity: 0.45;
	background: #222222;
	-moz-box-shadow: 0 0 20px #191919;
	-webkit-box-shadow: 0 0 20px #191919;

	width: 100px;
	height: 100px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.rsDefault .rsTab:first-child {}

.rsDefault .rsTab:last-child {}

.rsDefault .rsTab:active {
	color: #ffffff;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	opacity: 1;
}

.rsDefault .rsTab.rsNavSelected {
	color: #ea583f;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	opacity: 1;
	background: #222222;
	-moz-box-shadow: 0 0 20px #161616;
	-webkit-box-shadow: 0 0 20px #161616;
}

.oldie .rsDefault .rsTab.rsNavSelected,
.oldie .rsDefault .rsTab {
	background: url(../img/ie-circle.png) no-repeat;
	width: 110px;
	height: 110px;
	padding: 35px 20px 20px 20px;
}

.rsDefault .rsTab.rsNavSelected h2 {
	color: #ffffff;
}

/* END TABS */


#gallery-1 {
	height: 740px;
	width: 100%;
	top: 200px;
}

.rtg-categories {
	width: 100%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.rsContent {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 740px;
}

.rsSlide {
	max-height: 740px;
	overflow: visible;
}


/* FOOTER*/
.footer {
	position: fixed;
	padding: 3px 0px 0px 10px;
	margin: 0;
	width: 100%;
	bottom: 0;
	text-align: center;
	background: none repeat scroll 0% 0% rgba(40, 40, 40, 0.92);
	color: rgb(153, 153, 153);
	z-index: 99;
	border-top: 1px solid #454545;
	font-size: 10px;
}

.footer a {
	padding: 0;
	line-height: 35px;
}

.footer .logo {
	text-align: center;
	height: 35px;
}

.footer .logo img {
	width: 380px;
	margin: 0px auto -8px auto;
	padding: 0;
}

/* END FOOTER */


/* Form Styles */

.show-for-small {
	display: none;
}

hr.style-two {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(130, 130, 130, 0), rgba(130, 130, 130, 0.75), rgba(130, 130, 130, 0));
	background-image: -moz-linear-gradient(left, rgba(130, 130, 130, 0), rgba(130, 130, 130, 0.75), rgba(130, 130, 130, 0));
	background-image: -ms-linear-gradient(left, rgba(130, 130, 130, 0), rgba(130, 130, 130, 0.75), rgba(130, 130, 130, 0));
	background-image: -o-linear-gradient(left, rgba(130, 130, 130, 0), rgba(130, 130, 130, 0.75), rgba(130, 130, 130, 0));
}

aside {
	8000 !important
}

#content h1 {
	font-size: 155px;
}

#content h2 {
	font-size: 600%;
	color: #ffffff;
	text-shadow: 0px 0px 10px #da5c46;
	filter: dropshadow(color=#da5c46, offx=0, offy=0);
}

.mobile-menu {
	display: none;
}



/* DL Menu Styles ------------------------------------------------------------------------------------ */

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	z-index: 99999 !important;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.slide3 .bContainer {
	margin-top: 10%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ffffff;
	border: none;
	width: 40px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #ffffff;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 2px;
	background: #000;
	top: 12px;
	left: 16%;
	box-shadow:
		0 10px 0 #000,
		0 20px 0 #000;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;

}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-transform: uppercase;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back>a {
	padding-left: 30px;
	background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212, 204, 198, 0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li>a:after {
	right: 10px;
	color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

.dl-menu ul,
.dl-submenu ul {
	margin: 0px !important;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
	display: block;
	z-index: 999999999999999999999999999999999999 !important;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper>.dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}

	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}

	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}

	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}

	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}

	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}

	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}

	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}

	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}

	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}

	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}

	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}

	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}

	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}

	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}

	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}

	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}

	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}

	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}

	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}

	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}

	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}

	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}

	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}

	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}

	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}

	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}

	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}

	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}

	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}

	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}

	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* Colors for demos */

/* Demo 1 */
.dl-menuwrapper button {
	background: #ffffff;
}


.dl-menuwrapper button:hover {
	background: #ffffff;
}

.dl-menuwrapper ul {
	background: rgb(16, 130, 164);

}

.dl-menuwrapper button.dl-active {
	background: #fff;
}

.hide-for-medium-up {
	display: none;
}

/* Media Queries ------------------------------------------------------------------------------------ */

/* iPhone, etc portrait ----
	body { background: pink; }
	body:before { content: "Between 320 and 480"; } */
@media only screen and (min-width: 200px) and (max-width: 480px) {

	#story-header ul li {
		font-size: 16px;
		margin: 0px 0px 0px -20px;
	}

	.bottom-menu a {
		margin-left: 0px !important;
	}

	#intro {
		min-height: 320px !important;
	}

	.vid-cont3 {
		width: 80%;
		min-width: 280px;
		margin: 0 auto;
		max-width: 800px;
		position: absolute;
		top: 5%;
		left: 20px;
		z-index: 999999999999999999999999999999999999999999 !important;
	}

	.scroll-down {
		display: block;
		margin: 35px auto 0 auto;
		width: 280px;
		height: 44px;
		background: url(../img/swipe-down.png) 0 0 no-repeat;
		background-size: 100%;
	}

	.scroll-down:hover {
		width: 280px;
		height: 44px;
		background: url(../img/swipe-down.png) 0 -44px no-repeat;
	}

	.rtg-categories {
		display: block;
		width: 90%;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	body {
		background: #282828;
		overflow: visible;
	}

	.small-centered {
		margin: 0px auto !important;
		width: 85% !important;
		padding: 0;
	}

	.hide-for-small {
		display: none;
	}

	.logo img {
		width: 350px;
		margin: 0px;
		padding: 0;
	}

	p {
		font-size: 13px;
		line-height: 22px;
	}

	.static-img {
		position: relative;
		left: 0;
		top: 0;
		max-height: 30%;
	}

	.rsDefault .rsTab {
		display: inline-block;
		cursor: pointer;
		text-align: center;
		margin: 0;
		font-size: 20px;
		line-height: 20px;
		color: #ea583f;
		transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		padding: 15px 8px 8px 8px;
		margin: 5px 5px 0px;
		text-decoration: none;
		font-family: 'tradegothiccondensed_no_18', 'Arial Narrow', sans-serif;
		opacity: 0.45;
		background: #222222;
		-moz-box-shadow: 0 0 20px #191919;
		-webkit-box-shadow: 0 0 20px #191919;
		width: 70px;
		height: 70px;
		-moz-border-radius: 35px;
		-webkit-border-radius: 35px;
		border-radius: 35px;
	}

	.rsTab h2 {
		padding: 0px;
		font-size: 18px !important;
		line-height: 15px !important;
	}

	.row .mobile_one {
		width: 25% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_one:last-child {
		float: right;
	}

	.row .mobile_two {
		width: 50% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_two:last-child {
		float: right;
	}

	.row .mobile_three {
		width: 75% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_three:last-child {
		float: right;
	}

	.row .mobile_four {
		width: 100% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_four:last-child {
		float: right;
	}

	.mobile_push_one {
		left: 25%;
	}

	.mobile_pull_one {
		right: 25%;
	}

	.mobile_push_two {
		left: 50%;
	}

	.mobile_pull_two {
		right: 50%;
	}

	.mobile_push_three {
		left: 75%;
	}

	.mobile_pull_three {
		right: 75%;
	}

	.mobile_first {
		clear: left;
	}


	.filter-nav {
		width: 100%;
		text-transform: uppercase;
		color: #999;
		font-size: 14px;
		line-height: 16px;
		font-family: 'tradegothiccondensed_no_18', sans-serif;
		margin: 30px 0px 0px 0px;
	}

	.filter-nav li.first {
		font-size: 17px;
		padding-bottom: 4px;
		line-height: 50px;
		position: relative;
		top: -16px;
		margin-left: 5px !important;
	}

	.csstransforms aside {
		padding-left: 0px;
	}

	.vjs-default-skin .vjs-big-play-button {
		display: block;
		/* Start hidden */
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 6.0em !important;
		height: 6.0em !important;
		margin: -38px 0 0 -38px;
		text-align: center;
		vertical-align: center;
		cursor: pointer !important;
		border: 1px solid #999999;
		opacity: 0.75;

		background: #454545;
		background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #454545), color-stop(50%, #232323), color-stop(50%, #161616), color-stop(100%, #3f3f3f));
		background: -webkit-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		background: -o-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		background: -ms-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#3f3f3f', GradientType=0);
		background: linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);

		/* CSS Shadows */
		-webkit-box-shadow: 4px 4px 8px #000;
		-moz-box-shadow: 4px 4px 8px #000;
		box-shadow: 4px 4px 8px #000;
	}

	.vid-cont2 {
		position: relative;
		top: 0%;
		left: 0%;
		right: 0;
		height: auto !important;
		min-height: 300px;
		text-align: center;
		margin: 50px auto 0px auto !important;
		width: 70% !important;
		padding: 0;
	}

	.vid-cont {
		position: absolute;
		top: 45%;
		left: 0%;
		right: 0;
		height: auto !important;
		max-height: 560px;
		text-align: center;
		margin: 0px auto 0 auto;
		width: 80%;
		padding: 0;
	}

	.vid-cont iframe,
	.vid-cont object,
	.vid-cont embed {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	video {
		width: 100% !important;
		height: auto !important;
	}


	#video-player1 {
		width: 100% !important;
		height: auto;
		min-height: 120px;
		max-height: 190px;
	}

	.rsActiveSlide img {
		width: 70% !important;
		transition: width .85s ease-in-out;
		-moz-transition: width .85s ease-in-out;
		-webkit-transition: width .85s ease-in-out;
	}

	.rsSlide img {
		width: 70% !important;
		transition: width .85s ease-in-out;
		-moz-transition: width .85s ease-in-out;
		-webkit-transition: width .85s ease-in-out;
	}

	.container {
		position: relative;
		top: 40px;
		padding: 0px 10px;
		width: 100%;
		padding-bottom: 60px;
	}

	#parent {
		margin: -40px auto 0 auto;
		overflow: hidden;
	}

	.rsContent {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		height: 450px;
	}

	.royalSlider {
		width: 100%;
		height: 100%;
		max-height: 450px;
		position: relative;
		direction: ltr;
	}

	.rsDefault .rsTabs {
		width: 100%;
		background: #282828;
		height: 0px;
		margin: 0 auto;
		text-align: center;
		overflow: visible;
		padding-top: 0px;
		bottom: 550px;
		position: relative
	}

	#gallery-1 {
		height: 540px;
		width: 100%;
		top: 100px;
	}

	.rsDefault .rsArrowIcn {
		display: none;
	}

	.bottom-menu li {
		display: block;
		text-align: center;
	}

	#content h2 {
		font-size: 400%;
		color: #ffffff;
		text-shadow: 0px 0px 10px #da5c46;
		filter: dropshadow(color=#da5c46, offx=0, offy=0);
	}

}

@media only screen and (min-width: 200px) and (max-width: 767px) {

	.hide-for-medium-up {
		display: block;
		float: right;
		width: 100%;
		padding-top: 6px
	}


	.rtg-images {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.logo-home {
		display: none;
	}

	.logo {
		width: 100%;
		max-width: 280px;
		margin: 18px 0 15px 50px;
	}

	.alt-menu {
		text-align: center;
		margin: 0 auto;
		padding: 0 1.50%;
		font-size: 22px;
		font-family: 'tradegothiccondensed_no_18', sans-serif;
	}

	.alt-menu li {
		display: inline-block;
		margin: 0px 8px 0px 5px;
		padding: 0;
		text-align: center;
	}


	/* FOOTER*/
	.footer {
		font-size: 11px;
	}

	.main-menu {
		display: none;
	}

	.navbar {
		position: fixed;
		background: rgba(255, 255, 255, 1.0);
		width: 100%;
		z-index: 8000;
		height: 70px;
		border-bottom: 1px solid #272727;
	}

	.mobile-menu {
		display: block;
	}

	.vid-cont {
		position: absolute;
		top: 45%;
		left: 0%;
		right: 0;
		height: auto !important;
		max-height: 560px;
		text-align: center;
		margin: -160px auto 0 auto;
		width: 80%;
		padding: 0;
	}

	.vid-cont iframe,
	.vid-cont object,
	.vid-cont embed {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	video {
		width: 100% !important;
		height: auto !important;
	}

}

/*iPhone 5 in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
	/* STYLES GO HERE */
}

/* iPhone 5 in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	/* STYLES GO HERE */
}

/* iPhone 5 in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	/* STYLES GO HERE */
}

@media only screen and (min-width: 481px) and (max-width: 767px) {

	.rtg-images {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.vid-cont3 {
		width: 80%;
		min-width: 280px;
		max-width: 600px;
		position: absolute;
		top: 45%;
		left: 50%;
		right: 0;
		height: 360px !important;
		text-align: center;
		margin: -160px auto 0px -300px;
	}

	#second {
		z-index: 9;
		position: relative;
	}

	.rtg-categories {
		display: block;
		width: 90%;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.rsDefault .rsTab {
		display: inline-block;
		cursor: pointer;
		text-align: center;
		margin: 0;
		font-size: 20px;
		line-height: 20px;
		color: #ea583f;
		transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		padding: 20px 10px 10px 10px;
		margin: 5px 10px 0px;
		text-decoration: none;
		font-family: 'tradegothiccondensed_no_18', 'Arial Narrow', sans-serif;
		opacity: 0.45;
		background: #222222;
		-moz-box-shadow: 0 0 20px #191919;
		-webkit-box-shadow: 0 0 20px #191919;
		width: 80px;
		height: 80px;
		-moz-border-radius: 70px;
		-webkit-border-radius: 70px;
		border-radius: 70px;
	}

	.rsDefault .rsArrowIcn {
		top: 20%;
	}

	.rsTab h2 {
		padding: 0px;
		font-size: 18px !important;
		line-height: 15px !important;
	}


	body {
		background: #282828;
		overflow: visible;
	}

	.small-centered {
		margin: 0px auto !important;
		width: 85% !important;
		padding: 0;
	}

	.hide-for-small {
		display: none;
	}

	.logo img {
		width: 350px;
		margin: 0px;
		padding: 0;
	}

	p {
		font-size: 13px;
		line-height: 22px;
	}


	.rsActiveSlide img {
		width: 70% !important;
		transition: width .85s ease-in-out;
		-moz-transition: width .85s ease-in-out;
		-webkit-transition: width .85s ease-in-out;
	}

	.rsSlide img {
		width: 70% !important;
		transition: width .85s ease-in-out;
		-moz-transition: width .85s ease-in-out;
		-webkit-transition: width .85s ease-in-out;
	}

	.static-img {
		position: relative;
		left: 0;
		top: 0;
		max-height: 30%;
	}

	#gallery-1 {
		height: 740px;
		width: 100%;
		top: 120px;
	}

	.row .mobile_one {
		width: 25% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_one:last-child {
		float: right;
	}

	.row .mobile_two {
		width: 50% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_two:last-child {
		float: right;
	}

	.row .mobile_three {
		width: 75% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_three:last-child {
		float: right;
	}

	.row .mobile_four {
		width: 100% !important;
		float: left;
		padding: 0 8px !important;
	}

	.row .mobile_four:last-child {
		float: right;
	}

	.mobile_push_one {
		left: 25%;
	}

	.mobile_pull_one {
		right: 25%;
	}

	.mobile_push_two {
		left: 50%;
	}

	.mobile_pull_two {
		right: 50%;
	}

	.mobile_push_three {
		left: 75%;
	}

	.mobile_pull_three {
		right: 75%;
	}

	.mobile_first {
		clear: left;
	}

	.big-row {
		width: 100%;
		max-width: 100% !important;
		margin: 0 auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	.filter-nav {
		width: 100%;
		text-transform: uppercase;
		color: #999;
		font-size: 14px;
		line-height: 16px;
		font-family: 'tradegothiccondensed_no_18', sans-serif;
		margin: 30px 0px 0px 0px;
	}

	.filter-nav li.first {
		font-size: 17px;
		padding-bottom: 4px;
		line-height: 50px;
		position: relative;
		top: -16px;
		margin-left: 5px !important;
	}

	.csstransforms aside {
		padding-left: 0px;
	}

	.vjs-default-skin .vjs-big-play-button {
		display: block;
		/* Start hidden */
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 6.0em !important;
		height: 6.0em !important;
		margin: -38px 0 0 -38px;
		text-align: center;
		vertical-align: center;
		cursor: pointer !important;
		border: 1px solid #999999;
		opacity: 0.75;

		background: #454545;
		background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #454545), color-stop(50%, #232323), color-stop(50%, #161616), color-stop(100%, #3f3f3f));
		background: -webkit-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		background: -o-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		background: -ms-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#3f3f3f', GradientType=0);
		background: linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);

		/* CSS Shadows */
		-webkit-box-shadow: 4px 4px 8px #000;
		-moz-box-shadow: 4px 4px 8px #000;
		box-shadow: 4px 4px 8px #000;
	}

	.bottom-menu li {
		display: block;
		text-align: center;
	}

	.container {
		position: relative;
		top: 40px;
		padding: 0px 10px;
		width: 100%;
		padding-bottom: 60px;
	}

	#parent {
		margin: -50px auto 0 auto;
		overflow: hidden;
	}

	.vid-cont {
		position: absolute;
		top: 45%;
		left: 0%;
		right: 0;
		height: auto !important;
		max-height: 560px;
		text-align: center;
		margin: -200px auto 0 auto;
		width: 70%;
		padding: 0;
	}

	.vid-cont iframe,
	.vid-cont object,
	.vid-cont embed {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	video {
		width: 100% !important;
		height: auto !important;
	}

}

/* Isotope mobile layout */
@media screen and (max-width: 460px) {
	.grid-item {
		width: 310px;
	}

	.grid-item img {
		width: 310px;
	}
}

@media screen and (max-width: 900px) {
	.contact-form-container {
		padding: 20px;
	}

	.contact-form {
		margin: 10px 10px;
		width: auto;
		align-content: left;
		padding: 0px;
	}

	.portfolio-container {
		margin: 10px 10px;
		padding: 0;
	}

	.slide-image-container-1 {
		padding: 70px 30px 30px 30px;
	}

	.slide-image-container-2 {
		padding: 70px 30px 30px 30px;
	}

	.slide-image-container-3 {
		padding: 70px 20px 20px 20px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 809px) {

	.main-menu li {
		display: inline-block;
		padding: 0px 10px 0px 10px;
	}
}

/* iPads, Laptops ---- 	body { background: red; }
	body:before { content: "Between 769px and 1024px";}  */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	.vid-cont3 {
		width: 80%;
		min-width: 280px;
		max-width: 800px;
		position: absolute;
		top: 45%;
		left: 50%;
		right: 0;
		height: 360px !important;
		text-align: center;
		margin: -160px auto 0px -400px;
	}

	.scroll-down {
		display: block;
		margin: 35px auto 0 auto;
		width: 280px;
		height: 44px;
		background: url(../img/swipe-down.png) 0 0 no-repeat;
	}

	.scroll-down:hover {
		width: 280px;
		height: 44px;
		background: url(../img/swipe-down.png) 0 -44px no-repeat;
	}

	.rsActiveSlide img {
		width: 60% !important;
		transition: width .85s ease-in-out;
		-moz-transition: width .85s ease-in-out;
		-webkit-transition: width .85s ease-in-out;
	}

	.rsSlide img {
		width: 60% !important;
		transition: width .85s ease-in-out;
		-moz-transition: width .85s ease-in-out;
		-webkit-transition: width .85s ease-in-out;
	}

	.rsDefault .rsArrowIcn {
		top: 25%;
	}



	#parent {
		margin: 15px auto 0 auto;
		overflow: hidden;
	}

	aside h3 {
		font-size: 40px;
		padding: 10px;
		margin: 0 0 0px 0;
		line-height: 60px;
	}

	#main2-cont {
		margin-bottom: 200px;
	}

	.vid-cont {
		position: absolute;
		top: 45%;
		left: 0%;
		right: 0;
		height: auto !important;
		max-height: 100% !important;
		text-align: center;
		margin: -200px auto 0 auto;
		width: 70%;
		padding: 0;
	}

	.vid-cont iframe,
	.vid-cont object,
	.vid-cont embed {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	video {
		width: 100% !important;
		height: auto !important;
	}

}

/* Desktops -- 	body { background: cyan; }
	body:before { content: "Greater than 1200";}	*/
@media only screen and (min-width: 1024px) and (max-width: 1280px) {

	aside h3 {
		font-size: 50px;
	}

}

/* Large Desktops
	body { background: pink; }
	body:before { content: "Greater than 1200";}	 */
@media only screen and (min-width: 1281px) and (max-width: 2000px) {
	#gallery-1 {
		height: 760px;
		width: 100%;
		top: 200px;
	}

}

/* XLarge Desktops	 */
@media only screen and (min-width: 2000px) {
	#gallery-1 {
		height: 800px;
		width: 100%;
		top: 220px;
		margin-bottom: 100px;
	}

	.rsContent {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		height: 800px;
	}

	.rsSlide {
		max-height: 800px;
		overflow: visible;
	}

	aside h3 {
		font-size: 65px;
	}

}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.oldie .vid-cont {
	display: none
}

.oldie .mobile-menu {
	display: none !important;
}

.ie7 .rtg-categories {
	display: block;
	width: 90%;
	margin-bottom: 10px;
	margin-left: -5px;
	margin-right: auto;
	text-align: left;
}

.st3 {
	fill: none;
	stroke: #4A494A;
	stroke-width: 2;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 20;
	stroke-dashoffset: 0;
	-webkit-animation: dash 2s linear forwards;
	-moz-animation: dash 2s linear forwards;
	animation: dash 2s linear forwards;
}

@-webkit-keyframes dash-counter-clockwise {
	from {
		stroke-dashoffset: 1;
	}

	to {
		stroke-dashoffset: 800;
		opacity: 1;
	}
}

@-moz-keyframes dash-counter-clockwise {
	from {
		stroke-dashoffset: 1;
	}

	to {
		stroke-dashoffset: 800;
		opacity: 1;
	}
}

@keyframes dash-counter-clockwise {
	from {
		stroke-dashoffset: 1;
	}

	to {
		stroke-dashoffset: 800;
		opacity: 1;
	}
}

@-webkit-keyframes dash-clockwise {
	from {
		stroke-dashoffset: 800;
	}

	to {
		stroke-dashoffset: 1;
		opacity: 1;
	}
}

@-moz-keyframes dash-clockwise {
	from {
		stroke-dashoffset: 800;
	}

	to {
		stroke-dashoffset: 1;
		opacity: 1;
	}
}

@keyframes dash-clockwise {
	from {
		stroke-dashoffset: 800;
	}

	to {
		stroke-dashoffset: 1;
		opacity: 1;
	}
}