.pink{border:2px solid pink}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea   { color: #ffffff }
html {border: 0}
body                                    { font-size: 1em; line-height: 1.4; font-family: 'Raleway', sans-serif;
}
::-moz-selection                        { background: #b3d4fc; text-shadow: none; }
::selection                             { background: #b3d4fc; text-shadow: none; }
hr                                      { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img                                     { vertical-align: middle }
fieldset                                { border: 0; margin: 0; padding: 0; }
textarea                                { resize: vertical }
.chromeframe                            { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.m-t10                                  { margin-top: 10px }
.m-t15                                  { margin-top: 15px }
.m-t30                                  { margin-top: 30px }
.m-b10                                  { margin-bottom: 10px }
.m-b15                                  { margin-bottom: 15px }
.m-b30                                  { margin-bottom: 30px }
.m-b70                                  { margin-bottom: 70px }
a                                       { color: #ffffff; text-decoration: none; }
.page                                   { position: relative; nowhitespace: afterproperty; z-index: 10; min-height: 70% !important; /* for modern browser */ height: 80%; /* for IE */ width: 100%; }
.header-container-gal                   { padding: 1px }
.main-container                         { position: relative; height: 100%; min-height: 100%; text-align: center; }
.main-container-gal                     { position: relative; height: 100%; min-height: 100%; text-align: center; }
.overlayBg                              { position: fixed; top: 0px; left: 0; width: 100%; height: 100%;max-height:100%; margin: 0; padding: 0; background: url('../img/overlay.png') repeat; z-index: -1;}
.overlay                                { background: url('../img/overlay.png') repeat }
.wrapper                                { width: auto; margin: 0 3%; }
#footer-mobile                          { position: fixed; left: 0; bottom: 60px; height: 40px; color: #999999; background: none; text-align: center; font-weight: 300; margin-left: auto; margin-right: auto; width: 100%; z-index: 20; }
#footer-mobile span                     { line-height: 40px }
.pos-fixed                              { position: fixed }
.centered                               { text-align: center; margin-left: auto; margin-right: auto; }
.blackBg                                { zoom: 1; filter: alpha(opacity=75); opacity: 0.75; background-color: #000000; }
.whiteF                                 { color: #FFFFFF }

/* ============== DISABLED IN MOBILE ============== */
#equipment-list                         { display: none }
.production-services                    { display: none }
.pricelist                              { display: none }
#stages-spec                            { display: none }
.logo                                   { display: block; margin-top: 20px; margin-bottom: 30px; width: 69px; }
.button                                 { font-weight: 100; font-size: 1.5em; line-height: normal; display: inline-block; padding: 5px 25px; border: 2px solid #FFFFFF; }

.show-hide                              { display: none }
.hide-show                              { display: block }

/* ============== SOCIAL BLOCK MOBILE ============== */
.social                                 { position: absolute; top: 2px; float: right; height: 19px; width: 90px; right: 5%; line-height: normal; }
.social-gal                             { position: relative; float: right; height: 19px; width: 90px; right: 5%; line-height: 90px; }
.social-mobile                          { position: absolute; top: 20px; float: right; height: 19px; width: 90px; right: 5%; line-height: normal; }
.mobile-menu                            { font-weight: 100; font-size: 1.4em; width: 100px; float: left; top: 42px; position: absolute; left: 95px; }
.mobile-menu img                        { width: 12px; height: 20px; vertical-align: middle; }
.mobile-menu span                       { height: 20px; vertical-align: middle; }
.mobile-menu-gal                        { font-weight: 300; font-size: 1.4em; width: 100px; float: left; top: 64px; position: absolute; left: 95px; }
.mobile-menu-gal img                    { width: 12px; height: 20px; vertical-align: middle; }
.mobile-menu-gal span                   { height: 20px; vertical-align: middle; }
.email-us                               { color: #FFFFFF; cursor: pointer; font-weight: 300; font-size: 1.4em; width: 110px; float: right; top: 42px; position: absolute; right: 2%; }
.email-us span                          { height: 20px; vertical-align: middle; }
.footer                                 { display: none }

/* ============== CONTACT & MAP ============== */
.page-map                               { position: relative; nowhitespace: afterproperty; z-index: 10; min-height: 1%; /* for modern browser */ height: 1%; /* for IE */ width: 100%;; }
iframe                                  { vertical-align: top }
#mapbg                                  { height: 100%;overflow: hidden }
#map_canvas                             { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; overflow: hidden}
.map-logo                               { visibility:hidden;position: absolute; z-index: 40; top: 50%; left: 50%; margin-top: -50px; margin-left: -53px; }
.map-overlay                            { visibility: hidden; position: absolute; top: 0; left: 0; bottom: -20px;width: 100%; height: 100%; min-height:100%;margin: 0; padding: 0; background: url('../img/overlay.png') repeat; z-index: 1;margin-bottom: -100px }
.map-social								{display:none}
.map-contact-form                       { visibility: hidden; width: 90%; background: none; display: block; position: relative; height: 100%; z-index: 51; margin-left:auto;margin-right:auto;margin-top:15px;text-align: center}
.map-contact-form button            	{ background: #4182d0; text-shadow: none; color: #fff; border: 0; padding: 15px 30px; text-decoration: none; margin-left: auto; margin-right: auto; display: block; font-size: 13px; font-weight: 300; -webkit-align-items: flex-start; text-align: center; cursor: default; float:right;}
.map-contact-form input,
.map-contact-form textarea              { width: 90%; border: 2px solid #FFFFFF; margin-top: 3px; color: #FFFFFF; font-weight: 300; font-size: 1em; padding: 10px 20px;background: none }
.map-contact-form textarea              { height: 100px }


/* ============== EQUIPMENT MOBILE ============== */
.production-services-mobile             { }

/* ============== STAGES ============== */
#stages-list                            { margin-top: 35px; display: table; border-spacing: 3px 0px; position: relative; }
#stages-list ul                         { display: table-row; width: 100%; }
#stages-list li.left                    { display: table-cell; text-align: center; width: 20%; white-space: nowrap; }
#stages-list li                         { display: table-cell; text-align: center; width: 1000px; border: 2px solid #ffffff; vertical-align: middle; padding: 6px 0 6px 0; }
#stages-list li:hover, #stages-list .selected-hover
                                        { background: #4182d0; border: 2px solid #4182d0;}
#stages-list a                          { color: #ffffff; font-size: 134%; font-weight: 300;line-height: 60px;display:block;height:100%  }
#arrow_left_gal                         { display: block; position: fixed; width: 55px; height: 70px; left: 0; top: 50%; margin-top: -25px; cursor: pointer; background: url('../img/arrow_left_gal.png?_rnd=8944991650059819') no-repeat top left; }
#arrow_right_gal                        { display: block; position: fixed; width: 55px; height: 70px; right: 0; top: 50%; margin-top: -25px; cursor: pointer; background: url('../img/arrow_right_gal.png?_rnd=09371304814703763') no-repeat top left; }
#close                                  { display: block; position: absolute; width: 36px; height: 34px; right: 5px; top: 5px; margin-top: 0; cursor: pointer; background: url('../img/close.png') no-repeat top left; }
#close a                                { display: block; height: 100%; width: 100%; }

/* ============== EVENTS ============== */
#events                                 { display: none }
#events-mobi div                        { margin-bottom: 40px; text-align: left; }
#events-mobi p                          { font-size: 0.8em; font-weight: 300; text-align: left; }
#events-mobi img                        { width: 100%; max-width: 470px; }

/* ==============
    MOBILE NAV
   ============== */
nav ul                                  { margin: 0; padding: 0; }
nav a                                   { display: block; /*    margin-bottom: 10px;*/ padding: 4px 0 8px 0; text-align: left; text-decoration: none; font-size: 1.4em; font-weight: 300; color: #FFFFFF; background: none;; }
nav a:hover, nav a:visited              { color: #FFFFFF }
nav a:hover                             { text-decoration: underline }
.main                                   { padding: 0 }
.main h1                                { margin: 0 }
.title                                  { font-size: 2em; line-height: normal; font-weight: 100; color: #FFFFFF; text-align: left; margin-bottom: 15px; }
.article                                { font-size: 0.8em; font-weight: 300; margin-top: 5px; margin-bottom: 15px; text-align: left; }
.article h2                             { font-size: 35px; line-height: normal; font-weight: 100; color: #FFFFFF; text-align: left; margin-bottom: 15px; }

/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .logo                              { padding-top: 30px }

/* ==============
    DESKTOp
   ============== */
@media only screen and (min-width: 769px)                             { 
	.production-services-mobile, 
	.mobile-menu,
	#footer-mobile             				{ display: none }
	.page                                   { position: absolute;height:99%;min-height:99%}
	.overlayBg                              { top: -32px;}
/*	.header-container                       { position:relative;z-index:99999; height: 90px;min-height:90px; line-height: 90px; display:block;}*/
	.header-container                       { position:absolute;z-index:99999;width:100%; height: 90px;min-height:90px; line-height: 90px; display:block;}
	.header-container-gal                   { height: 90px; line-height: 90px; }
	.main-container                         { position: relative; height: 100%; max-height:100%;text-align: center; min-height:100%;z-index:9;border:1px solid transparent;}
	.main-container-gal                     { position: relative; height: 70%;min-height: 80%; text-align: center;border:1px solid transparent}
	.menu-selected a                        { text-decoration: underline }
	.wrapper                                { width: 100%; max-width: 960px; margin: 0 auto;}
	.wrapper50                              { width: 60%; margin: 0 auto; }
	.wrapper80                              { width: 80%; margin: 0 auto; }
	.wrapper95                              { width: 95%; margin: 0 auto; }

	/* ============== HOMEPAGE DESKTOP ============== */
	.main                                   { position: relative; padding: 0; display: block; visibility: hidden;margin-top:90px; }
	.email-us                               { position: relative; font-size: 0.9em; font-weight: 100; width: 110px; float: right; top: 0px; right: 2%; line-height: 94px; }
	.email-us span                          { vertical-align: middle }
	.main h1                                { margin: 0 }
	#arrow_left                             { display: block; position: absolute; width: 12px; height: 20px; left: 0; top: 50%; margin-top: -10px; cursor: pointer; background: url('../img/back.png') no-repeat top left; }
	#arrow_right                            { display: block; position: absolute; width: 12px; height: 20px; right: 0; top: 50%; margin-top: -10px; cursor: pointer; background: url('../img/forward.png') no-repeat top left; }
	.title                                  { display:block;font-size: 64px; line-height: normal; font-weight: 100; color: #FFFFFF; text-align: center; margin:0 auto 15px auto; }
	.article                                { font-size: 0.8em; font-weight: 300; margin-top: 5px; margin-bottom: 15px; text-align: center; }
	.button                                 { font-weight: 100; font-size: 1.5em; line-height: normal; display: inline-block; padding: 5px 25px; border: 2px solid #FFFFFF; }
	footer                                  { width: 100%; position: fixed; left: 0; bottom: 0px; height: 20px; background: none; text-align: center; z-index: 12; padding-top: 7px; padding-bottom: 5px; vertical-align: middle; }
	.footer                                 { display: table; color: #999999; font-weight: 300; font-size: 0.7em; width: 100%; margin-left: auto; margin-right: auto; vertical-align: middle; }
	footer a:link, footer a:visited         { color: #999999; text-decoration: none; }
	footer a:hover                          { text-decoration: underline }
	div.footer p                            { display: table-cell }
	.show-hide                              { display: block }
	.hide-show                              { display: none }
	.logo                                   { float: left; width: 69px; margin-top: 0;margin-bottom:0; }
	nav                                     { position: relative; float: left; width: 70%; margin-left: 60px; margin-top: 38px; line-height: normal; }
	nav a                                   { float: left; margin-top: 0; padding: 0 15px 0 0; float: left; font-size: 0.9em;font-weight: 300;}
	.social-mobile                          { display: none }
	.social                                 { position: relative; line-height: 90px; margin-right: 0; margin-top: 0; top: 2px; }

	/* ============== CONTACT &MAP ============== */
	#map_canvas                             { top: 0;}
	.map-contact-form                       { visibility: hidden; width: 180px; background: #FFFFFF; display: block; position: absolute; height: 270px; z-index: 51; top: 90px; left: 50%; margin-left: 300px;text-align: center;margin-top:auto}
	.map-contact-form button                { background: #4182d0; text-shadow: none; color: #fff; border: 0; padding: 5px 10px; text-decoration: none; margin-left: auto; margin-right: auto; display: block; font-size: 13px; font-weight: 300; -webkit-align-items: flex-start; text-align: center; cursor: default; float: none;cursor: pointer}
	.map-contact-form input, .map-contact-form textarea
	                                        { width: 140px; border: 1px solid #4182d0; margin-top: 5px; margin-bottom: 10px; color: #4182d0; font-weight: 300; font-size: 0.8em; padding: 4px; }
	.map-contact-form textarea              { height: 120px }
	.map-logo                               { margin-top: -110px;visibility: visible}
	.map-social                             { display:block; position: absolute; z-index: 50; top: 50%; left: 50%; margin-left: -52px; margin-top: auto; width: 104px; padding: 0; }

	/* ============== EQUIPMENT ============== */
	#equipment-list                         { margin-top: 70px; display: table; border-spacing: 5px 0px; position: relative; }
	#equipment-list ul                      { display: table-row; width: 100%; }
	#equipment-list li.left                 { display: table-cell; text-align: center; width: 20%; white-space: nowrap; cursor: pointer; }
	#equipment-list li                      { display: table-cell; text-align: center; width: 1000px; border: 2px solid #ffffff; height: 60px; vertical-align: middle; cursor: pointer; padding: 6px 0 6px 0; }
	#equipment-list span                    { color: #ffffff; font-size: 134%; font-weight: 100; }
	#equipment-list .tooltip                { background-color: #4182d0; font-size: 0.7em; font-weight: 100; text-align: left; padding: 10px 0px 10px 8px; color: #ffffff; position: absolute; bottom: 0; z-index: 1000; display: none; margin-left: -2px; }

	/* ============== PRODUCTION SERVICES ============== */
	.production-services                    { display: block; text-align: center; border: 2px solid #ffffff; height: 60px; vertical-align: middle; padding: 6px 0 6px 0; margin: 10px 5px 0 5px; }
	.production-services a                  { vertical-align: middle; color: #ffffff; font-size: 134%; font-weight: 100; line-height: 60px;display: block; height: 100%; width:100%}
	.pricelist                              { display: block; text-align: center; border: 2px solid #ffffff; height: 60px; vertical-align: middle; padding: 6px 0 6px 0; margin: 10px 5px 0 5px; }
	.pricelist                              { vertical-align: middle; color: #ffffff; font-size: 134%; font-weight: 100; line-height: 60px; }

	/* ============== Stages desktop ============== */
	#stages-list                            { margin-top: 50px }
	#stages-list li                         { height: 60px }
	.m-b70                                  { margin-bottom: 0 }
	#stages-spec                            { margin-top: 30px; display: table; position: relative; margin-left: auto; margin-right: auto; }
	#stages-spec ul                         { display: table-row; width: 60%; }
	#stages-spec li.left                    { display: table-cell; text-align: center; width: 30%; white-space: nowrap; }
	#stages-spec li                         { display: table-cell; text-align: center; width: 1000px; border: 2px solid #ffffff; vertical-align: middle; padding: 6px 0 6px 0; }
	#stages-spec a                          { font-weight: 300;display: block; height: 100%; width:100%}
	#arrow_left_gal                         { display: block; position: absolute; width: 55px; height: 70px; left: 0; top: 50%; margin-top: 20px; cursor: pointer; background: url('../img/arrow_left_gal.png') no-repeat top left; }
	#arrow_right_gal                        { display: block; position: absolute; width: 55px; height: 70px; right: 0; top: 50%; margin-top: 20px; cursor: pointer; background: url('../img/arrow_right_gal.png') no-repeat top left; }
	#close                                  { top: 100px }
	#close a                                { display: block; height: 100%; width: 100%;z-index:999999;position:relative }

	/* ============== Events ============== */
	#events                                 { display: block; position: relative; }
	#owl .item                              { margin: 10px 15px }
	#owl .item img                          { display: block; width: 100%; height: auto; }
	#owl p                                  { font-size: 0.8em; font-weight: 300; text-align: left; }
	.prev                                   { display: block; position: absolute; width: 15px; height: 20px; left: -14px; cursor: pointer; top: 160px; z-index: 150; }
	.next                                   { display: block; position: absolute; right: -14px; cursor: pointer; width: 15px; height: 20px; top: 160px; }
	.customNavigation                       { text-align: center }
	.customNavigation a                     { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

	/* ==========================================================================
		   Helper classes
	========================================================================== */
	.ir                                     { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
	.ir:before                              { content: ""; display: block; width: 0; height: 150%; }
	.hidden                                 { display: none !important; visibility: hidden; }
	.visuallyhidden                         { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus
	                                        { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
	.invisible                              { visibility: hidden }
	.clearfix:before, .clearfix:after       { content: " "; display: table; }
	.clearfix:after                         { clear: both }
	.clearfix                               { *zoom: 1 }
}

/* ==========================================================================
   Print styles
========================================================================== */
@media print                             { 
	*                                       { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited                            { text-decoration: underline }
	a[href]:after                           { content: " (" attr(href) ")" }
	abbr[title]:after                       { content: " (" attr(title) ")" }
	/*
		     * Don't show links for images, or javascript/internal links
		     */
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after
	                                        { content: "" }
	pre, blockquote                         { border: 1px solid #999; page-break-inside: avoid; }
	thead                                   { display: table-header-group; /* h5bp.com/t */ }
	tr, img                                 { page-break-inside: avoid }
	img                                     { max-width: 100% !important }
}

/* add skip links style so people using adaptive technology can skip menu and jump to main content */
.skip-links {
    padding: 0;
    margin: 0;
    list-style: none;
}
.skip-links a {
    position: fixed;
    top: -3em;
    left: 0;
    background-color: #000;
    color: #fff;
    padding: 0.5em 0.75em;
    font-weight: bold;
    text-decoration: none;
    z-index: 9999;
}

.skip-links a:focus {
    top: 0;
}