/* font */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700);

/* html */

html *			{font-family:'Open Sans',sans_serif,verdana,arial; font-weight:300; font-size:11pt}

/* main */

body			{color:rgba(0,0,0,0.6); background:rgba(0,0,0,0.2); margin:0px; overflow-y:scroll}
strong, b		{color:rgba(0,0,0,1.0); font-size:11pt}
p				{margin:0px; padding:0px; text-align:justify}
form 			{margin:0px; padding:0px; display:inline}
div				{margin:0px; padding:0px}
img				{display:block; border:0px; margin:0px; padding:0px}
h1				{padding:0px; margin:20px 0px; font-size:1.8rem; color:rgba(0,0,0,1.0); text-transform:uppercase; font-weight:400; text-align:center}
h2				{padding:0px; margin:20px 0px; font-size:1.4rem; color:rgba(0,0,0,1.0); text-transform:uppercase; font-weight:300; text-align:center}
h3				{padding:0px; margin:20px 0px; font-size:1.4rem; color:rgba(0,0,0,1.0); text-transform:uppercase; font-weight:100; text-align:center}
h4				{padding:0px; margin:20px 0px; font-size:11pt; color:rgba(0,0,0,1.0); text-transform:uppercase; font-weight:100; text-align:center}
sup				{font-size:0.6em; text-transform:lowercase; font-weight:inherit}
sub				{text-transform:lowercase !important; bottom:0px !important; font-size:inherit; font-weight:inherit}
ul, li			{margin:0px !important; padding:0px !important; text-align:center}

a:link     		{color:rgba(0,0,0,0.6); background:transparent; text-decoration:none}
a:visited 		{color:rgba(0,0,0,0.6); background:transparent; text-decoration:none}
a:hover   		{color:rgba(0,0,0,1.0); background:transparent; text-decoration:none}
a:active		{color:rgba(0,0,0,0.6); background:transparent; text-decoration:none}

input			{color:rgba(0,0,0,0.6) !important; font-size:11pt !important; margin:5px 0px !important; padding:5px !important; height:1.8rem !important; border:solid 1px rgba(0,0,0,0.2) !important; border-radius:3px !important; -moz-border-rightradius:3px !important; -khtml-border-radius:3px !important; -webkit-border-radius:3px !important}
textarea		{color:rgba(0,0,0,0.6) !important; font-size:11pt !important; margin:5px 0px !important; padding:0px 5px !important; height:calc(1.8rem * 2.9) !important; border:solid 1px rgba(0,0,0,0.2) !important; border-radius:3px !important; -moz-border-rightradius:3px !important; -khtml-border-radius:3px !important; -webkit-border-radius:3px !important}
select			{color:rgba(255,255,255,1.0) !important; font-size:11pt !important; margin:5px 0px !important; padding:0px 5px !important; height:1.8rem !important; border:solid 1px rgba(0,0,0,0.2) !important; border-radius:3px !important; -moz-border-rightradius:3px !important; -khtml-border-radius:3px !important; -webkit-border-radius:3px !important}
button:not(.mfp-close):not(.mfp-arrow):not(.gm-ui-hover-effect)						{color:rgba(0,0,0,0.6) !important; font-size:11pt !important; margin:5px 0px !important; padding:0px 5px !important; height:1.8rem !important; font-family:'Open Sans',sans_serif,verdana,arial !important; font-weight:300 !important; text-transform:uppercase; border-radius:3px !important; -moz-border-rightradius:3px !important; -khtml-border-radius:3px !important; -webkit-border-radius:3px !important; background:rgba(0,0,0,0.6) !important; color:rgba(255,255,255,1.0) !important}
button:not(.mfp-close):not(.mfp-arrow):not(.gm-ui-hover-effect):hover, .button:hover{background:rgba(0,0,0,1.0) !important}
.button			{background:rgba(0,0,0,0.6) !important; width:100% !important}

.row			{max-width:1400px}
.columns		{padding:0px}
.justify		{text-align:justify}
.left			{text-align:left}
.center			{text-align:center}
.right			{text-align:right}
.italic			{font-style:italic}
.small			{font-size:0.8rem}
.icon			{font-size:calc(1.8rem * 1.4); margin:0px 20px; color:rgba(255,255,255,1.0) !important}
.icon.dark		{color:rgba(0,0,0,1.0) !important}

.iconhover				{position:relative}
.iconhover:hover		{filter:alpha(opacity=5); opacity:0.75; -moz-opacity:0.75; -khtml-opacity:0.75}
.iconhover .icon		{display:none; padding:0px !important; margin:0px !important; position:absolute; top:50%; left:50%; -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); text-align:center}
.iconhover:hover .icon	{display:block}

.logo			{margin:0px; padding:0px 12px}

