@font-face {
  font-family: "ARIAL";
  src: url("ARIAL.TTF");
  font-size:100%;
  text-decoration:none;
  font-stretch:normal;
  font-style:normal;
  font-weight:normal;
  vertical-align:top;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  text-rendering: optimizeLegibility;
  font-variant:normal;
  speak:none;
  -moz-font-smoothing:antialiased;
  font-smoothing:antialiased;
  font-smooth:always;
}




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

body, td, li,
input, select, textarea		{ font-family: ARIAL, Arial, Verdana, sans-serif; font-size:14px; font-size: 0.75vw; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color:#535353; vertical-align:top; line-height:1vw; text-align:left;   animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes movein {
    from { opacity: 0.5; transform: scale(0.7); }
    to   { opacity: 1; transform: scale(1.0); }
}
@-webkit-keyframes movein {
    from { opacity: 0.5; -webkit-transform: scale(0.7); }
    to   { opacity: 1; -webkit-transform: scale(1.0); }
}
@-o-keyframes movein {
    from { opacity: 0.5; -o-transform: scale(0.7); }
    to   { opacity: 1; -o-transform: scale(1.0); }
}

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:#085897; text-decoration:none; }
a:hover img					{ opacity:0.8; filter:alpha(opacity=80); }
a:active					{ }			

