@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
#joinnews {
	width: 100%;
	height: 100px;
	background-color: #FFF;
	align-content: center;
	text-align: center;
}
#footerLinks {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 10px;
	min-height: 200px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 50%;
	right: 50%;
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
}
#column1 {
	width: 33%;
	/* [disabled]min-height: 200px;
*/
	top: 0px;
	position: relative;
	float: left;
	border-right: 1px dotted rgba(255,255,255,0.72);
	font-size: 1.25em;
	line-height: 1.5em;
}
#column2 {
	width: 65%;
	float: right;
	top: 0px;
	position: relative;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}
#column2 p {
	-webkit-column-width: 100px; /* Chrome, Safari, Opera */
	column-width: 100px;
}
#footerLinks a {
	color: #FC0;
}
#footerLinks a, a:visited {
	color: #FC0;
}
#footerLinks h2 {
	color: rgba(255,255,255,0.46);
}
#popular .content .callus h2 {
	color: #000;
}
#popular .content .callus {
	position: absolute;
	right: 0px;
	top: 50px;
	color: #000;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}
@font-face {
	font-family: ar;
	src: url(../../includes/fonts/ar.woff);
	font-weight: normal;
}
html, body {
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	background-color: #000;
	margin: 0;
}
a, a:visited {
	color: #FFF;
	text-decoration: none;
}
hr {
	color: #ccc;
	background-color: #ccc;
	border: 0px none;
	height: 1px;
}
/* let's hide all mobile classes */
.mobile {
	display: none;
}
/* end mobile */
#body {
	height: 100%;
	min-height: 100%;
}
#home {
	z-index: 1;
}
#home.dynamic {
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	overflow: auto;
}
#home.dynamic.bg-1 {
	background-image: url('../../images/backgrounds/1.jpg');
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	opacity: 0;
}
#home.dynamic.bg-2 {
	background-image: url('../../images/backgrounds/2.jpg');
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	opacity: 0;
}
#home.dynamic.bg-3 {
	background-image: url('../../images/backgrounds/3.jpg');
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	opacity: 0;
}
#dropdown {
	display: none;
}
#header {
	height: 121px;
	width: 100%;
	background-color: #000;
	position: fixed;
	bottom: 0px;
	z-index: 100;
}
#header .container {
	width: 1027px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#header .container #logo {
	background: url(http://www.horizongiggles.com/images/horizon-entertainment-nj-Logo-off.png) no-repeat;
	float: left;
	width: 171px;
	text-align: right;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 4px;
	background-color: rgba(0,0,0,0.00);
	z-index: 20;
}
#header .container #logo:hover {
	background: url(http://www.horizongiggles.com/images/horizon-entertainment-nj-Logo-over.png) no-repeat;
}
#placeholder {
	height: 100%;
	min-height: 100%;
	width: 100%;
}
#home {
	height: 1100px;
	position: relative;
	display: table;
	position: absolute;
	width: 100%;
	position: relative;
}
#home .banner {
	text-align: center;
	width: 100%;
	vertical-align: middle;
	height: 256px;
	min-height: 256px;
	position: fixed;
	top: 50%;
	margin-top: -202px;
	z-index: 3;
}
#home .banner .shade {
	height: 190px;
	margin-bottom: 25px;
	background-color: rgba(0,0,0,0.4);
}
h2 {
	font-size: 28px;
	padding: 0px;
	margin: 0px;
	color: #FFF;
	font-weight: normal;
	font-family: 'ar', arial;
}
h1 {
	font-size: 58px;
	padding: 0;
	margin: 0;
	color: #FFF;
	font-weight: normal;
	font-family: 'ar', arial;
	text-shadow: 5px 5px 5px rgba(0,0,0,0.36);
}
#home .banner h2 {
	line-height: 13px;
}
#home .banner #form-book {
	width: 607px;
	margin-left: auto;
	margin-right: auto;
}
#home .banner #form-book input, #home .banner #form-book .submit {
	font-size: 28px;
	margin: 0px;
	font-weight: normal;
	font-family: 'ar', arial;
	border-radius: 5px;
	height: 38px;
	padding: 10px;
	border: 0px;
	margin-top: 16px;
}
#home .banner #form-book input[type="text"] {
	background-color: #FFF;
	color: #3F3F3F;
	width: 476px;
	height: 45px;
	margin-right: 10px;
	font-weight: bold;
	display: block;
	float: left;
}
#home .banner #form-book .submit {
	background-color: #f15a24 !important;
	color: #FFF;
	padding: 0px 10px 5px 10px;
	width: 81px;
	height: 65px;
	font-size: 45px;
	text-decoration: none;
	position: relative;
	float: left;
}
#home .banner .msg {
	position: absolute;
	font-size: 22px;
	padding: 10px;
	margin: -100px 0px 0px -350px;
	left: 50%;
	color: #FFF;
	font-weight: normal;
	font-family: 'ar', arial;
	border: 2px solid #650f0f;
	background-color: #e32c2c;
	border-radius: 5px;
	width: 700px;
}
#home .content {
	width: 1027px;
	left: 50%;
	margin-left: -513px;
	position: absolute;
	height: 100%;
	min-height: 100%;
}
#home #thumb-tray {
	position: absolute;
	bottom: 150px !important;
	right: 30px;
	margin: 0px
}
#home #thumb-tray ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#home #thumb-tray ul li {
	height: 26px;
	width: 26px;
	float: left;
	border: 2px solid rgba(255,255,255,0.7);
	margin: 5px;
}
#home #thumb-tray ul li a {
	height: 26px;
	width: 26px;
	display: block;
	overflow: hidden;
	text-indent: -200px;
}
#home #thumb-tray ul li a.active {
	background-color: #ffad00;
}
.page {
	width: 100%;
	background-image: url('../../images/backgrounds/default.jpg');
	background-size: cover;
	background-position: 50% 0;
	background-attachment: fixed;
	position: relative;
	z-index: 5;
}
.page .content {
	width: 1005px;
	margin: 0px auto 0px auto;
	padding-top: 130px;
}
body.category .page .content {
	padding-top: 130px;
}
.item-page .page .content {
	padding-top: 130px;
}
.index .page .content {
	width: 1005px;
	margin: 0px auto 0px auto;
	padding-top: 10px;
}
.button.teal.request_quote {
	color: #FFF !important;
}
.page .banner {
	position: relative;
}
.page .banner .overlay {
	width: 1005px;
	height: 332px;
	position: absolute;
	z-index: 10;
}
.page .banner .photo {
	width: 1005px;
	height: 332px;
	float: left;
	z-index: 9;
}
.page .banner #nav {
	position: absolute;
	bottom: 5px;
	right: 15px;
	z-index: 11;
}
.page .banner #nav a {
	display: block;
	height: 17px;
	width: 17px;
	text-indent: -100px;
	overflow: hidden;
	background-image: url('../../images/master-sprite.png');
	background-position: 0px 0px;
	margin: 5px;
	float: left;
}
.page .banner #nav a:only-child {
	display: none;
}
.page .banner #nav a.activeSlide {
	background-position: -23px 0px;
}
.page .banner .photos {
	background-color: #000;
}
.page .banner .photo div {
	display: block;
	width: 600px;
	height: 332px;
	float: right;
	background-image: url('../../images/banner-fade.png');
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
}
.page .banner .photo h1 {
	font-size: 34px;
	display: block;
	width: 450px;
	line-height: 42px;
	float: right;
	padding: 15px 15px 0px 0px;
	margin-bottom: 0px;
	clear: right;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.page .banner .photo p {
	float: right;
	clear: right;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 21px;
	font-family: Arial;
	margin-top: 10px;
	padding: 0px 15px 0px 0px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.page .banner .overlay span {
	position: absolute;
	bottom: 40px;
	right: -19px;
	height: 46px;
	padding: 9px 0px 0px 15px;
	width: 381px;
	display: block;
	background-color: #9e005d;
	color: #FFF;
	font-size: 32px;
	font-family: Arial;
	font-weight: normal;
}
.page .banner .overlay span img {
	position: absolute;
	bottom: -19px;
	right: 0px;
}
.page .items {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.page .items li {
	display: block;
	width: 189px;
	height: 500px;
	background-color: #FFF;
	margin-top: 30px;
	margin-right: 15px;
	float: left;
	position: relative;
}
.page .items li.last {
	margin-right: 0px;
}
.page .items li div {
	width: 189px;
	height: 189px;
	background-color: #000;
	position: relative;
	overflow: hidden;
	text-align: center;  /* align the inline(-block) elements horizontally */
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.page .items li div:after {      /* create a full-height inline block pseudo-element */
	content: ' ';
	display: inline-block;
	vertical-align: middle; /* vertical alignment of the inline element */
	height: 100%;
}
.page .items li div img {
	width: 100vw;
	height: 56.25vw; /* 100/56.25 = 1.778 */
	max-height: 100vh;
	max-width: 177.78vh; /* 16/9 = 1.778 */
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0; /* vertical center */
	left: 0;
	right: 0; /* horizontal center */
}
.page .items li h2 {
	font-size: 18px;
	font-family: 'ar', Arial;
	padding: 10px 10px 0px 10px;
	margin-bottom: 0px;
	line-height: 23px;
	text-transform: uppercase;
}
.page .items li h2 a {
	color: #000;
	text-decoration: none;
	font-weight: bolder;
}
.page .items li p {
	font-family: 'ar', Arial;
	font-size: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0px 10px 0px 10px;
	line-height: 19px;
	color: #676767;
}
.page .items li a.more {
	color: #FFF;
	font-family: "ar", Arial;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px;
	display: block;
	width: 140px;
	position: absolute;
	bottom: 60px;
	left: 15px;
	background-color: #9E9E9E;
	border-radius: 5px;
}
.page .items li a.request_quote {
	color: #FFF;
	font-family: 'ar', Arial;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	display: block;
	width: 140px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	background-color: #00a99d;
	border-radius: 5px;
}
.page .items li a.request_quote .shadow {
	position: absolute;
	left: 0px;
	bottom: -9px;
	width: 160px;
}
.page .items li {
	opacity: 0;
}
/*begin item page css*/
.page .content .item {
	background-color: #FFF;
	width: 1005px;
}
.page .content .item .thumbs {
	padding: 20px;
}
.page .content .item .holder {
	padding: 20px;
}
.page .content .item .description {
	padding: 20px;
}
.page .content .item .holder {
	background-color: #000;
}
.page .content .item .info {
	position: relative;
}
.page .content .item .info .img {
	max-width: 211px;
	max-height: 240px;
	width: 211px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.page .content .item .info .img img {
	max-width: 211px;
	max-height: 240px;
	min-height: 240px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.page .content .item .info .text {
	margin-left: 280px;
	width: 300px;
	height: 280px;
	overflow: hidden;
}
.page .content .item .info .text h1 {
	color: #FFF;
	font-size: 30px;
}
.page .content .item .info .text p {
	color: #FFF;
	font-family: Arial;
}
.page .content .item .info span {
	z-index: 10;
	position: absolute;
	top: 90px;
	right: -39px;
	height: 46px;
	padding: 9px 0px 0px 15px;
	width: 381px;
	display: block;
	background-color: #9e005d;
	color: #FFF;
	font-size: 32px;
	font-family: Arial;
	font-weight: normal;
}
.page .content .item .info span img {
	position: absolute;
	bottom: -19px;
	right: 0px;
}
.page .content .item .description {
	clear: both;
	font-family: Arial;
	padding: 10px 40px 20px 40px;
}
.page .content .item .description a {
	color: rgba(255,119,0,1.00);
}
.page .content .item .thumbs h2 {
	text-transform: uppercase;
	font-weight: normal;
	color: #aaa;
	font-size: 23px;
}
.page .content .item .thumbs {
	position: relative;
}
.page .content .item .thumbs .photos {
	width: 460px;
	float: left;
	margin-right: 5px;
	background-image: url('../../images/fade-right.jpg');
	background-position: right top; /* change later for 100% height */
	background-repeat: no-repeat;
	padding-left: 20px;
}
.page .content .item .thumbs .videos {
	width: 460px;
	float: left;
	background-image: url('../../images/fade-left.jpg');
	background-position: left top; /* change later for 100% height */
	background-repeat: no-repeat;
	padding-left: 20px;
}
.page .content .item .thumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page .content .item .thumbs ul li {
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px;
	position: relative;
}
.page .content .item .thumbs ul li.no-videos {
	width: 100%;
}
.page .content .item .thumbs ul li p {
	font-family: Arial;
	font-size: 15px;
	color: #aaa;
	text-align: center;
}
.page .content .item .thumbs ul li img {
	display: block;
}
.page .content .item .thumbs ul li a {
	width: 100px;
	height: 100px;
	display: block;
	background-color: #000;
	text-align: center;
	line-height: 0;
	font-weight: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-decoration: none;
}
.page .content .item .thumbs ul li a:before {     
	content: ' ';
	display: inline-block;
	vertical-align: middle; 
	height: 100%;
}
.page .content .item .thumbs ul li a img {
	max-height: 100px;
	max-width: 100px;
	display: inline-block;
	vertical-align: middle;
	font: 16px/1 Arial, sans-serif;  
}
.page .content .item .thumbs ul li a .play {
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top: 50%;
	margin-top: -28px;
	display: block;
	background-image: url('../../images/master-sprite.png');
	background-repeat: no-repeat;
	background-position: 0px -75px;
	height: 56px;
	width: 56px;
}
.page .content .item .thumbs ul li a.active {
	border: 4px solid #00a99d;
	margin-left: -4px;
	margin-top: -4px;
}
.page .content .item .back {
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.page .content .item .back a {
	text-align: center;
	padding: 0px 5px 5px 40px;
	font-family: 'ar', Arial;
	background-image: url('../../images/master-sprite.png');
	background-repeat: no-repeat;
	background-position: 0px -22px;
	text-decoration: none;
	color: #00a99d;
	font-size: 30px;
}
.page .content .item .info {
	height: 266px;
}
.page .content .item .media {
	position: relative;
	opacity: 0;
	display: none;
	height: 445px;
}
.page .content .item .holder {
}
.page .content .item .media .prev {
	position: absolute;
	top: 170px;
	left: 20px;
	display: block;
	text-indent: -100px;
	width: 43px;
	height: 112px;
	overflow: hidden;
	background-image: url('../../images/master-sprite.png');
	background-repeat: no-repeat;
	background-position: 0px -148px;
}
.page .content .item .media .next {
	position: absolute;
	top: 170px;
	right: 20px;
	display: block;
	text-indent: -100px;
	width: 43px;
	height: 112px;
	overflow: hidden;
	background-image: url('../../images/master-sprite.png');
	background-repeat: no-repeat;
	background-position: -50px -148px;
}
.page .content .item .media .prev:hover {
	background-position: -100px -148px;
}
.page .content .item .media .next:hover {
	background-position: -150px -148px;
}
.page .content .item .media h1 {
	color: #FFF;
	font-size: 30px;
}
.page .content .item .media .close {
	width: 89px;
	height: 26px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url('../../images/master-sprite.png');
	background-repeat: no-repeat;
	background-position: 62px -262px;
}
.page .content .item .media .close a {
	color: #999999;
	text-decoration: none;
	font-family: 'ar', arial;
	font-size: 22px;
	padding-right: 27px;
}
.page .content .item .media .display {
	width: 685px;
	height: 435px;
	position: absolute;
	text-align: center;
	left: 50%;
	margin-left: -342px;
	padding-top: 10px;
}
.page .content .item .media .display img {
	min-height: 390px;
	max-height: 390px;
	text-align: center;
	max-width: 700px;
}
.page .content .item .media .display iframe {
	height: 390px;
	min-width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* end item page css*/

#popular {
	height: 1000px;
	background-image: url('../../images/backgrounds/default.jpg');
	background-size: cover;
	background-position: 50% 0;
	background-attachment: fixed;
	width: 100%;
	position: relative;
	z-index: 5;
}
#popular .content {
	position: absolute;
	left: 50%;
	margin-left: -502px;
}
#popular .content h1 {
	position: absolute;
	left: 0px;
	top: 20px;
}
#popular .content h2 {
	position: absolute;
	right: 0px;
	top: 50px;
	color: #000;
}
#popular .column {
	width: 239px;
	background-color: #FFF;
	float: left;
	margin: 120px 15px 0px 0px;
	text-align: center;
}
#popular .column.last {
	margin-right: 0px;
}
#popular .column h3 {
	margin: -5px 0px 0px 0px;
	padding: 5px 0px 5px 12px;
	display: block;
	background-color: #000;
	color: #FFF;
	font-weight: normal;
	font-family: 'ar', arial;
	font-size: 28px;
	text-align: left;
}
#popular .column ul {
	margin: 15px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
#popular .column ul li {
	padding: 3px;
	font-family: Arial;
	font-size: 16px;
	color: #555;
	text-align: left;
}
#popular .column ul li a {
	text-decoration: none;
	color: #555;
}
#popular .column ul li a:hover {
	text-decoration: none;
	color: #00a99d;
}
.button {
	padding: 8px 15px 8px 15px;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial;
	display: inline-block;
}
.button.teal {
	color: #FFF;
	background-color: #00a99d;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}
#popular .button.teal {
	color: #FFF;
	background-color: #00a99d;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}
#joinnews .button.newsletter {
	color: #FFF;
	padding: 15px;
	background-color: rgb(241, 90, 36);
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}
#joinnews .button.newsletter:hover {
	background-color: #ffad00;
}
#footer {
	width: 100%;
}
#footer div.social {
	width: 100%;
	height: 134px;
	background-color: #FFF;
}
.socialmobile {
	display: none !important;
	background-color: rgba(68,255,0,1.00);
}
#footer div.social ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer div.social ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 96px;
	width: 96px;
	float: left;
	padding: 17px 14px 17px 14px;
}
#footer div.clients ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 0px 15px;
}
#footer div.clients ul li {
	list-style: none;
	margin: 0;
	height: 96px;
	float: left;
	padding: 2px 10px 17px 10px;
}
#footer div.clients ul li a {
	display: block;
	height: 65px;
	width: 65px;
	text-indent: -200px;
	overflow: hidden;
	background-image: url('../../images/master-sprite-social.png');
	background-repeat: no-repeat;
	background-position: -194px 0px;
}
#footer div.clients ul li a.mtv {
	background-position: 0px -194px;
	width: 65px;
}
#footer div.clients ul li a.wholefoods {
	background-position: -94px -194px;
	width: 82px;
}
#footer div.clients ul li a.mcdonalds {
	background-position: -190px -194px;
	width: 77px;
}
#footer div.clients ul li a.cocacola {
	background-position: -292px -194px;
	width: 122px;
}
#footer div.clients ul li a.tiffany {
	background-position: -433px -194px;
	width: 146px;
}
#footer div.clients ul li a.google {
	background-position: -595px -194px;
	width: 113px;
}
#footer div.clients ul li a.dell {
	background-position: -725px -194px;
	width: 104px;
}
#footer div.clients ul li a.coach {
	background-position: -846px -194px;
	width: 119px;
}
#footer div.clients ul li a.mtv:hover {
	background-position: 0px -261px;
}
#footer div.clients ul li a.wholefoods:hover {
	background-position: -94px -261px;
}
#footer div.clients ul li a.mcdonalds:hover {
	background-position: -190px -261px;
}
#footer div.clients ul li a.cocacola:hover {
	background-position: -292px -261px;
}
#footer div.clients ul li a.tiffany:hover {
	background-position: -433px -261px;
}
#footer div.clients ul li a.google:hover {
	background-position: -595px -261px;
}
#footer div.clients ul li a.dell:hover {
	background-position: -725px -261px;
}
#footer div.clients ul li a.coach:hover {
	background-position: -846px -261px;
}
#footer div.social ul li a {
	display: block;
	height: 96px;
	width: 96px;
	text-indent: -100px;
	overflow: hidden;
	background-image: url('../../images/master-sprite-social.png');
	background-repeat: no-repeat;
}
#footer div.social ul li a.facebook {
	background-position: 0px 0px;
}
#footer div.social ul li a.google {
	background-position: -126px 0px;
}
#footer div.social ul li a.twitter {
	background-position: -248px 0px;
}
#footer div.social ul li a.youtube {
	background-position: -373px 0px;
}
#footer div.social ul li a.instagram {
	background-position: -499px 0px;
}
#footer div.social ul li a.yelp {
	background-position: -624px 0px;
}
#footer div.social ul li a.foursquare {
	background-position: -749px 0px;
}
#footer div.social ul li a.facebook:hover {
	background-position: 0px -97px;
}
#footer div.social ul li a.google:hover {
	background-position: -126px -97px;
}
#footer div.social ul li a.twitter:hover {
	background-position: -248px -97px;
}
#footer div.social ul li a.youtube:hover {
	background-position: -373px -97px;
}
#footer div.social ul li a.instagram:hover {
	background-position: -499px -97px;
}
#footer div.social ul li a.yelp:hover {
	background-position: -624px -97px;
}
#footer div.social ul li a.foursquare:hover {
	background-position: -749px -97px;
}
#footer div.clients {
	width: 100%;
	height: 69px;
	background-color: #131313;
}
#footer div.copyright {
	width: 100%;
	height: 46px;
	background-color: #000;
	text-align: center;
	color: #bdccd4;
	font-family: Arial;
	font-size: 13px;
	border-top: 1px solid #777;
	position: relative;
}
#footer div.copyright a {
	color: #FFCC00;
	font-size: 16px;
}
#footer div.social .content {
	width: 1005px;
	position: absolute;
	left: 50%;
	margin-left: -452px;
}
.mockup-social {
	display: none;
	padding-top: 20px;
	width: 100%;
}
.mockup-clients {
	display: none;
	width: 100%;
}
/* supersized (rotating photos) */
#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url(../img/progress.gif) no-repeat center center;
}
#supersized {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}
#supersized img {
	width: auto;
	height: auto;
	position: relative;
	overflow: hidden;
	display: none;
	outline: none;
	border: none;
}
#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}
#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}
#supersized li.prevslide {
	z-index: -20;
}
#supersized li.activeslide {
	z-index: -10;
}
#supersized li.image-loading {
	background: #111 url(../img/progress.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}