.navigation												{background:rgba(255,255,255,1.0); z-index:100; padding:10px 0px; max-height:100px}
.navigation *											{font-family:'Open Sans',sans_serif,verdana,arial !important; font-weight:300 !important; font-size:11pt !important; background:transparent !important}
.navigation .top-bar									{max-width:1400px; margin:0px auto}
.navigation .top-bar .name								{margin:0px; padding:0px}
.navigation .top-bar .toggle-topbar a span				{color:rgba(0,0,0,0.6) !important}
.navigation .top-bar-section li							{background:transparent !important; margin:0px; padding:0px}
.navigation .top-bar-section li a:not(.button)			{background:transparent !important; color:rgba(0,0,0,1.0) !important; padding:18px 8px !important}
.navigation .top-bar-section li a:not(.button):hover	{background:transparent !important; color:rgba(0,0,0,0.2) !important}
.navigation .top-bar-section ul li.active > a			{background:transparent !important; color:rgba(0,0,0,0.2) !important}
.navigation .top-bar-section ul li.active > a:hover		{background:transparent !important; color:rgba(0,0,0,0.2) !important}
.navigation	sup											{font-size:calc(11pt * 0.6) !important}

.orbit									{background:rgba(255,255,255,1.0); margin:0px; padding:0px}
.orbit-container 						{width:100%; max-width:1950px; min-height:140px; margin:0px auto}
.orbit-slides-container 				{width:100%; position:relative}
.orbit-slides-container li 				{width:100%; background-size:cover; background-position:center}
.orbit img:not(.orbitfade)				{width:100%}
.orbit-container .orbit-slides-container > * .orbit-caption 	{font-size:0.8rem; line-height:1.8rem; background:transparent; color:rgba(255,255,255,1.0); text-align:right; letter-spacing:2px; text-transform:uppercase}
.orbit-timer							{display:none}
.active									{background:transparent}
.orbit .orbitfade						{position:absolute; top:0px; left:0px; width:100%; height:100%}

.orbit-text								{position:absolute; top:80%; left:50%; -moz-transform:translateX(-50%) translateY(-80%); -webkit-transform:translateX(-50%) translateY(-80%); transform:translateX(-50%) translateY(-80%); padding:0px 20px}
.orbit-text	h2							{font-size:calc(1.8rem * 2.0); font-weight:700; color:rgba(255,255,255,1.0); text-align:left; text-transform:uppercase}
.orbit-text	h2 sup						{font-weight:calc(1.8rem * 5); font-weight:700}
.orbit-text	h3							{font-size:1.8rem; font-weight:400; color:rgba(255,255,255,1.0); text-align:left; text-transform:uppercase}
.orbit-text	p							{font-size:calc(1.8rem * 0.6); font-weight:300; color:rgba(255,255,255,1.0); text-transform:uppercase}

svg											{margin:auto}
svg polygon									{transition:fill 0.2s; cursor:pointer}
svg a:focus,svg a:hover 					{outline:none}
svg a.kld polygon							{fill:rgba(53,106,169,0.5)}
svg a.kld-red polygon						{fill:rgba(214,51,44,0.5)}
svg .hover:hover							{fill:transparent}
svg .enabled								{cursor:pointer}

.svghover 									{pointer-events:none; position:absolute; font-size:11pt; font-weight:400; text-align:center; background:rgba(255,255,255,0.6); padding:10px 5px; z-index:5; margin:0 auto; border-radius:3px; display:none; text-transform:capitalize; box-shadow:0px 2px 4px 0px rgba(0,0,0,1.0)}
.svghover.active							{display:block}
.svghover img								{display:block; margin:auto; max-width:135px}
.svghover:after								{content:''; position:absolute; left:50%;top:100%; width:0; height:0px; margin-left:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid rgba(255,255,255,0.6)}

.content			{margin:0px; padding:0px}

.grey				{margin:0px; padding:0px; background:rgba(255,255,255,0.6)}
.white				{margin:0px; padding:0px; background:rgba(255,255,255,1.0)}

.pad				{padding:0px 20px 20px 20px !important}

.tab *				{color:rgba(255,255,255,1.0)}
.tab				{padding:0px 30px; background-color:rgba(37,47,57) !important; background:url('../img/terminal-park-tab.jpg'); background-size:contain; background-repeat:no-repeat; background-position:bottom}
.tab p				{padding:10px 0px; font-size:0.8rem}

.mail				{padding-bottom:20px}
.mail p				{text-align:center}

.team li img, .contact li img		{margin:20px auto; max-width:250px}

.googlemap *		{margin:0px; padding:0px; font-family:'Open Sans',sans_serif,verdana,arial !important}
.googlemap			{height:700px}
.googlemap .icon	{margin:10px 2px 0px 10px !important; padding:0px; font-size:1.4rem; color:rgba(0,0,0,0.6) !important}

.g-recaptcha div	{margin:5px auto; max-height:75px}

.footer 			{padding:20px 0px}
.footer * 			{font-size:calc(0.8rem * 0.9)}
.footer	sup			{font-size:calc(11pt * 0.6) !important}

/* @media - iphone */

@media only screen and (max-width:740px){
.logo							{height:100%; margin:auto 10px}
.navigation						{max-height:none}
.navigation .top-bar-section li	{margin:10px; text-align:center}
.tab							{background-size:cover !important}
}

/* @media - ipad menu */

@media only screen and (device-width:768px){
.logo							{margin:auto}
.navigation						{max-height:none}
.navigation .top-bar			{max-width:1000px}
}

/* @media - landscape logo */

@media only screen and (orientation:landscape){
.logo							{width:auto; margin:auto}
}

/* @media - menu padding */

@media only screen and (orientation:portrait){
.navigation .top-bar-section li	{margin:10px; text-align:center}
}