@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,700;0,900;1,200;1,300;1,400;1,700;1,900&display=swap");
html {
  position: relative;
  min-height: 100%;
  font-family: 'Poppins', arial;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

body {
  padding-top: calc(60px + 40px + 10px);
  margin-bottom: 270px;
  font-size: 15px;
  color: #4F4F4F;
  line-height: 1.5em;
  /*font-size: 19px;
  font-weight: 300;
  color: $darkerGrey;*/ }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px; }

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /*.jumbotron {
      margin-top: 20px;
  }*/
  .body-content {
    padding: 0; } }
/*@media (min-width: 992px) {
    body {
        padding-top: 75px;
    }
}*/
#header {
  background: center center no-repeat scroll;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  background-color: #292929;
  width: 100%;
  vertical-align: middle;
  text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.35); }

#header h1 {
  font-size: 75px; }

@media only screen and (max-width: 700px) {
  #header h1 {
    font-size: 65px; } }
@media only screen and (max-width: 500px) {
  #header h1 {
    font-size: 55px; } }
#header.landing {
  background-image: url("../img/headerBackground.png");
  height: calc(100vh - calc(60px + 40px + 10px)); }

#header.small {
  height: calc(75vh - calc(60px + 40px + 10px)); }

#header.small.games {
  background-image: url("../img/GamesHeaderBackground.png"); }

#header.small.services {
  background-image: url("../img/ServicesheaderBackground.png");
  /*background: -webkit-linear-gradient(to top, rgba(black,1) 0%,rgba(255,255,255,0) 75%), url('../img/ServicesheaderBackground.png');
  background: -o-linear-gradient(to top, rgba(black,1) 0%,rgba(255,255,255,0) 75%), url('../img/ServicesheaderBackground.png');
  background: -moz-linear-gradient(to top, rgba(black,1) 0%,rgba(255,255,255,0) 75%), url('../img/ServicesheaderBackground.png');
  background: linear-gradient(to top, rgba(black,1) 0%,rgba(255,255,255,0) 75%), url('../img/ServicesheaderBackground.png');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;*/ }

#header.small.gameDev {
  background-image: url("../img/services/GameDevheaderBackground.png"); }

#header.small.brandedGames {
  background-image: url("../img/services/BrandedGamesheaderBackground.png"); }

#header.small.seriousGames {
  background-image: url("../img/services/SeriousGameHeaderBackground.png"); }

#header.wetwarfare {
  background-image: url("../Projects/wet-warfare/img/headerBackground.png"); }

footer {
  background-color: #292929;
  color: #FFFFFF;
  padding-top: 30px;
  bottom: 0;
  width: 100%;
  position: absolute;
  height: 270px; }

footer .copyright {
  font-size: 14px;
  margin-bottom: 0;
  text-align: center; }

.navbar-custom {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 6px 6px -6px #999;
  -moz-box-shadow: 0 6px 6px -6px #999;
  box-shadow: 0 6px 6px -6px #999;
  padding-top: 40px;
  padding-bottom: 10px; }

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: #AFAFAF; }

.navbar-custom .navbar-nav .nav-link {
  color: #AFAFAF; }

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #e24528; }

.navbar-nav > li {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 15px; }

.navbar-nav > li > a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  line-height: calc(60px - 10px);
  font-weight: 500; }

@media (max-width: 992px) {
  .navbar-nav > li > a {
    line-height: 15px; } }
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.bg-main1 {
  background-color: #e24528;
  color: #FFFFFF; }

.bg-main1 h1, .bg-main1 h2, .bg-main1 h3, .bg-darkGrey h1, .bg-darkGrey h2, .bg-darkGrey h3 {
  color: #FFFFFF; }

.bg-white {
  background-color: #FFFFFF; }

.bg-lightGrey {
  background-color: #f3f3f3; }

.bg-darkGrey {
  background-color: #292929;
  color: #FFFFFF; }

.box {
  padding: 60px 0px 60px 0px; }

.contentBox {
  padding: 30px 30px 30px 30px; }

#aboutBox {
  background-image: url("../img/AboutUsBackgroundLogo2.png");
  background-position: left 0px center 0px;
  background-repeat: no-repeat;
  background-size: auto 100%; }

#gameSolutionsBox {
  background-image: url("../img/gameSolutionsBackgroundLogo.png");
  background-position: right 0px bottom 0px;
  background-repeat: no-repeat; }

#openApplicationBox {
  background-image: url("../img/contact/openApplicationBackgroundLogo.png");
  background-position: right 0px bottom 0px;
  background-repeat: no-repeat;
  background-size: auto 100%; }

.afterWhiteBoxWithArrow {
  background-image: url("../img/WhiteBoxArrow.png");
  background-position: top center;
  background-repeat: no-repeat; }

.afterDarkGreyBoxWithArrow {
  background-image: url("../img/DarkGreyArrow.png");
  background-position: top center;
  background-repeat: no-repeat; }

.serviceBox {
  text-align: center;
  font-size: 16px;
  padding: 30px; }

/* Projects Links */
.projectLinkBox a {
  font-size: 25px;
  padding: 20px 20px 20px 20px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }

.projectLinkBox .unity {
  font-size: 35px; }

.projectLinkBox a:link, .projectLinkBox a:active, .projectLinkBox a:visited {
  color: #FFFFFF;
  text-decoration: none; }

.projectLinkBox a:hover {
  background-color: #e24528; }

.steamBuyBox {
  background-image: url("../img/steamLogo.png");
  background-position: right 70px center;
  background-repeat: no-repeat; }

.gameGalleryImg {
  padding: 0px 10px 0px 10px; }

/* Buttons */
.btn-big {
  font-size: 25px;
  padding: 10px 40px 10px 40px; }

.btn-test {
  max-width: 400px;
  margin-left: 0;
  background-color: Transparent;
  margin: 40px auto;
  background-color: #fff;
  color: #252525 !important;
  font-size: 13px;
  display: block;
  text-align: center;
  padding: 15px 0;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 2px;
  border: 2px solid #e2e2e2;
  width: 50%;
  max-height: 60px;
  position: relative; }

/* HEADERS */
h1 {
    /*color: $darkerGrey;
font-family: 'Poppins', arial;
font-size: 60px;
font-weight: 700;
margin-top: 5px;
margin-bottom: 10px;*/
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 65px;
  line-height: 80%;
  color: #292929;
  font-style: inherit;
  font-weight: bolder;
  padding-top: 0px;
  padding-bottom: 0px; }

h2 {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 55px;
  line-height: 90%;
  color: #33383d;
  font-style: inherit;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px; }

h3 {
  letter-spacing: 0px;
  font-size: 28px;
  line-height: 101%;
  color: #4a4a4a;
  text-align: left;
  font-style: inherit;
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 0px; }

h4 {
  color: #292929;
  font-size: 25px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 10px; }

h5 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 101%;
  color: #e24528;
  text-align: left;
  font-style: inherit;
  font-weight: 400;
  padding-top: 0px;
  padding-bottom: 0px; }

h6 {
  color: #292929;
  font-size: 20px;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 10px; }

/* BASIC LINKS */
    /*a {
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

a:link {
    color: $main1;
    text-decoration: none;
}

a:visited {
    color: $main1;
    text-decoration: none;
}

a:hover {
    color: lighten($main1, 15%);
    text-decoration: none;
}

a:active {
    color: $main1;
    text-decoration: none;
}*/

/*# sourceMappingURL=style.css.map */