#supersized li.image-loading img {
	visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display: inline;
}
#thumb-tray {
	list-style: none;
	margin: 0;
	padding: 0;
}
#thumb-tray li {
	list-style: none;
	height: 26px;
	width: 26px;
	float: left;
	border: 2px solid rgba(255,255,255,0.7);
	margin: 5px;
}
#thumb-tray li img {
	display: none;
}
#thumb-tray li a {
	height: 26px;
	width: 26px;
	display: block;
	overflow: hidden;
	text-indent: -200px;
}
#thumb-tray li.current-thumb {
	background-color: #ffad00;
}
/* supersized END */

/* ROTATING */
.rotating-photos {
	width: 100%;
}
.rotating-photos li {
	position: absolute;
	top: 0;
	left: 0;
}
.rotating-photos li img {
	width: 100%;
	min-height: 100%;
}
body.category #header {
	height: 110px;
	width: 100%;
	background-color: #000;
	position: fixed;
	bottom: auto;
	top: 0px;
	z-index: 100;
}
#header #cart {
	position: absolute;
	right: 17px;
	top: 10px;
	width: 0px;
	white-space: nowrap;
	height: 19px;
	overflow: hidden;
	background-color: #9e005d;
	color: #FFF;
	font-family: 'ar', 'arial';
	font-size: 15px;
	font-weight: bold;
	padding: 3px 5px 4px 5px;
	text-align: center;
	display: block;
	text-decoration: none;
	opacity: 0;
	z-index: -1;
}
#header #cart.show {
	opacity: 1;
	width: 300px;
}
#header #cart span {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#header .container .menu {
	float: left;
	width: 834px;
}
#header .container .menu ul li {
	float: left;
	margin: 0;
	text-transform: uppercase;
}
#header .container .menu ul li a {
	text-decoration: none;
	font-size: 14px;
	padding-right: 20px;
}
#cssmenu {
	background: #000;
	margin: 45px 0px 0px 0px;
	width: auto;
	padding: 0;
	line-height: 1;
	display: block;
	position: relative;
	font-family: 'PT Sans', sans-serif;
}
#cssmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
.index #cssmenu ul {
	bottom: 100%;
}
#cssmenu ul:after, #cssmenu:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
#cssmenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
#cssmenu ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	color: #ccc;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu ul li ul {
	position: absolute;
	left: -9999px;
	top: auto;
}
#cssmenu ul li ul li {
	max-height: 0;
	position: absolute;
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	-o-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
	background: #00a99d;
}
#cssmenu ul li ul li a {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	color: #fff;
	letter-spacing: 0;
	display: block;
	width: 170px;
	padding: 8px 10px 8px 20px;
	line-height: 15px;
	text-transform: uppercase;
}
#cssmenu ul li ul li:last-child a {
	margin-bottom: 10px;
}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a {
	color: #fff;
}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after {
	background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
	left: 100%;
	top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
	max-height: 72px;
	position: relative;
}
#cssmenu > ul > li {
	float: left;
}
#cssmenu.align-center > ul > li {
	float: none;
	display: inline-block;
}
#cssmenu.align-center > ul {
	text-align: center;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu.align-right > ul {
	float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
	right: 100%;
	left: auto;
}
#cssmenu.align-right ul ul li a {
	text-align: right;
}
#cssmenu > ul > li:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	z-index: 0;
	-webkit-transition: height .2s;
	-moz-transition: height .2s;
	-ms-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s;
}
#cssmenu > ul > li > a {
	color: #ffffff;
	padding: 15px 0px 15px 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 14px;
	z-index: 2;
	position: relative;
}
#cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after {
	height: 100%;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
	color: #00a99d;
}
#cssmenu > ul > li:hover > a:after, #cssmenu > ul > li.active > a:after {
	background: #000000;
}
#cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before {
	border-top-color: #00a99d;
}
#cssmenu > ul > li:hover > ul {
	left: 0;
}
#cssmenu > ul > li:hover > ul > li {
	max-height: 72px;
	position: relative;
}
#cssmenu #menu-button {
	display: none;
	text-decoration: none;
}
#cssmenu > ul > li > a {
	display: block;
}
#cssmenu > ul > li {
	width: auto;
}
#cssmenu > ul > li > ul {
	width: 170px;
	display: block;
	margin-left: 2px;
}
#cssmenu > ul > li > ul > li {
	width: 170px;
	display: block;
}
#cssmenu ul li a {
	color: #ccc;
	padding-right: 0px;
	padding-left: 2px;
}
.aolusers {
	color: rgba(203,0,0,1.00);
	font-size: large;
}
/* CHECKOUT FORM */
#quote-form, .cart_submit {
	display: none;
}
.ui-dialog {
	background-color: #FFF;
	background-image: none;
}
#quote-form label {
	display: block;
	float: left;
	width: 210px;
	padding: 3px;
}
#quote-form input {
	clear: left;
	padding: 3px;
}
#quote-form label span.red, #checkout label span.red {
	color: #FF0000;
	margin-left: 5px;
}
#quote-form .item_selected div {
	float: left;
	margin-bottom: 20px;
}
#submit_checkout {
	border: 0px none;
	padding: 7px 12px 7px 12px !important;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.cart_submit .cart-continue {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	width: 185px;
}
.checkout {
	background-color: #FFF;
	padding: 20px 50px 20px 50px;
}
#checkout label {
	width: 250px;
	height: 20px;
	display: block;
	float: left;
	font-size: 18px;
	font-family: 'ar', arial;
	padding-top: 5px;
}
#checkout input[type='text'] {
	width: 300px;
	height: 30px;
	padding: 5px;
	display: block;
	font-size: 18px;
	font-family: 'ar', arial;
}
#checkout textarea {
	width: 300px;
	height: 50px;
	padding: 5px;
	display: block;
	font-size: 18px;
	font-family: 'ar', arial;
	background-image: none;
}
input[type='submit'] {
	cursor: pointer;
}
#checkout .cap {
	float: left;
}
#checkout #norobot {
	width: 200px;
}
.page p {
	font-family: 'ar', arial;
}
.selected {
	padding-top: 5px;
	padding-bottom: 15px;
	font-family: 'ar', arial;
	font-size: 18px;
	width: 650px;
	display: block;
	float: right;
}
.selected a {
	color: #FF0000;
	text-decoration: none;
}
span.cart_item {
	display: inline-block;
	padding: 4px;
	background-color: #3C2C36;
	border-radius: 3px;
	color: #FFF;
	margin: 0px 8px 8px 0px;
}
span.cart_item a {
	font-weight: bold;
}
#cssmenu ul {
	z-index: 100;
}
#cssmenu #form-book {
    position: absolute;
    top: -35px;
    right: 0;
}
#cssmenu #form-book input[type="text"] {
	border: 0;
    padding: 7px;
	width:225px;
	border-radius:5px;
}
#cssmenu #form-book input[type="submit"] {
	background-color: #f15a24 !important;
    color: #FFF;
    padding: 6px 10px 6px 10px;
	border-radius:5px;
    width: auto;
    height: auto;
    font-size: 15px;
    text-decoration: none;
}
.sublinks {
	display: inline-block;
	position: absolute;
	right: 0px;
	background-color: #03a89e;
	padding: 5px 10px 7px 10px;
	bottom: -49px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.7);
	z-index: 99;
}
.index .sublinks {
	bottom: -60px;
}
.sublinks a {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding-right: 10px;
	font-family: 'ar', Arial;
	font-size: 13px;
	font-weight: bold;
}
.sublinks a:last-child {
	padding-right: 0px;
}
.social div .socialmobile {
	visibility: hidden;
}

