@charset "utf-8";

/* General */

body {
	background-color:#fff;
	background-position: 0px -50px;
}
#wrapper-lg {
	max-width:1920px;
	position:relative;
	right:0px;
	display:block;
}
#wrapper-sml {
	max-width:1221px;
	display:block;
	margin:0 auto;
	background-color:#fff;
}
#page {
	display: block; 
	background:#eee;
}
iframe {
	width:100%;
}
hr {
	display:block; 
	background:#eee; 
	border:0; 
	height:2px;
	margin-bottom:10px;
}
.contact {
	width:238px !important;
	float:right;
}
.contact img {
	width:100%;
}
.phone a {
	color:#ddd;
	text-decoration:none;
}

/* Background */

.slider-home {
	position: fixed; 
	z-index:200; 
	width:auto; 
	height:auto; 
	margin:0; 
	padding:0; 
	list-style:none; 
	top:0px;
}
.slider-home li div.wrapper {
	padding: 150px 0 0 0;
}
.flexslider2 .flex-viewport {
	position: inherit !important;
}

/* Nav */

nav {
	background-color:#fff;
	text-align:right;
	padding:20px 0px;
	z-index:700;
	box-shadow: 0px 0px 10px #555;
	position:absolute;
	width:100%;
}
nav > div > ul > li { 
	display:inline-block; 
	margin-left: 27px; 
	font-family: 'alternate-gothic-no-2-d';
	font-size:25px;
	color:#000; 
}
nav > div > ul > li > a { 
	color: #000; 
	text-decoration: none; 
	padding: 6px 0; 
	display:block;
	z-index:900;
}
nav > div > ul > li > a:hover {
	color:#ab0057;
}
.active {
	background-color:#ab0057;
	padding:7px 18px;
	color:#fff;
}

/* Header */

.logo {
	top:0px;
	left:59px;
	position:absolute;
	z-index:800;
}
.header {
	font-size:90px;
	font-family: 'alternate-gothic-no-2-d';
	max-width:661px;
	right:201px;
	position:absolute;
	color:#fff;
	float:right;
	line-height:73px;
	text-shadow: 0px 2px 7px #222;
	z-index:200;
}
.header h1 {
	text-shadow: 0px 2px 7px #222;
	font-size:132px;
	line-height:100px;
	margin-top:0px;
}
.header article {
	padding-top:186px;
}
.feature {
	text-shadow: 0px 2px 7px #222;
	background-color:#ab0057;
	padding:15px;
	font-size:22px;
	font-family: 'alternate-gothic-no-2-d';
	width:auto;	
}

/* Homepage Content */

.featurebox {
	position:absolute;
	top:529px;
	right:42px;
	width:1068px;
	background:url('/images/featurebox.png');
	background-repeat: repeat;
	text-align:left;
	z-index:500;
}
.featurebox article {
	padding:45px 88px 0px 88px;
	float:left;
}
.featurebox h1 {
	font-size:35px;
	font-family: 'alternate-gothic-no-2-d';
	color:#ab0057;
	margin:0px;
}
.featurebox h2 {
	font-size:25px;
	font-family: 'alternate-gothic-no-2-d';
	color:#000;
	line-height:26px;
	margin-top:25px;
}
.featurebox p {
	font-family: 'Open-Sans';
	font-size:14px;
	color:#000;
	line-height:21px;
	margin-top:30px;
}
.crane {
	float:left;
	left:59px;
	top:793px;
	position:absolute;
	margin-bottom:50px;
	z-index:500;
}

/* Content Pages */

.top {
	width:100%;
	z-index:50;
	margin-top:0px;
	margin-bottom:0px;
}
.content {
	clear:both;
	max-width:1221px;
	z-index:800;
}
.content article {
	padding:70px 50px 90px 0px;
}
.content h1 {
	font-size:36px;
	font-family: 'alternate-gothic-no-2-d';
	color:#ab0057;
	margin-top:0px;
}
.content h3 {
	font-size:22px;
	color:#000;
	font-family: 'alternate-gothic-no-2-d';
	margin-bottom:10px;
}
.content p {
	font-family: 'Open-Sans';
	font-size:14px;
	color:#575959;
	line-height:23px;
}
.col-12 {
	text-align:center;
}
.col-12 img {
	display:inline !important;
	margin-right:15px !important;
	margin-top:15px;
}

/* Footer */

