@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}



@font-face {
  font-family: 'FontAwesomebrands';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg");
}


@font-face {

  font-family: "OpenSans";

  src: url("OpenSans.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;

}


@font-face {

  font-family: "Lato";

  src: url("Lato-Regular.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: Lato, Arial, Verdana, sans-serif; font-size:18px; font-size:0.95vw; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color:#888; vertical-align:top; line-height:1.5vw; text-align:left;   animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }


@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); }
}


@keyframes moveup {
    from { opacity: 0.3; padding-top:4em; }
    to   { opacity: 1; padding-top:0; }
}


@keyframes moveupslow {
	0% {
		opacity: 0;
		padding-top:4em;
	}
	50%{
		opacity: 0;
		padding-top:4em;
	}			
	100% {
		opacity: 1;
		padding-top:0;
	}	
}


@keyframes flipit {
	0% {
		opacity: 0;
		-webkit-transform-style: preserve-3d;
		transform:translate3d(0,190px,0) rotateX(0) rotateY(0) rotateZ(0) scale(1);
	}
	50%{
		opacity:1;
		transform:translate3d(0,10px,0) rotateX(0) rotateY(0) rotateZ(0) scale(1);
	}			
	100% {
		opacity: 1;
		transform:translate3d(0,10px,0) rotateX(40deg) rotateY(0) rotateZ(-30deg) scale(.83);
	}	
}


@keyframes heading {
	from {
		opacity: 0;
		transform:translate3d(90px,-40px,0) scale(1.05);
	}			
	to {
		opacity: 1;
		transform:translate3d(0,90px,0) scale(1);
	}	
}



@keyframes labeler {
	from {
		opacity: 0;
		transform:translate3d(0,-50px,0);
	}			
	to {
		opacity: 1;
		transform:translate3d(0,0,0);
	}	
}


@keyframes flipit {
	0% {
		opacity: 0;
		-webkit-transform-style: preserve-3d;
		transform:translate3d(0,190px,0) rotateX(0) rotateY(150deg) rotateZ(0) scale(.83);
	}		
	100% {
		opacity: 1;
		transform:translate3d(0,10px,0) rotateX(0) rotateY(0) rotateZ(0) scale(1);
	}	
}