/* CHECKOUT FORM*/

@media (max-width: 1020px) {


	.sublinks {
	display: none;
}
.page, .page .content {
	width: 100%;
	max-width: 100% !important;
	min-width: 100% !important;
}
.page .item {
	width: 100%;
	max-width: 100% !important;
}
.page .item .holder {
	width: 100%;
	height: auto !important;
	min-height: none !important;
	padding: 0px 0px 20px 0px !important;
	margin: 0px !important;
}
.page .content .item .info .img {
	max-width: 100%;
	max-height: 240px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding: 20px 0px 20px 0px !important;
	margin: 0px !important;
}
.page .content .item .info .img img {
	max-width: 100%;
	max-height: 240px;
	min-height: 240px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: left !important;
	float: none !important;
}
.page .item .holder .info {
	width: 100%;
	height: auto;
}
.page .item .holder .info .img {
	width: 100%;
	clear: left !important;
	float: none !important;
}
.page .item .holder .info .text {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
}
.page .content .item .info span {
	z-index: 10;
	position: relative;
	top: auto;
	right: auto;
	height: 43px;
	padding: 9px 0px 0px 15px;
	width: 305px;
	display: block;
	font-size: 28px;
	margin-left: auto;
	margin-right: auto;
}
.page .content .item .info span img {
	display: none;
}
.page .item .thumbs {
	display: none;
}
.page .item .description {
}
.page .item .back {
	display: none;
}
.page .items {
	margin-left: 20px !important;
}
.page .items li {
	display: block;
	width: 150px;
	height: 500px;
}
.page .items li div {
	width: 150px;
	height: 150px;
}
.page .items li a.request_quote {
	color: #FFF;
	font-family: 'ar', Arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	display: block;
	width: 120px;
	position: absolute;
	bottom: 15px;
	left: 5px;
	background-color: #00a99d;
	border-radius: 5px;
}
.page .items li.last {
	margin-right: 15px;
}
.page .items li a.request_quote .shadow {
	position: absolute;
	left: 0px;
	bottom: -8px;
	width: 140px;
}
.page .banner .photos {
	width: auto !important;
	padding: 0px !important;
	margin: 0px !important;
}
.page .banner .photo {
	width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
}
.page .banner .photo div h1 {
	width: 320px;
}
.page .banner .photo div p {
	width: 300px;
}
.page .banner .overlay {
	right: 19px;
	text-align: right;
}
.page .banner .overlay span {
	font-size: 28px;
	text-align: right;
	padding-right: 10px;
	width: 300px;
}
.page .banner .overlay img {
	display: none;
}
#cssmenu > ul > li > a {
	color: #ffffff;
	padding: 15px 0px 15px 0px;
}
#cssmenu {
	margin-left: 100px;
	margin-top: -50px;
}
#cssmenu > ul > li > ul {
	margin-left: 0px;
}
#cssmenu ul li a {
	padding-left: 0px;
	color: #ccc;
}
#home .content {
	width: 750px;
}
#home #thumb-tray {
	right: -100px;
}
#header .container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
#header .container #logo {
	float: left;
	width: 110px;
	text-align: right;
	padding-right: 10px;
	padding-top: 24px;
	padding-bottom: 4px;
	background-color: #000;
	margin-left: 0px;
}
#header .container #logo img {
	width: 100px;
}
#header {
	min-height: 120px;
}
#header .container {
	padding-left: 0px;
	left: 0px;
	float: left;
}
#header #cssmenu {
	margin-left: 120px;
}
#popular {
	height: 1900px;
}
#popular .content {
	width: 750px;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	padding-top: 120px;
}
#popular .content h1 {
	position: absolute;
	left: 0px;
	top: 20px;
}
#popular .content h2 {
	position: absolute;
	right: 0px;
	top: 40px;
	color: #000;
}
#popular .column {
	width: 239px;
	background-color: #FFF;
	display: block;
	vertical-align: middle;
	float: left;
	margin: 20px 70px 0px 40px;
	text-align: center;
}
#footer div .content {
	width: 100%;
}
.mockup-social {
}
.mockup-clients {
	display: block;
}
.copyright .content {
	width: 100px;
}
.items li .more {
	width: 120px !important;
	left: 5px !important;
}
.mockup-clients {
	display: none;
}
#footer .social .content {
	position: relative;
	left: auto;
	margin-left: 0px;
}
#footer .social .content .button.newsletter {
	margin-right: 20px;
}
#footer .social .content ul {
	position: relative;
	float: none;
}
#cssmenu ul li a {
	padding-right: 10px !important;
	font-size: 1.5vw !important;
}
}