#footer {
	width:100%;
	background-color:#313131;
	color:#757575;
	font-size:12px;
	font-family: 'Open-Sans';
	overflow:hidden;
	clear:both;
	display:block;
	padding:20px 0px;
	text-align:center;
}
#footer a {
	color:#757575;
	text-decoration:none;
}
.credit {
	font-size:12px;
	font-family: 'Open-Sans';
	color:#fff;
	float:right;
	text-align:right;
	right:42px;
	top:1000px;
	position:absolute;
	z-index:500;
}
.credit a {
	color:#fff;
	text-decoration:none;
}
.pink {
	color:#ab0057;
}

/* Table */

table {
	width:100%;
}
th {
	background-color:#eee;
	padding:10px 20px;
	font-size:22px;
	font-family: 'alternate-gothic-no-2-d';
}
td {
	padding:10px 20px;
	font-size:13px;
	font-family: 'Open-Sans';
	border-right:1px solid #fff;
}
.light {
	background-color:#F5F5F5;
}

/* Mobile Menu */

.mobmenu { 
	display: none; 
	z-index:800 !important;
}
a.menu-icon { 
	color: #000; 
	position: absolute;
	-webkit-font-smoothing: antialiased; 
	font-size: 35px; 
	display: none; 
	z-index: 900; 
}
.mm-menu > ul > li > a { 
	font-family: 'alternate-gothic-no-2-d'; 
	color: #ab0057; 
	text-transform: uppercase; 
	-webkit-font-smoothing: antialiased; 
	font-size: 18px;  
}

/* Responsive*/

@media all and (max-width:1600px) and (min-width:1310px) {
.logo {
	max-width:500px;
}
nav > div > ul > li:last-child {
	margin-right:20px;
}
}

@media all and (max-width:1300px) and (min-width:1010px) {
.logo {
	max-width:400px;
}
nav > div > ul > li:last-child {
	margin-right:20px;
}
nav > div > ul > li > a {
	font-size:22px;
}
}

@media all and (max-width:1250px) {
nav > div > ul > li:last-child {
	margin-right:20px;
}
.content article {
	padding:20px;
}
.header {
	margin:0 auto;
	top:50px;
	right:240px;
}
.featurebox {
	width:100% !important;
	position:relative;
	overflow:hidden;
	right:0px;
	top:540px;
}
.crane {
	position:relative;
	clear:both;
	display:block;
	margin:0 auto !important;
	top:590px;
	left:40% !important;
	bottom:20px;
}
}

@media all and (max-width:1000px) {
nav > div > ul > li {
	margin-left:10px;
}
nav > div > ul > li > a { 
	font-size:18px;
	padding:3px;
}
.remove {
	display:none;
}
.col-6:first-child article {
	padding-bottom:0px;
}
}

@media all and (max-width:1000px) and (min-width:810px) {
.logo {
	max-width:300px;
}
}

@media all and (max-width:800px) and (min-width:200px) {
.remove {
	display:none;
}
.mobmenu { 
	top: 0px; 
	left: 0px; 
	background-color:#fff; 
	color: #ab0057; 
	display: block; 
	padding: 10px; 
	font-family: 'alternate-gothic-no-2-d'; 
	font-size: 19px; 
	font-weight: 700; 
	text-align:right;
	z-index:900 !important;
}
.mobmenu img { 
	width: 40px; 
	float: right; 
	margin-top: -5px; 
}
#menu { 
	display: block !important; 
	text-align:left !important;
}
nav:not(.mm-menu) { 
	display: none; 
}
nav {
	display:none;
}
.logo {
	display:block;
	left:0px;
	position:relative;
}
.header h1 {
	font-size:60px;
	line-height:52px;
}
.header {
	font-size:45px;
	line-height:35px;
	width:100%;
	right:0px;
	top:30px;
	position:relative;
	text-align:center;
}
.header article {
	padding:20px;
}
.feature {
	font-size:18px;
	line-height:18px;
	padding:3px 5px;
	text-align:center;
}
.featurebox {
	right:0px;
	width:100% !important;
	top:50px !important;
	position:relative;
}
.featurebox article {
	padding:20px;
}
.content {
	display:block;
}
.content article {
	padding:20px;
}
.credit {
	display:none;
}
th {
	font-size:18px;
	padding:5px;
}
td {
	padding:5px;
}
.crane {
	top:120px !important;
	left:30% !important;
}
}

@media all and (max-width:350px) {
.col-6:last-child img {
	max-width:160px;
}
.crane {
	top:90px !important;
	left:25% !important;
}
}

@media all and (max-width:1400px) {
.crane {
	left:3%;
}
.featurebox {
	width:900px;
}
}