/****************************** MEDIA QUERIES */


/****************************** GLOBAL */
html, body 						{height: 100%;}
h2								{font-family: 'Lato', sans-serif; color: #555; font-size: 36px; font-weight: 300;}
h3								{font-family: 'Lato', sans-serif; color: #555; font-size: 28px; font-weight: 300;}
p 								{font-family: 'Open Sans', sans-serif; color: #666; font-size: 15px; font-weight: 300;}
a 								{color: #4689FF;}
hr								{border-color: #CCC;}
textarea						{resize: vertical;}

/****************************** GAPS */
.gap_5							{height: 5px;}
.gap_10							{height: 10px;}
.gap_15							{height: 15px;}
.gap_20							{height: 20px;}
.gap_25							{height: 25px;}
.gap_30							{height: 30px;}
.gap_35							{height: 35px;}
.gap_40							{height: 40px;}
.gap_45							{height: 45px;}
.gap_50							{height: 50px;}
.gap_55							{height: 55px;}
.gap_60							{height: 60px;}

/****************************** LOAD OVERLAY */
.load_overlay					{height: 100%; width: 100%; position: relative; top: 0px; left: 0px; background-color: #FFF; z-index: 999;}
.load_overlay .loader			{width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px;}

/****************************** MODAL */
.app_info						{font-weight: bold;}

/****************************** BACKGROUND */
.case							{height: 100%;}
.background 					{background-repeat:no-repeat; background-position: 50% 50%; background-position: 50% 50%9 !important;}
.fullscreen 					{position: absolute; left: 0; top: 0;}
.fullscreen, .content-a			{width: 100%; min-height:100%;}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {height: 100%; overflow: hidden;}
.content-a						{display: table;}
.content-b						{display: table-cell; position: relative; vertical-align: middle; text-align:center;}
.content-b > h1					{font-family: 'Lato', sans-serif; color: #FFF; text-shadow: 0 0 20px #555; font-size: 40px; text-transform: uppercase;}
.content-b > h2					{font-family: 'Lato', sans-serif; color: #FFF; text-shadow: 0 0 20px #555; font-size: 30px; text-transform: uppercase;}
.content-b img					{}

.slide_1, .slide_2, .slide_3, .slide_4, .slide_5 {display: none;}

/****************************** NAVBAR */
.navbar-inverse					{background-color: #4689FF; border-color: #4689FF; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.navbar-inverse .navbar-brand	{color: #f2f2f2;}
.navbar-inverse .navbar-nav > li > a {color: #f2f2f2;}

/****************************** BODY */
.hidden_div						{opacity: 0;}
.strip img						{width: 100%;}
.front_icons					{color: #4689FF; font-size: 60px;}
.spiel p 						{font-size: 18px;}
.read_more						{color: #4689FF; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300;}

.illustrations object			{height: 245px;}

.cert img						{width: 100%;}

.table 							{color: #666; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.capabilities ul li				{font-family: 'Open Sans', sans-serif; color: #666666;}

/****************************** FOOTER */
.footer 						{background-color: #1d396b;}
.footer a						{cursor: pointer;}
.footer h3						{color: #FFF;}
.footer p 						{color: #FFF;}
.footer button					{width: 100%;}
.footer input					{background-color: #d9e7ff; border-color: #d9e7ff;}
.footer .text_box				{height: 174px; background-color: #d9e7ff; border-color: #d9e7ff;}
.footer .left_hack				{padding-left: 0px; padding-right: 7px;}
.footer .right_hack				{padding-right: 0px; padding-left: 7px;}

#map 							{width: 100%; height: 400px;}

.sub_footer 					{background-color: #142749; color: #777; font-size: 12px; padding: 3px 0px 3px 0px;}
.sub_footer a 					{color: #777; font-size: 12px;}

/****************************** RECAPTCHA */
.rc-anchor 						{background-color: #d9e7ff;}
.rc-anchor-normal 				{background-color: #d9e7ff;}
.rc-anchor-light 				{background-color: #d9e7ff;}