@media all and (max-width: 750px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
}

@media (max-width: 750px) {
	
#cssmenu #form-book {
    position: relative;
	top:0;
}
#cssmenu #form-book input[type="text"] {
	border: 0;
    padding: 10px;
    margin: 20px auto 20px auto;
    display: block;
    width: 80%;
}
#cssmenu #form-book #go {
	display:none;
}
.page, .page .content {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
.socialmobile {
	display: block !important;
	background-color: rgba(255,255,255,1.00);
	text-align: center;
}
#footer div.social {
	display: none !important;
}
#footerLinks {
	display: none !important;
}
#supersized {
	display: none;
}
#popular {
	display: none !important;
}
#cssmenu {
	position: relative;
	margin-left: 0px !important;
	margin-top: 2px !important;
	width: 100% !important;
	overflow-x: hidden;
}
.index #cssmenu {
	margin-top: 292px !important;
}
#logo {
	z-index: 10000;
	margin-left: 90px;
	position: relative;
}
#cssmenu a {
	font-size: 4vw !important;
	font-weight: bold !important;
}
#cssmenu > ul {
	max-height: 0;
	-webkit-transition: max-height 0.35s ease-out;
	-moz-transition: max-height 0.35s ease-out;
	-ms-transition: max-height 0.35s ease-out;
	-o-transition: max-height 0.35s ease-out;
	transition: max-height 0.35s ease-out;
}
#cssmenu > ul > li > ul {
	width: 100%;
	display: block;
}
#cssmenu.align-right ul li a {
	text-align: left;
}
#cssmenu > ul > li > ul > li {
	width: 100%;
	display: block;
	padding-left: 0px;
	border: 0px none;
}
#cssmenu > ul > li > ul > li:last-child {
	border: 0px none !important;
}
#cssmenu > ul > li > ul {
	display: none;
}
#cssmenu > ul > li > ul.open {
	display: block;
}
#cssmenu .open {
	background-color: #00a796;
}
#cssmenu.align-right ul ul li a {
	text-align: left;
}
#cssmenu > ul > li > ul > li > a {
	width: 100%;
	display: block;
}
#cssmenu ul li ul li a {
	width: 100%;
}
#cssmenu.align-center > ul {
	text-align: left;
}
#cssmenu.align-center > ul > li {
	display: block;
}
#cssmenu > ul.open {
	max-height: 3000px;
	border-top: 1px solid rgba(110, 110, 110, 0.25);
}
#cssmenu ul {
	width: 100%;
}
#cssmenu ul > li {
	float: none;
	width: 100%;
	border-top: solid 1px #ffff00;
}
#cssmenu ul li {
	padding-left: 59px;
}
#cssmenu ul li:last-child {
	border-bottom: solid 1px #ffff00;
}
#cssmenu ul li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 12px 20px !important;
}
#cssmenu ul > li:after {
	display: none;
}
#cssmenu ul li ul,  #cssmenu ul li ul li ul,  #cssmenu ul li ul li:hover > ul,  #cssmenu.align-right ul li ul,  #cssmenu.align-right ul li ul li ul,  #cssmenu.align-right ul li ul li:hover > ul {
	left: 0;
	position: relative;
	right: auto;
	background-color: #00a796;
}
#cssmenu ul li ul li,  #cssmenu ul li:hover > ul > li {
	max-height: 999px;
	position: relative;
	background: none;
}
#cssmenu ul li {
	background-image: url('../../images/master-sprite.png');
	background-position: 70vw -314px;
	background-repeat: no-repeat;
}
#cssmenu ul li.open {
	background-position: 70vw -378px;
}
#cssmenu ul li ul li a {
	padding: 2vw 3vw 2vw 5vw;
	color: #ffffff;
}
#cssmenu ul li ul ul li a {
	padding: 1vw 3vw 1vw 3vw !important;
}
#cssmenu ul li ul li:hover > a {
	color: #fff;
}
#cssmenu ul li:hover > a {
	color: #fff;
}
#cssmenu #menu-button {
	display: block;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 15px 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 1px;
	color: #ffffff;
	cursor: pointer;
}
#cssmenu #menu-button:after {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 22px;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	right: 20px;
	top: 16px;
}
#cssmenu #menu-button:before {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 22px;
	border-top: 2px solid #ffffff;
	right: 20px;
	top: 26px;
}
#cssmenu ul li a {
	font-size: 4vw !important;
	padding-left: 0px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.selected {
	padding-top: 5px;
	padding-bottom: 15px;
	font-family: 'ar', arial;
	font-size: 18px;
	width: 100%;
	display: block;
	float: none;
	clear: left;
}
.selected a {
	color: #FF0000;
	text-decoration: none;
}
#checkout input[type='text'] {
	width: 100% !important;
	height: 30px;
	padding: 5px;
	display: block;
	font-size: 18px;
	font-family: 'ar', arial;
}
#checkout textarea {
	width: 100% !important;
	height: 50px;
	padding: 5px;
	display: block;
	font-size: 18px;
	font-family: 'ar', arial;
	background-image: none;
}
#header #cart.show {
	opacity: 1;
	width: 300px;
	z-index: 100;
}
#quote-form {
	position: relative;
	z-index: 99999 !important;
}
#quote-form label {
	display: block;
	float: none !important;
	clear: left !important;
	width: 210px;
	padding: 3px;
}
#quote-form input {
	float: none !important;
	clear: left !important;
	padding: 3px;
}
.page .item {
	margin-left: 10px;
	width: 91vw;
	max-width: 91vw !important;
}
.page .item .holder {
	width: 100%;
	height: auto !important;
	min-height: none !important;
	padding: 0px 0px 20px 0px !important;
	margin: 0px !important;
}
.page .content .item .info .img {
	max-width: 100%;
	max-height: 240px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding: 20px 0px 20px 0px !important;
	margin: 0px !important;
}
.page .content .item .info .img img {
	max-width: 100%;
	max-height: 240px;
	min-height: 240px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: left !important;
	float: none !important;
}
.page .item .holder .info {
	width: 100%;
	height: auto;
}
.page .item .holder .info .img {
	width: 100%;
	clear: left !important;
	float: none !important;
}
.page .item .holder .info .text {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
}
.page .content .item .info span {
	z-index: 10;
	position: relative;
	top: auto;
	right: auto;
	height: 43px;
	padding: 9px 0px 0px 15px;
	width: 305px;
	display: block;
	font-size: 28px;
	margin-left: auto;
	margin-right: auto;
}
.page .content .item .info span img {
	display: none;
}
.page .item {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow-x: hidden;
}
.page .item .thumbs {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
	display: block;
	width: 90% !important;
	margin-left: 0px;
}
.page .item .description {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;
}
.page .item .thumbs .photos {
	background-image: none !important;
	width: 90% !important;
	padding-left: 0px;
	padding-right: 0px;
}
.page .item .thumbs .videos {
	background-image: none !important;
	width: 90% !important;
	padding-left: 0px;
	padding-right: 0px;
}
.page .item .description {
}
.page .item .back {
	display: none;
}
.page .items {
	margin-left: 20px !important;
	margin-top: 20vw !important;
	overflow-y: hidden;
}
.page .items li h2 {
	position: absolute;
	top: 0.1vw;
	left: 34vw;
	font-size: 12px;
}
.page .items li {
	display: block;
	width: 96%;
	height: 32vw;
}
.page .items li div {
	height: 32vw;
	width: 32vw;
}
.page .items li a.more_info {
	color: #FFF;
	font-family: 'ar', Arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 4.2vw;
	padding: 1.5vw 10px 1.5vw 10px;
	display: block;
	width: 40vw;
	position: absolute;
	bottom: 12vw;
	left: 5px;
	background-color: #5f5f5f;
	border-radius: 5px;
	margin-left: 35vw;
}
.page .items li a.request_quote {
	color: #FFF;
	font-family: 'ar', Arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 4.2vw;
	padding: 1.5vw 10px 1.5vw 10px;
	display: block;
	width: 40vw;
	position: absolute;
	bottom: 1.5vw;
	left: 5px;
	background-color: #00a99d;
	border-radius: 5px;
	margin-left: 35vw;
}
.page .items li p, .page .items li .more {
	display: none !important;
}
.page .items li.last {
	margin-right: 15px;
}
.page .items li a.request_quote .shadow {
	display: none;
}
.banner .photos {
	display: none;
}
.banner h1.mobile {
	color: #000;
	font-size: 14vw;
	padding: 10px 0px 0px 20px;
}
.page .item .info span {
	font-size: 7vw !important;
	text-align: right !important;
	padding-right: 7vw !important;
	padding-left: 2vw !important;
	width: 82vw !important;
	height: 10vw !important;
}
.page .item .info {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	background-color: #FFF;
}
.page .item .holder {
	background-color: #FFF !important;
}
.page .item .info span {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;
}
.page .content .category-title {
	color: #000;
	margin: 17px 0px 10px 12px;
	font-size: 12vw !important;
}
.page .item .info .text {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
}
.page .item .info .mobile.item-photo {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	box-ordinal-group: 3;
}
.page .item .info span img {
	display: block !important;
}
.page .item .info .text h1 {
	font-size: 8vw !important;
	color: #000 !important;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px !important;
}
.page .item .info .img {
	display: none;
}
.page .item .item-photo {
	width: 91vw;
	height: 91vw;
	background-color: #000;
	position: relative;
	overflow: hidden;
	float: left;
	text-align: center;  /* align the inline(-block) elements horizontally */
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.page .item .item-photo:after {      /* create a full-height inline block pseudo-element */
	content: ' ';
	display: inline-block;
	vertical-align: middle; /* vertical alignment of the inline element */
	height: 100%;
}
.page .item .info .text p {
	display: none;
}
.page .banner .overlay {
	right: auto;
	text-align: right;
	bottom: -25vw;
	right: 50%;
	margin-right: -40vw;
}
.page .banner .overlay span {
	font-size: 7vw;
	text-align: right;
	padding-right: 7vw;
	padding-left: 2vw;
	width: 80vw;
	height: 10vw;
}
.page .banner .overlay img {
	display: block;
}
#footer {
	position: relative;
	z-index: 10;
}
#joinnews .button.newsletter {
	color: #FFF;
	padding: 15px 22px 15px 22px;
	background-color: #676767;
	font-size: 20px;
	font-weight: bold;
	float: none;
	width: 250px;
	position: absolute;
	left: 50%;
	margin: 15px auto 15px -150px;
	text-align: center;
}
#joinnews .button.newsletter:hover {
	background-color: #ffad00;
}
#footer {
	width: 100%;
}
#footer div.social .content {
	margin: 0px;
	left: 0px;
}
#footer div.clients {
	display: none;
}
#footer div.social {
	width: 100%;
	height: 194px;
	background-color: #FFF;
}
#footer div.social ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer div.social ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 96px;
	width: 96px;
	float: none;
	clear: left;
	padding: 17px 14px 17px 14px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	margin-top: 70px;
}
#footer .copyright p span {
	clear: left;
	display: block;
	line-height: 27px;
}
#thumb-tray {
	display: none !important;
}
#home {
	position: absolute !important;
	top: 120px;
	height: 300px !important;
}
#mobile-rotating-photos {
	position: relative;
}
#mobile-rotating-photos img {
	width: 100%;
}
#home .content {
	width: 100%;
}
#home #thumb-tray {
}
#header .container {
	width: 100%;
}
.copyright .content {
	width: 100px;
}
#footer div .content {
	width: 100%;
}
/*	#header .menu {
		display:none;
	}*/