a							{ 
		color:#5D504C; 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:grey; text-decoration:none; }
a:hover img					{ opacity:1; filter:alpha(opacity=100); }
a:active					{ }			

h1							{ padding:0em; margin:0; font-size:2.0em; line-height:1.2em; padding-top:0.5em; margin-bottom:1em; color:#fff200; font-weight:normal; position:relative; }
h1:after                    { content:' '; position:absolute; bottom:-0.5em; left:0; width:5em; height:1em; border-bottom:solid #fff200 2px; }
h2							{ padding:0px; margin:0; font-size:1.8em; line-height:1.0em; color:#fff200; font-weight:normal; }
h3							{ padding:0px; margin:0; font-size:1.6em; line-height:1.4em; color:#fff200; font-weight:normal; }
h4							{ padding:0px; margin:0; font-size:1.3em; line-height:1.2em; color:#fff200; font-weight:normal; }

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

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

.border						{ }

.errors						{ font-size:0.7em; line-height:0.99em; color:red; }

.header						{ z-index:1020; width:100%; transition:all 1200ms; position:fixed; padding:0; background:black; }
.clear						{ clear:both; }
.tabletheader				{ position:inherit; }
.tabletheader .links ul li a				{ font-size:160%; }

.whiteheader				{ float:left; width:100%; transition:all 1200ms; background:#fff200; }
.blueheader					{ float:left; width:100%; transition:all 1200ms; }



.headtiny					{ }
.headtiny .whiteheader		{ }
.headtiny .blueheader		{ }

.logo						{ position:relative; width:25%; float:left; text-align:center; transition:all 1200ms; margin-top:0.7%; margin-bottom:0.2%; transition: all 1200ms ease; }
.logo a						{ }
.logo a img					{ width:100%; transition: all 1200ms ease; padding:0; }




.search						{ float:right; margin-top:1.7%; width:15%; 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					{ background:#00704A; border:none; text-align:center; color:white; border-radius:0.5em; width:15%; cursor:pointer; margin-left:2%; }




.social						{ float:right; width:15%; text-align:center; margin:0; padding:0; padding-top:0.3%; }
.social a					{ display:inline-block; font-family:'FontAwesomebrands'; color:#fff200; text-align:center; padding:0.4em; content:'\f0e0 '; margin-left:2%; margin-right:2%; font-size:0.9em; line-height:0.9em; width:0.9em; height:0.9em; line-height:auto; text-decoration:none; text-wrap:none; white-space:nowrap; }
.social a:hover				{ color:grey; }



.email						{ float:left; text-align:left; width:auto; margin:0.3em; margin-left:0; padding:0.5%; padding-top:0.4%; padding-left:1%; padding-right:1%; transition: all 1200ms ease; border:solid 1px black; }
.email a					{ color:black; font-size:1.0em; line-height:auto; text-decoration:none; text-wrap:none; white-space:nowrap; }
.email a:before				{ display:inline-block; font-family:'FontAwesome'; color:white; background:black; padding:0.4em; content:'\f199 '; margin-right:4%; font-size:0.7em; line-height:0.7em; }




.phone						{ float:left; width:20%; text-align:left; margin:0em; padding:0%; padding-top:0.3%; padding-bottom:0.3%; transition: all 1200ms ease; }
.phone a					{ color:black; font-size:1.1em; line-height:auto; text-decoration:none; text-wrap:none; white-space:nowrap; }
.phone a:before				{ display:inline-block; font-family:'FontAwesome'; color:black; padding:0.4em; content:'\f098 '; margin-right:1%; font-size:1em; line-height:1em; }


.address					{ float:right; width:15%; text-align:right; margin:0em; margin-left:0; padding:0%; padding-top:0.3%; margin-right:1%; ptransition: all 1200ms ease; }
.address a					{ color:black; font-size:1.1em; line-height:1em; text-decoration:none; padding:0.3em; padding-bottom:0.5em; }
.address a:before			{ display:inline-block; font-family:'FontAwesome'; color:black; padding:0.4em; content:'\f199 '; margin-right:1%; font-size:1em; line-height:1em; }



.bottonheader				{ float:right; text-align:right; width:40%; margin:0; padding:0; font-size:0.7em; margin-top:3.1em; transition: all 1200ms ease; position:relative; }
.bottonheader a				{ background:none !important; font-weight:bold; color:black !important; text-transform:uppercase; text-decoration:none; font-size:1.5em; padding:0.9em; padding-top:0.5em; padding-bottom:0.5em; }
.bottonheader a:hover		{ color:#af1414; text-shadow:0px 1px 1px white; border-bottom:solid #af1414 2px; }

.links						{ width:65%; float:right; padding:0; margin:0; margin-top:1.8em; text-align:right; transition: all 1200ms ease; }
.links ul					{ padding:0px; margin:0px; text-align:right; float:right; }
.links ul li 				{ padding:0px; margin:0px; list-style:none; text-align:right; }
.links ul li a				{ margin:0px; text-decoration:none; font-size:100%; padding:0.9em; padding-top:0.5em; padding-bottom:0.5em; margin-right:0.3em; vertical-align:bottom; color:white; transition: all 0.6s ease 0s; }
.links ul .active a, .links ul li a:hover			{ background:#fff200; color:black; }
.links ul .lastzzz a			{ margin-right:0; padding-right:0; }


.links a:hover::before {
    width: 95%;
}
.menuhide					{ display:none; }



	.links ul li > a:after { font-family:'FontAwesome'; content:' \f107'; } 
 	.links ul li > a:only-child:after { content:''; }


.banner						{ float:left; width:100%; height:70vh; overflow:hidden; position:relative; }

.banner img					{ width:100%; height:auto; float:left; position:relative;  z-index:6; }
.banner form				{ padding-top:19%; }
.managecontainer			{ overflow:scroll; height:20em; width:40%; padding:10em; margin-bottom:15em; }
.managepicture a img				{ width:5em; height:5em; }


.scroll 					{ background:none; width:100%; text-align:center; color:white; font-size:1.7em; line-height:1.7em; text-shadow:0px 2px 2px black; position:absolute; bottom:20vh; left:0; right:0; margin:0 auto; margin-bottom:0; padding:1em; z-index:10; }
.scroll h1					{ font-weight:bold; font-size:3.9em; line-height:2em; color:#fff200; }
.scroll h2					{ font-weight:bold; font-size:1.3em; color:white; }
.scroll h1:before           { display:none; }
.bannerform					{ margin:0 auto; width:18%; margin-right:15%; color:white; font-size:2.0em; line-height:1.3em; text-align:left; background:white; position:absolute; bottom:0; left:0; right:0; padding:1.5%; z-index:10; }
.bannerform h3				{ background:#353535; float:left; width:96%; padding:2%; color:white; font-size:0.6em; margin-bottom:0.0em; text-align:center; }


.border						{ float:left; width:100%; position:absolute; bottom:0; }
.border img					{ width:100%; height:auto; }


.prods						{ float:left; width:100%; }



.leftbox					{ width:48%; float:left; margin-right:2%; height:70vh; overflow:hidden; }
.leftbox img				{ width:100%; height:100%; float:left; }

.rightbox					{ width:24%; float:right; margin-right:2%; height:33.5vh; background:#FEC006; }
.rightbox:nth-child(2n)		{ margin-right:0%; }
.rightbox a					{ position:absolute; padding-top:36%; top:0; bottom:0; left:0; right:0; }
.rightbox:nth-child(2)		{ background:#8AC249; }
.rightbox:nth-child(5)		{ background:#00BBD3; }




.boxesz						{ overflow:hidden; float:left; margin:0px; }
.boxesz img					{ width:100% !important; height:auto !important; transition: all 1200ms ease; }
.boxesz:hover img			{ width:120% !important; height:auto !important; margin-left:-10%; }

.hiddenbox					{ float:left; width:70%; padding:15%; background:rgba(0,0,0,0.75); position:absolute; transition: all 1200ms ease; color:white; }

.oneu						{ height:33vh; }
.oneu .hiddenbox			{ top:33vh; min-height:33vh; }
.oneu:hover .hiddenbox		{ top:0vh; }

.twou						{ height:66vh; }
.twou .hiddenbox			{ top:66vh; min-height:66vh; }
.twou:hover .hiddenbox		{ top:0vh; }

.threeu						{ height:99vh; }
.threeu .hiddenbox			{ top:99vh; min-height:99vh; }
.threeu:hover .hiddenbox	{ top:0vh; }



.twentyfive					{ width:25%; }
.thirtythree				{ width:33.33%; }
.sixtysix					{ width:66.66%; }
.fify						{ width:40%; }
.hundred					{ width:100%; }





.texter						{ float:left; font-size:1.25em; line-height:1.4em; width:100%; padding:0%; padding-top:5em; padding-bottom:5em; z-index:7; color:#323232; }
.texter	h2 					{ font-size:1.9em; line-height:1.1em; color:white; }
.texter ul li				{ color:white; font-size:1.0em; margin-bottom:1em; }
.texter ol li				{ font-size:1.0em; margin-bottom:1em; }
.texter ul li ul li			{ font-size:0.9em; margin-top:0.5em; }


.smallertexter				{ float:none; width:50%; margin:0 auto; text-align:center; padding-top:8em !important; }



.sitbottom					{ padding-bottom:0; }

.contentfirst				{ margin:0% auto; font-size:1.25em; line-height:1.4em; width:60%; font-style:italic; z-index:7; padding:0%; padding-top:4%; padding-bottom:4%; color:#323232; }


.text						{ float:left; font-size:1.25em; line-height:1.4em; width:92%; font-style:italic; z-index:7; padding:4%; color:#494e50; }
.text h1, .text h2			{ color:white; }
.text .colone				{ text-align:center; color:white; }


.threeby					{ width:28.67% !important; }

.leftcontent				{ float:left; width:45%; font-size:1.2em; line-height:1.4em; padding:4%; margin-top:10%; color:white; }
.rightcontent				{ float:right; width:45%; font-size:1.2em; line-height:1.4em; padding:4%; margin-top:10%; }


.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:#333238; padding-top:2em; padding-bottom:2em; color:white; }
.imagebg h2					{ color:white; }
.imagebg h1					{ color:white; }
.imagebg .texter			{ color:white; }
.imagebg .leftcontent		{ color:black; }
.yellowsec					{ background:#ffd738; width:100%; float:left; padding-top:2em; padding-bottom:2em; color:white; }
.bluesec					{ background:#3c3d89; width:100%; float:left; padding-top:1em; padding-bottom:1em; color:white; }
.bluesec ul li				{ color:white; }
.bluesec h2, .bluesec h1	{ color:white; }
.bluesec a					{ color:white; }
.greensec					{ background:#32b452; width:100%; float:left; padding-top:2em; padding-bottom:1em; color:white; }
.greensec ul li				{ color:white; }
.greensec h2, .greensec h1	{ color:white; }
.greensec a					{ color:white; }
.white						{ background:white; width:100%; float:left; padding-top:2.5em; padding-bottom:2em; }
.whiter						{ background:white; width:100%; float:left; }
.white h2					{ color:#1E1D23; }
.blacker					{ background:black; width:100%; float:left; color:white; }
.orangerblock				{ background:#5D504C; width:100%; float:left; color:white; }
.orangerblock h1, .orangerblock h2					{ color:white; }
.creme						{ background:#e0e0e0; width:100%; float:left; padding-top:6em; padding-bottom:6em; position:relative; }
.pink						{ background:#414141; width:100%; float:left; color:white; }
.pink h2					{ color:white; }
.pink .texter				{ color:white; }
.orange						{ background:#D4240D; width:100%; float:left; }
.orange .texter				{ color:white; padding-top:8%; padding-bottom:8%; }
.orange .texter	h1 			{ color:white; border-bottom:solid 1px white; border-top:solid 1px white; padding-bottom:0.1em; }
.orange .texter	h1 span		{ border-bottom:solid 3px white; width:100%; float:left; }
.bgimage					{ width:100%; float:left; min-height:75vh; color:white; }
.bgimage h4					{ color:white; }
.bgimage .texter			{ padding-top:8em; padding-bottom:0; color:white; }
.greener					{ background:#5D504C; color:white; width:100%; float:left; min-height:75vh; }
.greener h2, .greener h1	{ color:white; }
.greener .texter			{ color:white; padding-top:15em; padding-bottom:15em; }
.grey						{ background:#f8f8f8; width:100%; float:left; padding-top:2em; padding-bottom:2em; position:relative; color:black; }
.grey h2					{ color:black; }
.grey h1					{ color:black; }
.grey .bigger				{ width:50%; text-align:center; }
.grey .bigger h1			{ font-size:4em; }
.reder						{ background:#95979a; color:white; width:100%; float:left; text-align:center; padding-top:1.5%; padding-bottom:1.5%; }
.reder h2, .reder h3		{ color:white; font-size:2.7em; font-weight:bold; }
.reder .texter				{ color:white; }
.lightgrey					{ background:#F5F5F5; width:100%; float:left; text-align:center; padding-top:1.5%; padding-bottom:1.5%; }
.bluer						{ width:100%; float:left; background:#fff200; }
.bluer .texter				{ color:white; padding-top:8%; padding-bottom:8%; }
.bluer h1					{ color:white; }
.yellow						{ width:100%; float:left; background:#93D700; padding-top:8%; padding-bottom:8%; }
.yellow h2					{ text-align:center; color:white; font-size:3.5em; }

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


.colone						{ float:left; width:30%; margin-top:2em; margin-bottom:2em; }
.colone:nth-child(3n)		{ margin-left:5%; margin-right:5%; }

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

.homebox					{ float:left; padding:3%; z-index:15; position:relative; font-size:1.25em; line-height:1.4em; width:25%; margin:0%; margin-left:8%; margin-top:-3em; background:white; padding-top:1.5em; padding-bottom:1.5em; }
.homebox img				{ width:25%; float:left; margin-right:2em; margin-bottom:2em; }
.homebox .button			{ width:100.5% !important; padding:0.5% !important; }

.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:#4DC1AD; }
.greenright					{ width:40% !important; }

.associations				{ text-align:center; padding-top:2em; padding-bottom:0; }
.associations img			{ height:4.5em !important; width:auto !important; margin-bottom:0.4%; padding-left:0.5em; padding-right:0.5em; }
.associations p				{ margin:0; padding:0; }


.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:10%; background:none; }
.subber h1					{ text-shadow:none; }
.subber .products			{ margin-top:0em; }




.submenu					{ width:35%; float:left; margin:0; padding:0; margin-top:2em; }

.submenu ul					{ margin:0; padding:0; }

.submenu li					{ padding:0; margin:0; float:left; width:100%; margin-bottom:1em; list-style:none; text-align:left; }
.submenu li::before 		{ content:''; padding:0; margin:0; }

.submenu li a				{ color:#37413F; text-decoration:none; padding:1.5%; float:left; width:97%; background:white; border:#37413F solid 1px; }
.submenu li a::before		{ color:#37413F; font-family:FontAwesome; content:'\f0a9'; padding-right:5%; }

.submenu li a:hover			{ background:black; color:white; }




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



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

.lineholder                 { position:relative; }
.line                       { position:absolute; border-bottom:solid #2fc2f9 1px; width:80%; height:1em; top:6.2em; left:0; right:0; margin:0 auto; }

.products					{ float:left; width:15%; z-index:10; position:relative; padding:0; margin:0%; margin-top:2%; margin-bottom:2%; transition: all .25s ease;}
.products:nth-child(3n)		{ margin-right:0; }
.products h2				{ padding:0; margin:0; font-size:1.8em; float:left; padding-bottom:0.5em; width:100%; }
.products h2 a				{ color:#fff200; text-decoration:none; padding:0; margin:0; margin-top:0.5em; float:left; width:auto; padding-bottom:0.4em; padding-right:5%; }
.products h2 a:hover		{ color:black; }
.products span				{ width:1.5em; height:1.0em; display:block; margin:0 auto; font-size:3em; background:#fff200; color:white; padding:0.3em; padding-top:0.75em; font-family:fontawesome; }
.products p					{ font-size:1.1em; line-height:1.4em; }
.products img				{ width:100%; height:auto; }


.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 1;
}

.boxer						{ float:left; width:23%; padding:1%; text-align:center; position:relative; }
.boxer:nth-child(4n)		{ }
.boxer h2					{ color:white; font-size:2.2em; padding-top:5em; }
.boxer span					{ font-family:'FontAwesome'; color:white; border-radius:50%; border:solid 2px white; padding:0.3%; font-size:3.15em; line-height:3.17em; width:3.15em; height:3.15em; position:absolute; text-align:center; top:0.5em; left:0; right:0; margin:0 auto; }

.circles					{ float:left; width:17%; padding:4%; text-align:center; }
.circles:nth-child(4n)		{ }
.circles h2					{ color:#b8b8b6; }
.circles .counter			{ color:#34495e; font-size:4em; line-height:3.2em; display: block; margin:0 auto; width:3.2em; height:3.2em; border-radius:50%; border:solid 4px #F0F0F0; }
.circles .counter:after		{ content:'%'; }


.col-md-3					{ color:#F5F5F5; font-size:0; }





.cinema						{ height:25em; overflow:hidden; }
.cinema .prodtext			{ min-height:20em; opacity:0; text-align:center; padding-top:5em; padding-bottom:2em; background:rgba(255,255,255,0.9); margin-top:0em; position:relative; z-index:2; transition:all 800ms; }
.cinema:hover .prodtext 	{ margin-top:-28em; opacity:1; }


.steps img					{ width:32%; margin-left:0.3%; margin-right:0.3%; }


form img					{ width:10%; height:auto; }
.addtocart					{ text-align:right; float:right; width:40%; }

.bgimagetext				{ height:70vh; text-align:center; }
.bgimagetext h2				{ color:white; font-size:6.5em; line-height:1.4em; position:relative; top:40%; bottom:40%; text-shadow:3px 3px 2px #000; font-weight:bold; }


.news						{ float:left; width:30.66%; z-index:15; position:relative; padding:0%; margin:0.7%; margin-top:0.5em; margin-left:0%; margin-right:4%; margin-bottom:3%; transition: all .25s ease; }
.news:nth-child(3n)			{ margin-right:0; }
.prodtext					{ position:relative; z-index:10; }
.news h3					{ padding:0; margin:0; }
.news h3 a					{ color:#3D6E8F; font-size:1.2em; text-decoration:none; padding:0; margin:0; margin-top:0.5em; }
.news h3 a:hover			{ color:#76CDBD; }
.news img					{ width:100%; height:auto; }
.news p						{ margin-top:0em; font-size:1.8em; }


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

.video						{ height:43em; overflow:hidden; background:url(images/suit.jpg) no-repeat fixed; background-size:cover; }
.videoholder				{ float:left; width:100%; z-index:3; top:0; height:55em; min-height:55em; 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:-55em; -o-margin-start:margin-top:0; padding-top:3em; color:white; }


.videohalf					{ width:50%; margin:0 auto; }

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.dvd						{ margin-bottom:2em; }
.dvd img					{ width:100%; height:auto; }

.rating						{ float:right; width:30%; color:#4DC1AD; text-align:right; padding-bottom:0.5em; padding-left:0.5em; }
.rating img					{ width:32%; margin-bottom:-0.5em; padding-left:1em; }

.socialshare				{ float:left; width:100%; }

#___plus_0					{ width:35% !important; overflow:hidden; }
.fb-share-button span		{ margin-bottom:0.25em !important; margin-right:5%; }

    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #4DC1AD; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 14px; color:black; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration:none; }
    .tab a:hover { text-decoration: underline; color:black; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }
	
	

.flex						{ display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }

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

.blog						{ float:left; width:30%; text-align:left; margin-bottom:2em; min-height:8em; }
.blog span					{ color:#4DC1AD; }
.blog img					{ width:100%; float:left; }
.blog:nth-child(odd)		{ float:right; }



.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; }




.types						{ width:33.33%; position:relative; background:black; }
.types span				{ position:absolute; text-align:center; background:rgba(0,0,0,0.6); top:2em; left:2em; z-index:999; border-radius:50%; border:solid #5D504C 2px; font-family:'FontAwesome'; color:#5D504C; font-size:1.3em; line-height:1.3em; height:1.3em; width:1.3em; padding:1%; text-decoration:none; }


.producters					{ width:29%; position:relative; color:white; }
.producters h4 a			{ font-size:1.1em; color:white; text-decoration:none; }
.producters span a			{ float:left; display:block; text-align:center; font-family:'FontAwesome'; color:white; background:#0667B4; border-radius:50%; font-size:2.6em; line-height:2.6em; width:2.6em; height:2.6em; margin-right:1em; margin-bottom:5em; text-decoration:none;; }




.category					{ width:24%; z-index:10; position:relative; padding:0; margin:0%; margin-bottom:0.4em; transition:all .25s ease; background:black; color:white; text-align:center; overflow:hidden; }
.category h2				{ background:rgba(0,0,0,0.8); color:white; padding:1%; margin:0; font-size:1.2em; float:left; width:98%; text-align:center; position:absolute; bottom:0; opacity:1; z-index:2; pointer-events:none; transition:all 1200ms; }
.category h2 a				{ font-size:1.7em; font-family:AllerDisplay; color:white; text-decoration:none; padding:0; margin:0; float:left; width:100%; text-align:center; }
.icon						{ width:1.5em; height:1.0em; display:block; margin:0 auto; font-size:3em; background:#F5F5F5; color:#00BBD3 !important; padding:0.3em; padding-top:0.75em; border-radius:50%; font-family:fontawesome; }
.icon a						{ color:#A9A9AA !important; }
.category .textboxer		{ position:absolute; bottom:-1.5em; opacity:0; width:100%; transition:all 1200ms; }
.category:hover .textboxer	{ opacity:1; bottom:0.5em; }
.category p					{ font-size:1.1em; line-height:1.4em; margin:0; }
.category img				{ width:100%; height:auto; z-index:1; filter:grayscale(0%); opacity:0.99; }
.category a					{ color:white; }
.category:hover img			{ opacity:0.3; filter:grayscale(100%); }
		
.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 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;  }

.animation					{ position:relative; padding-top:6em; }
.fadeandflip				{ opacity:0; transform:1s all; text-align:center; }
.ui							{ width:75%; margin:0 auto; }
.fadeandflip img			{ width:100%; box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.45); }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fadeandflip			{ opacity: 1; }
}
.fadeandflip				{ opacity:0; transform:1s all; text-align:center; }
.ui							{ width:75%; margin:0 auto; }
.fadeandflip img			{ width:100%; box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.45); }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fadeandflip			{ opacity: 1; }
}
.flipit						{ opacity:0; animation: flipit 2s forwards; -webkit-animation: flipit 2s forwards; -o-animation: flipit 2s forwards;  }
.flip2						{ opacity:0; animation-delay:0.5s; }
.flip3						{ opacity:0; animation-delay:1s; }
.flip4						{ opacity:0; animation-delay:1.5s; }
.flip5						{ opacity:0; animation-delay:2s; }
.flip6						{ opacity:0; animation-delay:2.5s; }

@media screen and (min-device-pixel-ratio:0) {
    .flipit, .flipit2, .flipit3, .flipit4, .flipit5, .flipit6		{ opacity: 1; }
}

.imagefloat					{ opacity:0; margin-left:15%; width:78%; transform:3s all; text-align:center; position:absolute; box-shadow:0px 15px 19px 0px rgba(0, 0, 0, 0.75); }
.cheeters					{ width:50%; top:7em; left:1em; }
.bookings					{ width:50%; top:32em; left:1em; }
.calendar					{ width:22%; top:7em; right:6em; }
.maper						{ width:22%; top:31em; right:6em; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .imagefloat				{ opacity: 1; }
}
.heading					{  animation: heading 2s forwards; -webkit-animation: heading 2s forwards; -o-animation: heading 2s forwards; animation-delay:4s;  }
.heading2					{  animation: heading 2s forwards; -webkit-animation: heading 2s forwards; -o-animation: heading 2s forwards; animation-delay:4.5s;  }
.heading3					{  animation: heading 2s forwards; -webkit-animation: heading 2s forwards; -o-animation: heading 2s forwards; animation-delay:4.8s;  }
.heading4					{  animation: heading 2s forwards; -webkit-animation: heading 2s forwards; -o-animation: heading 2s forwards; animation-delay:5s;  }
.heading5					{  animation: heading 2s forwards; -webkit-animation: heading 2s forwards; -o-animation: heading 2s forwards; animation-delay:5.2s;  }

.labelz						{ opacity:0; width:10em; transform:3s all; text-align:left; position:absolute; text-transform:uppercase; color:#8a81e7; z-index:999; }
.pointer					{ width:100%; height:5em; float:right; border-top:solid #8a81e7 1px; border-right:solid #8a81e7 1px; }
.pointer:after				{ content: ""; position: absolute; bottom: 0; right: -4px; width: 8px; height: 8px; background: #8a81e7; border-radius: 50%; }
.lb1						{ left:29.9em; top:15em; }
.lb2						{ left:2.5em; top:38em; width:18em; }
.lb2 .pointer				{ height:2.5em; }
.lb3						{ left:75em; top:15em; width:7em; text-align:right; }
.lb3 .pointer				{ height:15em; border-left:solid #8a81e7 1px; border-right:none; }
.lb3 .pointer:after			{ left: -4px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .labelz					{ opacity: 1; }
}
.labeler					{  animation: labeler 2s forwards; -webkit-animation: labeler 2s forwards; -o-animation: labeler 2s forwards; animation-delay:6s;  }
.labeler2					{  animation: labeler 2s forwards; -webkit-animation: labeler 2s forwards; -o-animation: labeler 2s forwards; animation-delay:6.5s;  }
.labeler3					{  animation: labeler 2s forwards; -webkit-animation: labeler 2s forwards; -o-animation: labeler 2s forwards; animation-delay:6.8s;  }



					

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


.slideup						{ opacity:0; transform:1s all; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slideup					{ opacity: 1; }
}
.slideuplate					{ transform:3s all; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slideuplate				{ opacity: 1; }
}
.moveup						{ opacity:1; animation: moveup 1s; -webkit-animation: moveup 1s; -o-animation: moveup 1s;  }
.moveupslow					{ opacity:1; animation: moveup 2s; -webkit-animation: moveup 2s; -o-animation: moveup 2s;  }
.moveuplate					{ animation: moveupslow 2s; -webkit-animation: moveupslow 2s; -o-animation: moveupslow 2s;  }



.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; pointer-events: none; }
.mapper iframe	{
	-webkit-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
}

.mapper						{ position:relative; }
.overlay					{ position:absolute; z-index:100; background:rgba(0,0,0,0.5); width:95%; padding:2.5%; color:white; font-size:2em; text-align:center; bottom:0; }


.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:black; color:white; padding-top:1.5%; padding-bottom:1.5%; }



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



.copy						{ float:left; width:25%; text-align:left; font-size:1em; color:black; }
.copy h2					{ color:white; margin-bottom:0.5em; }
.copy img					{ width:30%; }
.copy ul					{ padding:0px; margin:0px; width:100%; margin-bottom:0.2em; margin-top:0; text-align:left; }
.copy ul li 				{ padding:0px; margin:0px; display:inline-block; list-style:none; margin-bottom:0; text-align:left; width:100%; }
.copy ul li a				{ margin:0px; text-decoration:none; text-transform:uppercase; font-size:112%; padding:0.3em; margin-left:1em; vertical-align:bottom; color:white; }
.copy ul li a:hover			{ color:black; }
.copy ul li ul				{ display:none; }
.copy strong				{ color:grey; }
.copyright					{ float:right; width:45%; padding-top:2em; text-align:right; }
.copyright a				{ font-size:1em; color:white; text-decoration:none; }
.bigger						{ width:55%; }
.bigger span				{ font-size:1.1em; line-height:1.5em; }
.logofooter					{ padding:0; margin:0; margin-right:10%; }
.logofooter img				{ padding:4%; padding-left:0; width:75%; }
.larger						{ width:60%; float:right; }





.addy						{ float:left; width:100%; margin-bottom:0.5em; }
.addy span					{ width:8%; font-size:110%; margin-bottom:-1.3em; float:left; margin-right:3%; margin-bottom:13%; font-family:fontawesome; }
.addy a						{ color:#727272; text-decoration:none; }

.bottomfooter				{ float:left; width:100%; background:#3c3d89; color:white; padding-top:4em; padding-bottom:5.5em; position:relative; }
.logocopy					{ float:left; width:20%; }


.footerfloatbar				{ position:fixed; z-index:9997; bottom:0; color:white; text-align:center; width:98.6%; padding:0.7%; background:#252525; }
.footerfloatbar .button		{ margin-left:1em; margin-right:1em; }
.footerfloatbar .phone		{ float:none; display:inline-block; margin:0; }


input, textarea				{ color:black; }


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border:0 none;
	font-size: 1.15em;
	padding: 0.4em 2.5em 0.4em 2.5em !important;
	color:white;
	width:auto;
	margin:0 auto;
	border-radius:0em;
	transition:color 250ms;
	transition:background 250ms;
}

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



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

.whiteborder {
	border:solid 2px white;
	color:white;
}
.whiteborder:hover {
	background:black;
	color:white;
}

.blackborder {
	border:solid 1px black;
	color:black;
}
.blackborder:hover {
	background:black;
	color:white;
}

.whiter {
	background:rgba(0,0,0,0.6);
	border:solid 1px white;
	color:white;
}
.whiter:hover {
	background:black;
	color:white;
}

.oranger {
	padding: 0.9em 2.9em 0.9em 2.9em !important;
	background:#E84D3E;
	color:white;
}
.oranger:hover {
	background:#d80808;
	color:white;
}

.whitebutton {
	background:white;
	color:#007ABF;
}
.whitebutton:hover {
	background:#086396;
	color:white;
}

.green {
	background:#33551e;
	border:none;
}

.green:hover {
	background:#527e37;
	color:white;
	border:none;
}

.blue {
color: white;
background: #2b3991 !important; 
}
.blue:hover {
background: black !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;
}

.green {
	color:white !important;
	background:#54A506 !important;
	width:50% !important;
	border-radius:0;
}
.green:hover {
	color:white;
	background:black;
}






.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;
	pointer-events: none !important;
    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: 18em;
}

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

.links li:hover ul {
	opacity: 1;
    top:99%;
	pointer-events: auto !important;
    visibility: visible;
}

.links li ul li ul {
	float: left;
    left: -50%;
    opacity: 0 !important;
    position: absolute;
    top: 0% !important;
    visibility: hidden;
	pointer-events: none !important;
    z-index: 10;
    -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:hover ul {
	opacity: 1 !important;
    top:0%;
	left:17em;
	pointer-events: auto !important;
    visibility: visible;
}

.headtiny .links ul li ul li a {
	color:white;
}

.links ul li ul li a {
	border:none;
	background:#fff200;
	font-size:1.0em !important;
	text-align:left;
	padding:2.5%;
	padding-left:8%;
	border-radius:0em;
	color:white;
	padding:2.5% !important;
	padding-left:8% !important;
	margin-right:1em !important;
}
.links ul li ul .last a {
	padding:2.5% !important;
	padding-left:8% !important;
	margin-right:1em !important;
}
.links ul li:hover ul li a {
	border:none;
	background:#fff200;
	font-size:1.0em !important;
	text-align:left;
	padding:2.5%;
	padding-left:8%;
	border-radius:0em;
	color:white;
}
.links ul li:hover ul li a:hover {
	background:black;
	color:white;
}





	.links ul li ul li > a:after { font-family:'FontAwesome'; content:' \f105'; } 
 	.links ul li ul li > a:only-child:after { content:''; }




@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-bottom:3%; }
input, textarea				{ padding:1.8%; margin:0px; color:black; width:96%; margin-bottom:1%; border:1px grey solid; background:none; }
.contactFeild input, .contactFeild textarea				{ padding:1.8%; margin:0px; color:black; width:96%; margin-bottom:1%; border:1px grey solid; }
.contactFeild select				{ padding:1.8%; margin:0px; color:#99767A; width:99%; margin-bottom:1%; border:1px grey solid; }
.contactFeild select option { color:black !important; }
.contactFeild select .default { color:#99767A !important; }
.widerbutton				{ width:100% !important; font-size:1em; padding:0.5%; }
.captcher					{ width:80%; }
.halfwidth					{ width:45%; float:left; }
.contactform td label:nth-child(2n) .halfwidth	{ float:right; }

.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:23.5% !important; height:10em !important; overflow:hidden; 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(4n)			{ margin-right:0 !important; }
.thumbscontainer .thumbs  li a img		{ width:100% !important; height:auto !important; }


#lbCenter								{ width:40% !important; padding:1% !important; background:white !important; height:auto !important; margin-left:-20% !important; }
#lbImage								{ width:100% !important; height:auto !important; border:none !important; background-size:100% auto; }
#lbImage img							{ width:100% !important; height:auto !important; opacity:0; z-index:1; }
#lbBottomContainer						{ width:30% !important; height:auto !important; margin-left:-15% !important; display:none !important; }
#lbBottom								{ width:100% !important; height:auto !important; }
#lbPrevLink, #lbNextLink 				{ display:block !important; height:100vh !important; width:30% !important; z-index:1000; }




.left						{ float:left; width:50%; }
.right						{ float:right; width:48% }
.third						{ float:left; width:30%; }
.newser h3					{ color:#C7CBCD; font-size:2.7em; float:left; padding-right:4%; padding-top:8%; padding-bottom:6%; }
.newser						{ color: #909090; font-size:0.8em; margin-top:2em; }

.leftcol					{ float:left; width:60%; }
.rightcol					{ float:right; width:35%; }



.newsletter					{ margin:0 auto; width:50%; padding-top:0.2em; font-size:1em; text-align:left; }
.newsletter h3				{ font-size:1.6em; text-transform:uppercase; padding-top:0.5em; font-weight:normal; color:white; }
.newsletter input			{ width:68% !important; padding:0.45em; height:1.5em; float:left; }
.newsletter	.news			{ background:white; border:none; padding:1%; cursor:pointer; margin-top:2px; min-height:39px; color:black; text-align:center; margin-right:0; width:27% !important; float:right; font-size:1.5em; text-transform:uppercase; }
#mc_embed_signup			{ float:none; margin:0 auto !important; width:100% !important; text-align: center; padding:0; }



blockquote {
  color:white;
  margin: 1.5em 10px;
  padding: 1em;
  quotes: "\201C";
  background:#2b3991;
}
blockquote img {
	float:left;
	width:20%;
	border-radius:50%;
	margin-right:2em;
}
blockquote:before {
  color: white;
  content: open-quote;
  font-size: 5em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
}






.menuz				{ display:none !important; }




.tabletholder						{ font-size:15px; line-height:21px; }
.tabletholder .logo img             { width:90%; }
.tabletholder .links ul li a		{ margin-left:0.3em; margin-right:0.3em; font-size:12px; }
.tabletholder .links				{ margin-top:1.3em; }
.tabletholder .header               { background:black; }

@media (max-width: 1680px) {
.video					{ height:42em; }
.banner					{ height:75vh; }
}

@media (max-width: 1280px) {
.col, .text, .texter, .contentfirst				{ width:80%; }
.video					{ height:45em; }
}

@media (max-width: 1024px) {
.col, .text, .contentfirst				{ width:90%; }
.texter					{ width:90%; padding:5%; }
.banner					{ height:auto; }
.banner img				{ width:100%; height:auto; }
.cinema					{ height:25em; }
.video					{ height:45em; } 
.boxesz					{ height:33vh !important; overflow:hidden !important; width: 33.33% !important; }
.oneu .hiddenbox, .twou .hiddenbox, .threeu .hiddenbox 	{ top:33vh !important; min-height:33vh !important; }
.oneu:hover .hiddenbox, .twou:hover .hiddenbox, .threeu:hover .hiddenbox	{ top:0vh !important; }
}

@media (max-width: 1000px) {
.threeby 				{ width: 28.6% !important; }
.imagebg				{ min-height:auto; }


	.products					{ margin-bottom:0.5em !important; }
	.products img 				{ width:50%; }
	
	.cinema						{ height:auto; overflow:hidden; }
	.cinema .prodtext 			{ height:auto; min-height:auto; margin:0 !important; opacity:1 !important; padding:0; }
	.prodtext p					{ font-size:1.1em; }
	
	.bgimage					{ min-height:auto; }
	.bgimage .texter 			{ padding-top:3em; padding-bottom:3em; }
	
	.bannerform 				{ display:none; }
	
	
}

.greynoclick					{ display:none; opacity:0; position:absolute; background:rgba(0,0,0,0.8); height:100vh; width:100%; z-index:9998; pointer-events:none; }

@media (max-width: 768px) {
	
	.showgreynoclick	{ display:block; opacity:1; }
	.noscroll			{ height:100vh; overflow:hidden; }
	
	.header				{ position:absolute; z-index:9999; float:left; }
.banner					{ height:auto; margin-top:7em; }
.video					{ height:50em; }
.rightcol				{ }
	.boxesz						{ height:25vh !important; overflow:hidden !important; width: 100% !important; }
	.oneu .hiddenbox, .twou .hiddenbox, .threeu .hiddenbox 	{ top:25vh !important; min-height:25vh !important; }
	.oneu:hover .hiddenbox, .twou:hover .hiddenbox, .threeu:hover .hiddenbox	{ top:0vh !important; }
	

	.col						{ width:94%; margin:0px auto; }
	
	.logo						{ width:40%; padding:2%; text-align:center; margin:0px auto; float:left; }
	.logo a img					{ width:100%; padding-bottom:0px; padding-top:0px; }
	
	
	.phone						{ float:left; text-align:left; transition:none !important; }
	.address					{ margin-right:0; transition:none !important; }
	.email						{ transition:none !important; }

	.links						{ width:55%; padding:0; margin:0; float:right; position:absolute; right:0; top:3em; }
	.links ul					{ width:55%; padding:0; margin:0; padding-left:0 !important; padding-right:0 !important; position:absolute; overflow:hidden; right:0; top:0 }
	.links ul li				{ display:block; width:100%; padding:0 !important; margin:0; height:0 !important; }
	.links ul li a				{ float:left; font-size:12px !important; width:80% !important; color:white; padding:10% !important; margin-left:100% !important; background:black; transition:all 800ms; text-align:left; border-bottom:solid 1px #E9E9E9; }
	.links ul li:hover a, .links ul .active a		{ }
	.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			{ right:0 !important; border:none; margin-right:0 !important; text-align:center; height:auto !important; font-size:18px !important; display:block !important; float:right !important; opacity:1 !important; margin:0 !important; padding:0 !important; padding-top:0.3em !important; padding-bottom:0.6em !important; padding-right:1em !important; color:#fff200; height:auto !important; text-align:right !important; }
	.links ul li .menuz::after	{ font-family: 'FontAwesome'; content:' \f0c9' !important; color:#fff200; stroke:white; font-weight:bold; }
	

	.links ul .show				{ display:block; width:100%; height:auto !important; }
	.links ul .show a			{ height:auto !important; margin-left:0 !important; }
	
	.menuhide					{ display:block; }
    
    
    .scroll                     { font-size:0.99em;; }
	
	h1 							{ font-size:2em; }
	h2 							{ font-size:2em; }
	
	.white						{ padding-top:2em; padding-bottom:2em; }
	.grey						{ padding-top:3em; padding-bottom:2em; }
	
	.bottonheader				{ display:none; }
	
	.associations img			{ width:auto !important; height:5em !important; }
	
	.hide						{ display:none; }
	
	.logofooter					{ margin:0; width:100%; }
	.logofooter	img				{ width:10%; }
	 
	.block						{ display:table; }
	.block .left				{ float:none; display:table-footer-group; }
	.block .right				{ float:none; display:table-header-group; }
	.block:nth-child(2) .left	{ display:table-header-group; }
	.block:nth-child(2) .right	{ display:table-footer-group; }
	
	.category:nth-child(3) .block .left		{ display:table-header-group; }
	.category:nth-child(3) .block .right	{ display:table-footer-group; }
	.category:nth-child(3) .block:nth-child(2) .left	{ display:table-footer-group; }
	.category:nth-child(3) .block:nth-child(2) .right	{ display:table-header-group; }
	
	.videohalf					{ width:100%; }
	
	.copyright					{ width:100%; text-align:center; }
	.footerfloatbar				{ text-align:center; }
	.footerfloatbar .button 	{ margin:0; width:100%; padding-left:0 !important; padding-right:0 !important; }
	
	
	#lbCenter								{ width:98% !important; padding:1% !important; background:white !important; height:auto !important; margin-left:-50% !important; }
    
	
	
}

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

.tabletholder .cinema					{ height:auto; overflow:hidden; }
.tabletholder .cinema .prodtext 		{ height:auto; min-height:auto; margin:0 !important; opacity:1 !important; padding:0; }

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

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

	.col						{ width:94%; margin:0px auto; }
	
	.logo						{ width:100%; padding:0; padding-top:0.2em; padding-bottom:3em; text-align:center; margin:0px auto; float:left; }
	.logo a img, .tabletholder .logo img					{ width:100%; padding:0px; float:left; }
	
	
	.phone						{ float:none; padding:0; margin:0 auto; font-size:1.0em; margin-top:0.3em; width:100% !important; text-align:center; border:none; }
	.phone:before				{ display:none; }
	.address					{ float:none; margin:0 auto; font-size:1.0em; width:80%; margin-bottom:0.1em; text-align:center; }
	.address:before				{ display:none; }
	.social						{ width:100%; margin:0px auto; float:left; padding:0; padding-top:0.3em; padding-bottom:0.3em; text-align:center; border:none; }
	.social a					{ float:none; display:inline-block; padding-left:0.5em; padding-right:0.5em; margin:0; }
	.search						{ width:40%; margin:0px auto; float:none; padding:0; text-align:center; }
	.email						{ width:100%; margin:0px auto; margin-bottom:0.3em; float:left; padding:0; text-align:left; border:none; margin-bottom:0.9em; }

	
    .links                      { top:10em; }
	.links ul li:first-child 	{ display:block; margin-top:0!important; height:auto !important; }
	
	
	.banner						{ width:100%; position:relative; height:auto; overflow:hidden; margin-top:0; }
	.banner img					{ width:100%; height:auto; }
	.textboxz					{ display:none; }
	.scroll						{ margin:0; padding:0; width:100%; bottom:0; left:0; font-size:0.8em; }
	
	.homebox 					{ padding:2%; width:96%; padding-top:6%; margin:0; }
	.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; }
	
	.circles					{ width:100%; margin:0px auto !important; margin-bottom:0% !important; float:none !important; clear:both !important; margin-bottom:0.5em !important; }
	.products					{ width:100%; margin:0px auto !important; margin-bottom:0% !important; float:none !important; clear:both !important; margin-bottom:0.5em !important; }
	.products img 				{ width:50%; }
	
	.cinema						{ height:auto; overflow:hidden; }
	.cinema .prodtext 			{ height:auto; min-height:auto; margin:0 !important; opacity:1 !important; padding:0; }
	
	
	.submenu					{ width:100%; }
	
	.services div .button		{ opacity:1; filter:alpha(opacity=100); margin-left:0%; }
	
	.slideInfoZone				{ display:none; }
	
	h1							{ font-size:1.4em; line-height:1.4em; }
	h2							{ font-size:1.2em !important; line-height:1.2em !important; }
	.contentbox					{ width:100%; }
	.content					{ width:96%; padding:2%; margin-top:1.5em; margin-bottom:1.5em; }
	.content img				{ width:100% !important; height:auto !important; padding:0 !important; margin:0 !important; float:none !important; }
    
    
    .social a img               { width:60%; height:auto; }
	
	
	.hide						{ display:none; }
		
	.video						{ display:none; }
	.videoholder				{ background:black; }
	.parallax_media				{ }
	
	.boxer						{ width:100%; margin:0px auto !important; padding:0% !important; float:none !important; clear:both !important; margin-bottom:0.5em !important; border:none !important; }
	
	.circles					{ width:100%; margin:0px auto !important; padding:0% !important; float:none !important; clear:both !important; margin-bottom:0.5em !important; }
	
	.texter						{ width:92%; padding:4%; }
	
	.offices div				{ width: 45%; margin-left:2%; margin-right:2%; min-height:14em; }
	
	.bgimagetext h2 			{ font-size:2em; }
	
	.copy						{ width:100%; text-align:center; padding:0; margin:0; }
	.logofooter hr				{ display:none; }
	.copy ul	 				{ width:100%; margin:0; padding:0; }
	.copy ul li 				{ width:100%; margin:0; padding:0; margin-bottom:0.2em; float:left; text-align:center; padding-top:0.5em; }
	.copy ul li a				{ width:100%; margin:0; padding:0; }
	
	.left						{ float:left; width:100%; }
	.right						{ float:right; width:100% }
	.third						{ 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%; }
	.colone						{ width:96% !important; padding:2%; margin:0 !important; }
	.bgimages					{ height:auto; min-height:auto; }
	
	.logofooter img				{ padding:0%; padding-bottom:3em; }
	
	.copy img 					{ width:80%; height:auto; }
	.bigger img					{ width:100%; margin-bottom:2em; }
	
	.blog						{ width:100%; }
	.category					{ width:100%; }
	.producters					{ width:100%; }
	
	.halfwidth 					{ width:96%; }
	
	
	.thumbscontainer .thumbs  li			{ width:4.6em !important; height:3em !important; overflow:hidden; float:left; display: inline-block !important; position: relative; }
	.thumbscontainer .thumbs  li a img		{ width:4.6em !important; height:3em !important; }
    
    
    
    
    .line                       { display:none; }
}