body						{ margin:0px; padding:0px; background:white; height:100%; }

body, td, li,
input, select, textarea		{ font-family: Arial, Verdana, sans-serif; font-size:14px; font-size: 0.8vw; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color:#353535; vertical-align:top; line-height:20px; text-align:left; }

a							{ 
		color:black; text-decoration:underline;
		-webkit-transition:color 0.2s linear, background 0.2s linear;  
		-moz-transition:color 0.2s linear, background 0.2s linear; 
		-o-transition:color 0.2s linear, background 0.2s linear;   
		transition:color 0.2s linear, background 0.2s linear;
}
a img						{ 
	border:none;
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
a:link						{ }
a:hover						{ color:#f05a23; text-decoration:none; }
a:hover img					{ opacity:0.8; filter:alpha(opacity=80); }
a:active					{ }			

h1							{ padding:0px; margin:0; font-size:2.2em; line-height:1.4em; color:#f05a23; font-weight:normal; }
h2							{ padding:0px; margin:0; font-size:1.9em; line-height:1.3em; color:#f05a23; font-weight:normal; }
h3							{ padding:0px; margin:0; font-size:1.7em; line-height:1.2em; color:black; font-weight:normal; }
h4							{ padding:0px; margin:0; font-size:1.0em; line-height:0.5em; color:#f05a23; font-weight:normal; }

.holder						{ padding:0px; margin:0px auto; height:100%; width:100%; }

.col						{ width:70%; margin:0px auto; }

.topper						{ z-index:10; position:fixed; width:100%; background:#F05A23; padding-top:0.5%; padding-bottom:0.5%; }
.header						{ z-index:10; position:fixed; top:4.5%; width:100%; background:white; box-shadow:0 1em 1.0em rgba(0,0,0,0.2); }
.clear						{ clear:both; }

.email						{ float:left; width:15%; }
.email img					{ margin-bottom:-2.3%; padding-right:3%; width:10%; }
.email	a					{ color:white; font-size:1.2em; text-decoration:none; }

.social						{ float:right; width:10%; }
.social	a					{ }
.social	a img				{ width:22%; }

.phone						{ float:right; width:16%; text-align:right; }
.phone img					{ margin-bottom:-3.6%; padding-right:3%; width:10%; }
.phone	a					{ color:white; font-size:1.2em; text-decoration:none; }

.logo						{ width:24%; padding-top:0.5%; padding-bottom:0.5%; float:left; }
.logo img					{ width:100%; }



.links						{ width:70%; float:right; padding-top:2.1%; padding-left:0%; }
.links ul					{ padding:0px; margin:0px; float:right; }
.links ul li 				{ padding:0px; margin:0px; list-style:none; text-align:center; }
.links ul li a				{ margin:0px; text-decoration:none; font-size:1.3em; border-left:dashed #8c8d8e 0.05em; padding:0.3em; padding-left:0.6em; padding-right:0.6em; vertical-align:bottom; color:#8c8d8e; }
.links ul li a:hover		{ color:white; background:#f05a23; }
.links ul .active a			{ color:#f05a23; }


.banner						{ float:left; width:100%; background:#F05A23; padding-top:11em; padding-bottom:2em; z-index:1; box-shadow:0 1em 1.0em rgba(0,0,0,0.5); text-align:center; }
.banner .jdGallery img		{ width:100%; margin:0px auto; }
.banner .jdGallery			{ width:70%; margin:0px auto; }
.banner form				{ padding-top:10em; }




.imagebg div div			{ margin-bottom:6%; margin-top:6%; }
.white						{ background:white; padding-bottom:3%; }

.moveup						{ margin-top:-5%; }

.subber						{ padding-top:9em; }

.content					{ padding:0; padding:0%; width:68%; font-size:1.2em; line-height:1.1em; float:left; }




.quicklink					{ float:right; width:21%; }
.quicklink ul				{ margin:0; padding:0; width:100%; }
.quicklink ul li			{ list-style:none; margin:0; padding:0; width:100%; }
.quicklink ul li a			{ margin:0; padding:2%; background:#447ec5; float:left; margin-bottom:0.4em; color:white; text-decoration:none; text-align:center; width:100%; }
.quicklink ul li a:hover	{ background:#2f609d; }

.products					{ float:left; width:25%; padding:1%; margin:3%; font-size:1em; line-height:1.4em; margin-top:6%; margin-left:0%; margin-right:0%; box-shadow:0 0.4em 0.6em rgba(0,0,0,0.5); background:white; }
.products:nth-child(3n+2)	{ margin-left:9.5%; margin-right:9.5%; }
.products h3				{ text-align:center; padding:2%; background:#447ec5; }
.products h3 a				{ text-decoration:none; color:white; }
.products a img				{ width:100%; }


.product					{ width:96%; background:#8c8d8e; padding:2%; border-bottom:dashed 0.2em white; margin-bottom:3em; padding-bottom:1%; }
.product h3 a				{ background:#F05A23; width:100%; font-size:0.9em; line-height:0.7em; padding:0.3em; text-decoration:none; color:white; text-align:center; float:left; }
.product .events			{ background:white; text-align:center; width:99%; float:left; margin-top:1%; margin-bottom:1%; padding:0.5%; }
.product .events span:nth-child(2)		{ border-left:solid black 1px; margin-left:2%; border-right:solid black 1px; margin-right:2%; padding-left:3%; padding-right:2%; }

.Oneshow					{ background:#F05A23; padding:1%; text-decoration:none; color:white; border-radius:0.5em; width:100%; float:left; margin-bottom:1em; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.Oneshow:hover				{ background:#404A52; color:white; }
.Oneshow:before				{ content:" \25b2 "; }
.clicked:before				{ content:" \25bc "; }

.contactFeild img			{ width:60%; }
.sender						{ width:103%; font-weight:bold; }

.midd						{ float:left; width:100%; font-size:1.2em; line-height:1.1em; background:#1d1d1d; text-align:center; color:#a9a9a9; padding-top:2%; padding-bottom:2%; }

.footer						{ float:left; width:100%; background:#404a52; color:#a9a9a9; padding-top:3%; padding-bottom:3%; }
.footer	.col h2, .footer	.col .products h3	{ color:white; border-bottom:white solid 1px; }
.footer	 .col .products		{ box-shadow:none; }


.footerlinks				{ width:50%; margin-top:0.7%; float:left; }
.footerlinks ul				{ padding:0; margin:0; width:100%; }
.footerlinks ul li			{ padding:0; margin:0; list-style:none; display:inline; }
.footerlinks ul li a		{ color:#7a7a7a; font-size:1.0em; padding-left:0%; padding-right:4%; text-decoration:none; }

.bottfooter					{ float:left; width:100%; background:#262c32; color:white; }

.builder					{ float:left; width:10%; margin-right:2%; }
.builder img				{ height:3em; }

.copy						{ float:left; width:50%; text-align:left; font-size:0.8em; }


.copyright					{ float:right; width:20%; text-align:right; margin-top:0.7%; margin-bottom:0.7%; }
.copyright a				{ font-size:0.8em; color:#a9a9a9; text-decoration:none; }

input, textarea				{ color:black; }


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 1.2em;
	padding: 0.9% 2.6% 0.9% 2.6% !important;
}
.button:hover {
	text-decoration: none;
	color:white;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: white;
	background: #447ec5;
}
.blue:hover {
	background: #2f609d;
	color: white;
}

.links ul li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:10;
}

.links a {
	display: block;
}

.links li {
	float: left;
    margin: 0;
    padding: 0;
    position: relative;
	z-index: 15;
}

.links li ul {
	float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 1%;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.links li ul li {
	width: 25em;
}

.links li:hover ul {
	opacity: 1;
    top: 94%;
    visibility: visible;
}
.links ul li ul li a {
	background:#f05a23;
	font-size:1.0em;
	text-align:left;
	padding:2.5%;
	padding-left:6%;
	color:white;
	border:none;
	border-bottom:solid 1px white;
}
.links ul li:hover ul li a {
	background:#f05a23;
	font-size:1.0em;
	text-align:left;
	padding:2.5%;
	padding-left:6%;
	color:white;
	border:none;
	border-bottom:solid 1px white;
}
.links ul li:hover ul li a:hover {
	background:#404A52;
	color:white;
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	margin: 0px;
	float:right;
	bottom: 0;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
	padding:2%;
	padding-bottom:6%;
	background:black;
	width:40%;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery					{ width:100%; }

.jdGallery .slideElement
{
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	position:absolute;
	top:0px;
}

.jdGallery .slideElement img
{
	width:100%;
}

.jdGallery .slideInfoZone h2
{
	padding: 0.1em;
	font-size: 3em;
	line-height:1.5em;
	margin: 0px;
	font-weight: bold;
	color: inherit;
	color:white;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(0, 0, 0, 0.75);
}

.jdGallery .slideInfoZone h3
{
	padding: 0.1em;
	font-size: 2em;
	line-height:1.5em;
	margin: 0px;
	font-weight: bold;
	color: inherit;
	color:white;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(0, 0, 0, 0.75);
}



.sender	{ background:#d4d4d4; cursor:pointer; }
.sender:hover	{ background:#bcbcbc; }

.contactFeild				{ padding:0px; margin:0px; width:50%; padding-top:1%; }
input, select, .contactFeild textarea		{ padding:3px; margin:0px; color:black; width:100%; }

.leftcontact				{ float:left; width:45%; }
.rightcontact				{ float:right; width:45%; }

@media (max-width: 1624px) {
.links ul li a				{ font-size:1.1em; }
.phone						{ width:22%; }
.banner {
    padding-top: 6em;
}

.copyright {
    width: 27%;
}

.subber {
    padding-top: 4em;
}

.header {
    position:relative;
}
}

@media (max-width: 1024px) {
.col						{ width:88%; }
.banner img					{ width:88%; }
.jdGallery .slideElement 	{ font-size:0.5em !important; }
.jdGallery .slideElement h2	{ font-size:1em !important; }
.jdGallery .slideElement h3	{ font-size:0.5em !important; }
}


@media (max-width: 600px) {
	body, td, li,
input, select, textarea			{ font-size:14px; }

	.holder						{ padding:0px; margin:0px auto; height:300px; width:100%; }

	.col						{ width:100%; margin:0px auto; }
	.topper						{ padding-bottom:2%; position:relative; }
	.header						{ padding-bottom:1%; position:relative; }
	
	.logo						{ width:50%; padding:1%; text-align:center; float:none; margin:0px auto; }
	.logo a img					{ width:100%; padding-bottom:0px; padding-top:0px; }

.email							{ display:none; }
.social							{ display:none; }
.phone							{ width:100%; float:none; text-align:center; }
.phone a img					{ width:4%; margin-bottom:-2%; }


	.links						{ float:none; width:100%; padding:0; margin:0; }
	.links ul 					{ padding:0; margin:0; }
	.links ul li 				{ width:100%; text-align:center; padding:0; margin:0; margin-bottom:9px; }
	.links ul li a 				{ padding:3px; font-size:16px; border:none; }
	
	.links ul ul 				{ display:none; }
	
	.banner						{ padding-top:4em; }
	
	h1, h2						{ font-size:1.3em; line-height:1.2em; }
	
	.jdGallery .slideInfoZone 	{ display:none; }
	
	.products					{ width:100%; margin:0 !important; padding:0 !important; padding-bottom:25px; padding-top:15px; }

	.subber {
		padding-top: 3em;
	}

	.content					{ width:96%; padding:2%; margin:0; }
	.quicklink					{ width:100%; padding:0; margin:0; }
	.quicklink ul li a			{ width:100%; padding-left:0; padding-right:0; }
	
	.footerlinks				{ width:85%; padding-left:2%; }
	.copyright					{ width:65%; padding-right:2%; }
	
	.leftcontact				{ float:left; width:100%; }
	.rightcontact				{ float:right; width:100%; }
}