h1							{ padding:0em; margin:0; font-size:1.8em; line-height:1.0em; color:#021123; font-weight:bold; text-transform:uppercase; }
h2							{ padding:0px; margin:0; font-size:1.9em; line-height:1.0em; color:#021123; font-weight:normal; }
h3							{ padding:0px; margin:0; font-size:1.7em; line-height:1.5em; color:#535353; font-weight:bold; text-transform:uppercase; }
h4							{ padding:0px; margin:0; font-size:1.0em; line-height:1.2em; color:#535353; font-weight:normal; }

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

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

.border						{ }

.customerportal				{ z-index:10; position:fixed; right:0; top:35vh; background:#ffbe00; border:0.3em solid white; padding:0.3em; padding-left:0.9em; padding-right:0.9em; border-radius:0.3em; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-right:-3.6em; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.customerportal	a			{ color:white; text-decoration:none; }
.customerportal	a:hover		{ color:black; }

.header						{ z-index:1020; background:#187FDF; width:100%; transition:all 1200ms; position:fixed; padding:0; }
.clear						{ clear:both; }
.tabletheader				{ position:inherit; }


.logo						{ width:33%; float:left; transition:all 1200ms; margin-top:0.9%; margin-bottom:0.3%; transition: all 1200ms ease; }
.logo a						{ }
.logo a img					{ width:99%; transition: all 1200ms ease; }


.social						{ float:right; width:15%; text-align:right; margin-left:20%; margin-top:1%; transition: all 1200ms ease; }
.social a					{ margin-left:1% }
.social	 img				{ height:2.1em; transition: all 1200ms ease; }

.search						{ float:right; margin-top:0.4%; width:23%; padding:0.5em; padding-right:0; height:2em; padding-left:2em; transition: all 1200ms ease; }
.search	input				{ width:70%; padding:0.25em; margin-left:0px; margin-top:0.1em; font-style:italic;: }
.search	.go					{ border:none; width:17%; cursor:pointer; margin-left:2%; background:white; color:#187FDF; border-radius:1em; text-align:center; }


.links						{ width:100%; float:right; margin-top:0.5%; margin-bottom:0.5%; transition: all 1200ms ease; }
.links ul					{ padding:0px; margin:0px; float:right; }
	.links ul li > a:after { font-family: 'FontAwesome'; content: ' \f107'; } 
 	.links ul li > a:only-child:after { content: ''; }
.links ul li 				{ padding:0px; margin:0px; list-style:none; text-align:right; padding-left:0.3em; padding-right:0.3em; }
.links ul li a				{ margin:0px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:90%; padding:0.3em; padding-left:0.5em; padding-right:0.5em; vertical-align:bottom; color:white; }
.links ul li a:hover, .links ul .active a			{ color:#515151; }
.links ul .last a			{ padding-right:0; }

	

.banner						{ float:left; width:100%; height:102vh; z-index:1; overflow:hidden; }
.banner img					{ width:100%; height:auto; float:left; z-index:8; }
.banner form				{ padding-top:12%; }
.managecontainer			{ overflow:scroll; height:20em; width:40%; padding:10em; }
.managepicture a img				{ width:5em; height:5em; }

.textboxz					{ position:relative; float:right; margin-right:4%; font-size:1.5em; line-height:1.0em; text-align:center; text-shadow:0.1em 0.1em 0.1em rgba(0,0,0,0.8); margin-top:-22em; width:13%; z-index:7; background:rgba(55,153,194,0.95); padding:2%; border-radius:0.5em; }
.textboxz img				{ opacity:1; }
.textboxz h2, .textboxz h1	{ color:white; font-size:2em; line-height:1em; }
.half label input				{ width:40%; float:left; }
.half label:nth-child(2) input	{ float:right; }
.homebox h2					{ color:#021123; }


.texter						{ margin:0% auto; font-size:1.25em; line-height:1.4em; text-align:center; width:50%; font-style:italic; z-index:7; padding:4%; color:white; }
.texter	h2 					{ font-size:1.3em; line-height:1.1em; color:white; }
.texter	h1 					{ color:white; }
.texter	h3 					{ color:white; }
.texter ul li				{ color:white; font-size:1.1em; margin-bottom:1em; }
.texter ul li ul li			{ font-size:0.9em; margin-top:0.5em; }

.wider						{ width:80%; }

.taller						{ padding-top:9%; padding-bottom:9%; }

.texter input, .texter textarea			{ background:none; border:solid white 1px; color:white; width:96%; padding:2%; border-radius:0.3em; }

.threeby					{ width:28.67% !important; }



.phone						{ float:right; width:100%; text-align:center; padding-top:0.9em; }
.phone a					{ font-size:1.3em; color:white; text-decoration:none; transition: all 1200ms ease; }
.phone img					{ width:16%; margin-top:-0.25em; transition: all 1200ms ease; }

.arrow						{ width:100%; float:left; margin-top:-4.9em; text-align:center; z-index:2; }
.arrow a					{ font-size:7em; text-decoration:none; color:white; text-shadow: -5px 3px 5px rgba(0, 0, 0, 0.9); font-weight:bold; }
.arrow a:hover				{ color:#085897; }


.imagebg					{ width:100%; float:left; background:#f6f6f6; }
.white						{ background:white; width:100%; float:left; }
.grey						{ background:black url(images/form.jpg) fixed; background-size:cover; width:100%; float:left; }
.bluer						{ width:100%; float:left; background:url(images/footer.jpg) #013766 no-repeat top; background-size:100% auto; }

.widebox					{ float:left; width:100%; padding-top:1em; padding-bottom:7em; background:white; }
	
.moveup						{ margin-top:-5%; }


.content					{ padding:0%; font-size:1.25em; line-height:1.4em; width:100%; float:left; margin:0%; margin-top:3em; margin-bottom:3em; }
.content ul li				{ font-size:1.0em; line-height:1.2em; margin-bottom:1em; }
.greenleft h1				{ }
.greenleft					{ border:solid 0.15em #4981c6; border-radius:0.3em; padding:3%; width:44% !important; }


.homebox					{ padding:0%; font-size:1.25em; line-height:1.4em; width:60%; margin:0% auto; padding-top:3em; padding-bottom:1.5em; }
.homebox img				{ width:100%; float:left; }

.greenright ul				{ margin-left:0; padding-left:0; }
.greenright ul li			{ list-style:none; color:#4981c6; font-size:1.5em; margin-bottom:0.8em; }
.greenright ul li:before	{ content:'\f14a'; padding-right:1em; font-family: 'FontAwesome'; color:#021123; }
.greenright					{ width:40% !important; }

.associations h2			{ text-align:center; }
.associations img			{ width:9.5% !important; float:left; margin-right:0.5%; }
.associations img:nth-child(10) { margin-right:0%; }
.associations p				{ margin:0; padding:0; }
.associations				{ padding-bottom:3em; }

.formhome					{ text-align:center; width:100%; float:left; margin-bottom:6%; margin-top:6%; }
.formhome table				{ width:70%; margin:0px auto; }
.formhome .contactFeild		{ float:left; width:100%; padding-top:0.3%; text-align:center; color:black; }
.formhome .widthbutton		{ float:left; width:100%; padding-top:0.3%; text-align:center; color:black; }
.formhome .widthbutton input { width:102%; border:none 0; }
.formhome .contactFeild img	{ width:25%; } 
.formhome .contactFeild input, .formhome .contactFeild textarea		{ background:rgba(255,255,255,0.7); }
	
.subber						{ margin-top:11%; background:none; }

.faded						{ background:rgba(255,255,255,0.8); padding:2%; width:96%; }

.grey .subber				{ margin-top:5%; }
.subber h1					{ text-shadow:none; }
.subber .products			{ margin-top:0em; }

.submenu					{ width:30%; margin:0; padding:0; }
.submenu li					{ float:left; width:100%; list-style:none; text-align:center; margin-bottom:1em; }
.submenu li a				{ color:white; text-decoration:none; padding:1.5%; float:left; width:97%; background:#021123; border-radius:0.5em; }
.submenu li a:hover			{ background:#113662; }


.submenuleft				{ width:100%; margin:0; padding:0; }



.events .header				{ position:relative; z-index:1; }
.events input				{ width:10%; }

.products					{ float:left; width:26.0%; background:#54a0cb; z-index:15; position:relative; padding:2%; margin:0.7%; margin-top:0.5em; margin-left:0%; margin-right:0%; margin-bottom:3%; transition: all .25s ease; color:white; border-radius:0.3em; }
.products:nth-child(2)		{ margin-left:4.5%; margin-right:4.5%; }
.prodtext					{ position:relative; z-index:10; }
.products h3				{ padding:0; margin:0; margin-bottom:-0.5em; }
.products h3 a				{ color:white; font-size:1.4em; line-height:1.1em; text-decoration:none; padding:0; margin:0; margin-top:0.5em; }
.products h3 a:hover		{ color:#2D7ABA; }
.products h4				{ color:white; font-size:1.6em; }


.keepintouch				{ float:left; width:100%; margin-top:3em; margin-bottom:1em; color:white; }

.video						{ height:52em; overflow:hidden; background:url(images/suit.jpg) no-repeat fixed; background-size:cover; }
.videoholder				{ float:left; width:100%; z-index:3; top:0; height:57em; min-height:57em; background:url(images/pattern.png); }
.parallax_media				{ float:left; width:100%; height:auto; }
.textbox					{ position:relative; float:left; z-index:2; width:100%; background:rgba(112,115,116,0.7); height:55em; margin-top:-57em; -o-margin-start:margin-top:0; padding-top:3em; color:white; }

.textbox .content			{ width:60%; margin:0 auto; float:none; color:white; font-size:1.15em; line-height:1.3em; }
.textbox .content ul li, .texter ul li		{ color:white; font-size:1.0em; margin-bottom:1.5em; margin-top:2em; list-style:none; }
.textbox .content ul li img, .texter ul li img	{ width:2.6em; float:left; margin-right:1em; margin-bottom:1em; margin-top:-0.5em; }
.textbox .content h2		{ font-size:1.5em; margin-bottom:0.5em; margin-top:0.5em; color:white; }
.textbox .content .leftheading		{ display:inline-block; }
.leftcol h1, .leftcol h2,.rightcol h1, .rightcol h2	{ color:white; }
.textbox h1					{ font-size:2.1em; }

.blog						{ float:left; width:48%; text-align:left; margin-bottom:2em; min-height:8em; }
.blog span					{ color:#021123; }
.blog img					{ width:50%; float:left; border-radius:0.3em; margin-right:2em; }
.blog:nth-child(even)		{ float:right; }
.blog h3					{ line-height:1em; }
.blog h3 a					{ text-decoration:none; font-size:0.7em; }



.menuix a					{ float:left; width:98%; padding:1%; background:#FFBE00; color:white; margin-bottom:2%; text-decoration:none; text-align:center; border-radius:0.3em; }
.menuix a:hover				{ background:black; color:white; }

.videomenu					{ width:70%; margin:0px auto; text-align:center; }
.videomenu ul				{ padding:0px; margin:0px auto; text-align:center; clear:both; margin-left:8%; }
.videomenu ul li 			{ padding:0px; margin:0px; list-style:none; float:left; text-align:left; padding-left:0.9em; padding-right:0.9em; }
.videomenu ul li a			{ margin:0px; transition: all 500ms ease; text-decoration:none; font-size:120%; padding:0.3em; padding-left:0.6em; padding-right:0.6em; vertical-align:bottom; color:white; }
.videomenu ul li ul li		{ clear:both; margin-left:-0.9em; margin-top:0.7em; margin-bottom:0.5em; }
.videomenu ul li ul			{ margin:0px; }
.textbox ul li a:hover, .textbox ul .active a			{ color:white; background:#aeafb1; }


.category					{ float:left; width:18.4%; margin-bottom:2em; margin-right:2%; }
.category img				{ width:100%; }
.category:nth-child(5n)		{ margin-right:0; }
.category h2				{ font-size:1.5em; text-align:center; }

.keepintouch .signup		{ float:right; width:100%; margin-top:2.8em; margin-bottom:1.5em; text-align:center; }
.keepintouch .signup input	{ width:20%; margin-top:-0.5em; height:0.99em; }
.keepintouch .signup .search { width:15%; text-align:center; margin-top:-0.7em; height:2.5em; } 


.offices					{ float:left; width:100%; margin-bottom:1em; margin-top:2em; }
.offices h2					{ text-align:center; padding:0.1em; font-size:2em; line-height:1.3em; background:#FFBE00; border-radius:0.3em; color:white; width:50%; margin:0px auto; }
.offices div				{ text-align:center; width:20%; float:left; margin-top:4em; }
.offices .spacer			{ width:10%; }


.fadein						{ opacity:0; transform:1s all; }
@media all and (min-width: 1px) and screen and (-webkit-min-device-pixel-ratio:0) {
    .fadein					{ opacity: 1; }
}
.seen						{ opacity:1; animation: movein 1s; -webkit-animation: movein 1s; -o-animation: movein 1s;  }


.slidein						{ opacity:0; transform:1s all; }
@media all and (min-width: 1px) and screen and (-webkit-min-device-pixel-ratio:0) {
    .slidein					{ opacity: 1; }
}


.slide{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
	
	opacity:1;
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}





.map						{ width:100%; float:left; }
.map iframe	{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: sepia(100%);
}


.footersub .products		{ height:auto; }



.services					{ width:100%; float:left; margin-bottom:3%; }
.services div				{ width:50%; min-height:2em; }
.services div a img			{ margin-bottom:-6%;
background:white; width:15%; min-height:2em; border-radius:50%;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow:    0px 10px 15px 0px rgba(0, 0, 0, 0.45);
box-shadow:         0px 10px 15px 0px rgba(0, 0, 0, 0.45);
}
.services div .button		{ margin-left:-15%; opacity:0; filter:alpha(opacity=0);
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			}
.services div:hover .button		{ opacity:1; filter:alpha(opacity=100); margin-left:0%; }



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

.footer						{ float:left; width:100%; background:#187FDF; color:white; padding-top:1.5%; padding-bottom:1.5%; }



.testibox	{ height:8em; overflow:hidden; }



.copy						{ float:left; width:50%; text-align:left; font-size:0.8em; }
.copy img					{ height:4.5em; margin-bottom:-1.1em; }
.copy ul					{ padding:0px; margin:0px; width:100%; text-align:right; }
.copy ul li 				{ padding:0px; margin:0px; display:inline; list-style:none; text-align:right; padding-left:0.4em; padding-right:0.4em; }
.copy ul li a				{ margin:0px; text-decoration:none; font-size:90%; background:#021123; padding:0.3em; padding-left:0.6em; padding-right:0.6em; vertical-align:bottom; color:white; }
.copy ul li a:hover, .copy ul .active a			{ color:white; background:#1877c2; }
.copyright					{ float:right; width:50%; text-align:right; margin-top:2em; }
.copyright a				{ font-size:0.8em; color:white; text-decoration:none; }

.logocopy					{ float:left; width:20%; }


input, textarea				{ color:black; }


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border:0 none;
	font: 1.2em;
	padding: 0.3em 2.5em 0.3em 2.5em !important;
	color:white;
	transition:color 250ms;
	transition:background 250ms;
	border-radius:0.99em;
}

.textboxz .sender			{ padding: 2% 0% 2% 0% !important; }

.button:hover {
	text-decoration: none;
	color:#A5C931;
	background:white;
}
.button:active {
	position: relative;
	top: 1px;
}

.green {
	background:#021123;
	border:none;
}

.blue {
color: white;
background: #187FDF !important; 
}
.blue:hover {
background: #1868b2 !important;
color:white;
}

.bordez, .bordez:hover {
	border:solid 0.03em white;
}

.black {
	border:solid 0.06em black;
	color:black;
	font-family:AvenirLTStd;
	font-size:2em;
}
.black:hover {
	color:white;
	border:black solid 0.03em;
	background:black;
}




.texter .button				{ width:100% !important; padding:2% !important; }




.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;
	width:32em !important;
	background:#61aef6;
    -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: 48%;
	margin:1%;
	float:left;
	padding:0;
}


.links .last ul {
	width:23em !important;
}

.links .last ul li {
	width: 12%;
}

.links .last ul li a {
	text-align:center;
}
.links ul .last:hover ul li a {
	text-align:center;
}

.links li:hover ul {
	opacity: 1;
    top:89%;
    visibility: visible;
}
.headtiny .links ul li ul li a {
	color:white;
}
.links ul li ul li a {
	border:none;
	background:#3f99ed;
	font-size:0.8em !important;
	text-align:left;
	padding:2.5%;
	padding-left:6%;
	color:white;
	border-radius:0em;
}
.links ul li:hover ul li a {
	border:none;
	background:#3f99ed;
	font-size:0.8em !important;
	text-align:left;
	padding:2.5%;
	padding-left:6%;
	color:white;
	border-radius:0em;
}
.links ul li:hover ul li a:hover {
	background-color:black;
	color:white;
}




@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



@keyframes fadein2 {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
@-webkit-keyframes fadein2 {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}
@-o-keyframes fadein2 {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}



.formz						{ width:100%; }
.contactFeild				{ padding:0px; margin:0px; width:50%; padding-top:3%; }
input, textarea				{ padding:0.5%; margin:0px; color:black; width:99%; margin-top:1%; }
select						{ padding:1.5%; margin:0px; color:black; width:40%; height:10em; margin-top:1%; }
#registered select			{ width:97%; height:auto; }
#category .hide				{ display:none; }
#category .Yes				{ display:block; }
#category option:nth-child(1)		{ text-align:center; background:black; color:white; }
#category .disabled			{ text-align:center; background:#13b14f; color:white; margin-top:1em; }
.captcher					{ width:80%; }

.submit						{ font-family:AvenirLTStd; font-size:1.3em; width:55%; float:right; margin-top:0.7em; }
.cancel						{ font-family:AvenirLTStd; font-size:1.3em; float:left; width:25%; text-align:center; text-decoration:none; padding-top:1em; color:white; }

.contentsub					{ margin-top:1%; }
.contentsub h2				{ font-size:11px; }

#editform					{ padding-top:80px; }



.thumbscontainer						{ width:100% !important; }
.thumbscontainer .thumbs				{ float:left !important; width:100% !important; }
.thumbscontainer .thumbs  li			{ width:10.7% !important; height:8em !important; margin:0 !important; margin-right:2% !important; margin-bottom:2% !important; overflow:hidden; float:left; display: inline-block !important; position: relative; }
.thumbscontainer .thumbs  li:nth-child(8n)			{ margin-right:0 !important; }
.thumbscontainer .thumbs  li a img		{ width:100% !important; height:8em !important; }



.tabletheader				{ position:inherit; }

.left						{ float:left; width:50%; }
.right						{ float:right; width:48% }

.leftcol					{ float:left; width:50%; margin-top:0.5em; font-size:1.2em; text-align:left; padding-top:0.5em; padding-right:2%; border-right:solid #979797 1px; }
.rightcol					{ float:right; width:45%; font-size:1.2em; line-height:1.3em; padding-top:0.5em; margin-top:0.5em; }


.butterflyList li { list-style:none; padding-left:0; }
.butterflyList li a {
    background: rgba(0, 0, 0, 0) url("images/Butterfly.png") no-repeat scroll 14px center;
	background-size:auto 100%;
    padding-left: 50px;
	color:#187FDF;
	text-decoration:none;
}


blockquote {
  background: #4981CB;
  color:white;
  margin: 1.5em 10px;
  padding: 1em;
  quotes: "\201C";
}
blockquote:before {
  color: white;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.firstname				{ float:right; }
.quotes					{ float:left; width:100%; margin-bottom:1em; border-bottom:dashed grey 0.25em; }



@media all and (min-width: 1px) and (max-width: 1024px) {
	.col						{ width:75%; }
.textboxz		{ width:16%; margin-top: -25em; }
.textboxz input, .textboxz placeholder, .textboxz textarea	{ font-size:1.5em; } 
}

@media all and (min-width: 1px) and (max-width: 1000px) {
.threeby 				{ width: 28.6% !important; }
}

@media all and (min-width: 1px) and (max-width: 768px) {
.banner					{ height:auto; }
.video					{ height:50em; }
.textbox				{ height:50em; }
.rightcol				{ padding-left:14.2%; }
.threeby 				{ width: 28.4% !important; }
}

.tabletprods .products					{ width:14.8em; height:14.8em; border-radius:0; }


.menuz				{ display:none !important; }
.rightbox			{ float: right; margin-left: 2%; width: 40%; }

@media all and (min-width: 1px) and (max-width: 600px) {
	body, td, li,
input, select, textarea			{ font-size:14px; line-height:18px; }

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

	.col						{ width:100%; margin:0px auto; }
	
	.logo						{ width:96%; padding:2%; text-align:center; margin:0px auto; float:none; }
	.logo a img					{ width:80%; padding-bottom:0px; padding-top:0px; }
	
	.phone						{ width:100%; margin:0px auto; float:none; padding:0; text-align:center; margin-top:1em; }
	.phone img					{ width:10%; }
	.social						{ width:100%; margin:0px auto; float:none; padding:0; text-align:center; }
	.search						{ width:100%; margin:0px auto; float:none; padding:0; text-align:center; }

	.links						{ width:100%; padding:0; margin:0; float:left; padding-top:0.2em; }
	.links ul					{ width:100%; padding:0; margin:0; }
	.links ul li				{ width:100%; padding:0; margin:0; margin-top:-3em !important; height:1px !important; display:none; }
	.links ul li a				{ font-size:1em !important; width:100% !important; background:black !important; color:white !important; padding-left:0 !important; padding-right:0 !important; margin:0 !important; text-align:center; opacity:0 !important; }
	.links ul li ul				{ display:none; left:-9999; }

	
	.links ul li:first-child 	{ display:block; margin-top:0em !important; height:auto !important; }
	.links ul li .menuz			{ height:auto !important; display:block !important; opacity:1 !important; margin-top:0 !important; color:white !important; background:black !important; padding-bottom:10px; height:auto !important; }
	.links ul .menuz a			{ height:auto !important; opacity:1 !important; margin-top:0 !important; }
	.links ul .menuz a::after	{ font-family: 'FontAwesome' !important; content:' \f0c9' !important; color:white !important; stroke:white; font-weight:bold; }

	

	.links ul .show				{ display:block; padding-top:3px; padding-bottom:3px; margin-top:0em !important; height:auto !important; }
	.links ul .show a			{ height:auto !important; opacity:1 !important; margin-top:0 !important; }
	
	.banner						{ width:100%; height:auto; }
	.banner img					{ width:100%; height:auto; }
	.textboxz					{ display:none; }
	
	.homebox 					{ padding:2%; width:96%; padding-top:6%; }
	.homebox img 				{ width:30%; }
	.homebox h3, .homebox h2	{ font-size:1.4em; line-height:1.2em; }
	.texter 					{ padding:2%; width:80%; padding-top:6%; }
	.texter h2 					{ font-size:1.3em; line-height:0.9em; }
	.threeby 					{ width: 27.4% !important; }
	
	.services div .button		{ opacity:1; filter:alpha(opacity=100); margin-left:0%; }
	
	.slideInfoZone				{ display:none; }
	
	h1							{ font-size:1.4em; line-height:1.4em; }
	.contentbox					{ width:100%; }
	.content					{ width:96%; padding:2%; }
	.content img				{ width:100% !important; height:auto !important; padding:0 !important; margin:0 !important; float:none !important; }
	
	.products					{ width:100%; margin:0px auto !important; margin-bottom:0% !important; float:none !important; clear:both !important; margin-bottom:2em !important; }
	.products img 				{ width:5em !important; height:5em !important; border: 0.4em solid #e12323; }
		
	.video						{ height:auto; }
	.textbox 					{ height:auto; }
	.videoholder				{ background:none; }
	.parallax_media				{ }
	.submenu					{ width:100%; }
	
	.rightcol					{ border:none; }
	
	.rightbox					{ width: 40%; }
	.rightbox img				{ width:100%; }
	
	.offices div				{ width: 45%; margin-left:2%; margin-right:2%; min-height:14em; }
	.texter 					{ width:96%; padding:2%; }
	
	.textbox .content ul li img, .texter ul li img { width:10% !important; height:auto !important; margin-bottom:-3% !important; }
	.textbox .content 			{ width:96%; padding:2%; }
	.textbox .content .leftcol { margin-top:1em; }
	
	.copy						{ width:100% !important; padding:0 !important; margin:0 !important; text-align:center; }
	
	.left						{ float:left; width:100%; }
	.right						{ float:right; width:100% }
	.leftcol					{ float:left; width:100%; }
	.rightcol					{ float:right; width:100% }
	.greenleft					{ width:96% !important; padding:2%; }
	.greenright					{ width:96% !important; padding:2%; }
	
	.copy img					{ width:100%; height:auto; }
	
	
	.thumbscontainer .thumbs  li			{ width:4.9em !important; height:3em !important; overflow:hidden; float:left; display: inline-block !important; position: relative; }
	.thumbscontainer .thumbs  li a img		{ width:4.9em !important; height:3em !important; }
}