*                                                               {font-family:'Raleway', Century;color:#c3c3c3;}
html                                                            {background:#222121;}
body                                                            {background:#222121;max-width:100vw;overflow-x:hidden}
.clearBoth                                                      {clear:both;}
.right                                                          {float:right;}
.left                                                           {float:left;}
.center                                                         {text-align:center;}
p                                                               {margin:15px 0;line-height:1.5em;}
a                                                               {color:#cadb2a;}
.TL                                                             {text-align:left;padding:0 2vw;}
.TR                                                             {text-align:right;padding:0 2vw;}


/* HEADER 
##################################################*/

/* NAVIGATION 
##################################################*/


header                                                          {text-align:left;position:fixed;top:0;width:100%;border-top:solid #cadb2a 5px;z-index:10;text-align:center;background:none;}
header .logo                                                    {display:inline-block;background:#222121;max-width:300px;width:100%;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border:solid #cadb2a 2px;margin-top:-2px;padding:5px 10px;}
header .logo img                                                {width:100%;}

header nav                                                      {position:fixed;top:0;}
header nav ul li a                                              {color:#cadb2a;opacity:1;transition: opacity .75s ease-in-out;-moz-transition: opacity .75s ease-in-out;-webkit-transition: opacity .75s ease-in-out;}
header nav ul li a:hover                                        {opacity:0.5}
header nav ul.mobileNav                                         {display:none;}

header nav .menuOpen                                            {display:block;float:none;margin:0 auto 0 auto;text-align:center;color:#cadb2a;padding:10px 30px;background:#cadb2a;color:#222121}
header nav .menuClose                                           {background:#222121;color:#cadb2a!important;}
header nav ul.mobileNav                                         {height:100vh;background:#cadb2a;width:360px;}
header nav ul.mobileNav li                                      {display:block;float:none;width:360px;max-width:100%;border:none;background:#cadb2a;margin:0;height:11vh;}
header nav ul.mobileNav li a                                    {display:block;width:100%;max-width:100%;text-align:center;padding:0 0 0 0;border-top:solid #222121 1px;color:#222121;line-height:11vh;}
header nav ul.mobileNav li a:hover                              {background:#222121;color:#cadb2a;}

/* SOCIAL MEDIA 
##################################################*/
.socialMedia                                                    {position:fixed;bottom:15px;right:15px;z-index:10}

/* HEADERS 
##################################################*/
h1, h2, h3, h4, h5, h6                                          {text-transform:uppercase;font-family: Arial;color:#cadb2a;text-shadow: #000000 2px 2px 2px}
h1                                                              {font-size:30pt;}
h2                                                              {font-size:28pt;margin:0 0 30px 0;}
h3                                                              {font-size:28pt;}
h4                                                              {}
h5                                                              {}
h6                                                              {}

/* HOMEPAGE 
##################################################*/
section#home                                                    {min-height:100vh;background: url(../../pix/mainbg.jpg) no-repeat center bottom;max-width:100vw;}
section#introText figure                                        {padding:100px 0 50px 0;}
section#home .logoLarge                                         {max-width:350px;display:inline-block;padding-top:20vh;}
section#home .logoLarge img                                     {width:100%;}
section#home .homeHeaders                                       {text-align:left;position:absolute;bottom:15px;left:15px;max-width:700px;width:90vw}
section#home .homeHeaders h1                                    {font-size:34pt;font-family: Arial;font-weight:bold;}
section#home .homeHeaders h2                                    {font-size:20pt;}
.fixed                                                          {position:absolute;width:100%;max-width:100vw;height:100%;max-height:100vh;overflow:hidden;}
.video                                                          {width:100%;max-width:100vw!important;overflow:hidden;height:100vh;margin-top:-100vh;z-index:-1;object-fit:cover;}
.video video                                                    {min-width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);border-bottom:solid #cadb2a 1px;object-fit:cover;}
/* CONTENT 
##################################################*/

section                                                         {min-height:100%;text-align:center;}
section figure                                                  {max-width:1200px;margin:0 auto;text-align:center;color:#c3c3c3;padding:30px 0 50px 0;}
section figure p                                                {font-size:18px;}
section article                                                 {max-width:50%;display:inline;}
section h6.link                                                 {width:100%;text-align:center;background:#cadb2a;margin:30px 0 70px 0;height:5px;}
section h6.link a                                               {background:#222121;padding:15px 25px;border:solid #cadb2a 2px;font-size:14px;}

/* HOME PAGE GALLERY SLIDERS 
##################################################*/
.galleryWrapper                                                 {text-align:center;}
.galleryWrapper img                                             {max-width:300px;}
.galleryBox                                                     {display:inline-block;margin:10px 10px;}
.galleryBox div                                                 {line-height:30px;}
.galleryBox span                                                {color: white;text-decoration: none;text-align: center;display: block;}
.galleryBox, .c-anim-btn                                        {transition: 0.3s;}
.galleryBox                                                     {height: 220px;font: normal normal 700 1em/4em Arial,sans-serif;overflow: hidden;width: 300px;background-color: none;}
.c-anim-btn                                                     {margin-top: 0em;}
.galleryBox:hover .c-anim-btn                                   {margin-top: -150px;}
#posters .galleryBox                                            {height:425px;}
/* PAGE HEADER 
##################################################*/
.pageImage                                                      {max-height:600px;overflow:hidden;width:100%;}
.pageImage img                                                  {width:100%;}

/* PAGE GALLERY 
##################################################*/
.pageGallery                                                    {max-width:30%;width:100%;display:inline-block;vertical-align:top;min-height:500px;}
.pageGallery h3                                                 {font-size:16pt;}
.pageGallery img                                                {width:98%;}
.pageGallery .hide                                              {display:none;}
/* WEBSITES PAGES    
##################################################*/
.websiteSliderWrapper                                           {margin:0 auto;max-width:100%;width:100%;text-align:center;}
#websitesSlider                                                 {margin:80px auto 0 auto;max-width:1600px;}
#websitesSlider img                                             {width:100%;}

/* BUTTONS 
##################################################*/
.button                                                         {display:inline-block;border:solid #cadb2a 3px;background:#cadb2a;padding:10px 25px 12px 25px;color:#222121;transition:background .75s ease-in-out;-moz-transition:background .75s ease-in-out;-webkit-transition:background .75s ease-in-out;}
.button:hover                                                   {background:#222121;color:#cadb2a;}

/* THUMBNAIL GALLERY CONTROLS 
##################################################*/
.renders img                                                    {max-width:500px;}

/* CONTACT 
##################################################*/
.contactForm                                                    {width:50%;float:left;}
.contactForm input, .contactForm .input                         {width:80%;max-width:400px;float:left;margin:6px 0;padding:6px 10px;border:solid #cadb2a 1px;background:#333333;color:#efefef}
.footerMap                                                      {width:49%;float:right;border:solid #cadb2a 1px;}
.contactMap                                                     {width:49%;float:right;}
.contactMap iframe                                              {max-width:100%;width:100%;height:400px;border:solid #cadb2a 1px}
.footerMap iframe                                               {width:100%;height:400px;}

/* FOOTER 
##################################################*/
footer                                                          {background:#222121;max-width:100%;width:100%;border-top: solid #cadb2a 2px;}
footer .summary                                                 {clear:both;text-align:center;padding:30px 0;color:#999999}
footer .signoff                                                 {background:#cadb2a;text-align:center;padding:20px 0;font-size:0.9em}
footer .signoff p                                               {color: #222121;}
footer section figure                                           {max-width:90%;}
footer .mapImage                                                {float:left;width:50%;}
footer .mapImage img                                            {width:100%;max-width:500px;}
footer .footerColumn                                            {float:left;width:25%;text-align:left;}
footer .footerColumn p                                          {text-align:left;}
footer .footerColumn a                                          {color:#656565;font-size:14px}
footer .footerColumn a:hover                                    {color:#cadb2a;}
footer .footerColumn ul                                         {list-style-position:inside;list-style-type:square;color:#cadb2a;padding-top:10px;}
footer h5                                                       {color:#cadb2a;width:50%;margin-bottom:20px;}
footer h6 a                                                      {text-transform:none;font-size:14px;}
footer .bioInfo                                                 {float:left;width:50%;text-align:left;color:#999999}
footer .bioInfo p                                               {text-align:left;font-size:14pt;}
footer .bioInfo h4                                              {color:#cadb2a;font-size:22pt;}
footer h6                                                       {margin: 10px 0;font-weight: normal;text-shadow: none;}
footer h6:first-of-type                                         {margin-top:30px;}

/* MAIN HOME PAGE WRAPPER BOX 
##################################################*/
.stats                                                          {display:none;height:100px;position:absolute;top:50%;width:100%;left:45%;color:#565656}
.stats .achievementONE                                          {display:block;width:25%;height:50px;text-align:center;z-index:50;position:relative;top:0px}
.stats .achievementTWO                                          {display:block;width:25%;height:50px;text-align:center;z-index:50;position:relative;top:10px}
.stats .achievementTHREE                                        {display:block;width:25%;height:50px;text-align:center;z-index:50;position:relative;top:20px}
.stats .achievementFOUR                                         {display:block;width:25%;height:50px;text-align:center;z-index:50;position:relative;top:30px}
.stats .number                                                  {z-index:2000;margin:-60px auto 0 auto;padding: 0 0 0;font-size: 44px;font-weight: bold;opacity: 1;color:#cadb2a}
.stats .subtitle                                                {font-size: 16px;}


.meter                                                              {width: 500px;display:inline-block;background: #343434;border:solid #cadb2a 1px; overflow:hidden;height:50px;clear:both;margin:10px 0 0 0;box-shadow: rgba(0,0,0,0.3) 5px 5px 8px;}
.meter span                                                         {display: block;height: 100%;}
.progress                                                           {background-color: #cadb2a;-webkit-animation: progressBar 3s ease-in-out;-webkit-animation-fill-mode:both;-moz-animation: progressBar 3s ease-in-out;-moz-animation-fill-mode:both;}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}