#header {
	top: 0px !important;
	bottom: auto !important;
	position: relative !important;
	background-image: url('../../images/mobile-header-bottom.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
#header #dropdown {
	display: none;
	float: left;
	margin: 25px 10px 0px 15px;
}
#header .logo {
}
#header .container #logo {
	display: block;
	float: none;
	clear: left;
	width: 171px;
	text-align: right;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #000;
	margin-left: auto !important;
	margin-right: auto !important;
}
#header .container #logo img {
	width: 162px;
}
#header {
	min-height: 120px;
}
#home .banner {
	position: absolute;
	top: 0px !important;
	margin-top: 0px;
}
#home .banner .shade {
	height: 290px;
	margin-bottom: 25px;
	background-color: rgba(25,25,25,1);
}
#home .banner h1 {
	padding-top: 10px;
	font-size: 7vw;
}
#home .banner h2 {
	font-size: 24px;
	margin-top: 10px;
	font-size: 5vw;
	color: #FFF !important;
}
.mobile {
	display: block;
}
.desktop {
	display: none;
}
#home .banner .mobile {
	display: block;
	clear: left;
	padding-top: 20px;
	font-size: 7vw;
}
#home .banner .mobile span {
	font-size: 9vw;
	display: block;
	padding-top: 5.5vw;
}
#home .banner #form-book {
	width: 83vw;
}
#home .banner #form-book input,  #home .banner #form-book .submit {
	font-size: 18px;
	margin-top: 16px;
}
#home .banner #form-book input[type="text"] {
	width: 59vw;
	height: 25px;
}
#home .banner #form-book .submit {
	background-color: #f15a24 !important;
	background-image: none !important;
	padding: 0px 10px 5px 4px;
	width: 12vw;
	height: 46px;
	font-size: 25px;
	-webkit-appearance: none;
}
#popular .content {
	width: 100%;
	position: absolute;
	left: auto;
	margin-left: auto;
	padding-top: 120px;
}
#popular .content h1 {
	position: absolute;
	left: 10px;
	top: 20px;
	font-size: 38px;
}
#popular .content h2 {
	position: absolute;
	right: 0px;
	top: 20px;
	color: #000;
	width: 180px;
	font-size: 22px;
}
#popular .column {
	width: 239px;
	background-color: #FFF;
	display: block;
	vertical-align: middle;
	float: left;
	margin: 20px 0 0px 40px;
	text-align: center;
}
#popular .column.last {
	margin-right: 0px;
}
#popular .column h3 {
	margin: -5px 0px 0px 0px;
	padding: 5px 0px 5px 12px;
	display: block;
	background-color: #000;
	color: #FFF;
	font-weight: normal;
	font-family: 'ar', arial;
	font-size: 28px;
	text-align: left;
}
#popular .column ul {
	margin: 15px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
#popular .column ul li {
	padding: 3px;
	font-family: Arial;
	font-size: 16px;
	color: #555;
	text-align: left;
}
#home {
	z-index: 100 !important;
	top: 121px !important;
	height: 210px !important;
}
#home .banner {
	height: 210px !important;
}
#footer .social .content ul li {
	position: relative;
	float: left;
	left: 50%;
}
}

@media (max-height: 700px) {
#home .banner {
}
}

@media (max-width: 569px) {
#home .banner .shade {
	height: 235px;
}
#popular {
	height: 3400px;
}
.index #cssmenu {
	margin-top: 240px !important;
}
#header #cart {
	display: block;
	opacity: 1;
	z-index: 100;
}
}