/* Imports */
@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fonts/futuran-webfont.eot');
    src: url('../fonts/futuran-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futuran-webfont.woff') format('woff'), url('../fonts/futuran-webfont.ttf') format('truetype'), url('../fonts/futuran-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Bold';
    src: url('../fonts/Futura_Bold.woff') format('woff');
}

@font-face {
  font-family: "FuturaBT-Medium";
  src: url("../fonts/FutuMd.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'FuturaBT ExtraBlack';
    src: url('futuraxk-webfont.woff2') format('woff2'),
         url('futuraxk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Configs~ */
* {
    margin:0px;
    padding:0px;
}

:root {
    --red-font: #d0202e;
    --grey-font: #4f4f4f; 
    --white-font: #ffffff;
    --black-font: #1f1414;
    --white-bg: #ffffff;
    --grey-bg: rgba(188, 190, 192, .6)/*#bcbec0*/
}

body {
    font-family: 'futura_bk_btbook', sans-serif;
    font-size: 100%;
    background-image: url('../images/main-bg.jpg');
    background-position: center center;
}

a{
    cursor: pointer;
}

* {
  margin:0px;
  padding:0px;
}

p, h1, h2, h3 {
  margin-bottom: 20px;
}

h1, h2, h3 {
    font-family: 'Futura Bold';
    color: var(--red-font);
    line-height: 1;
}

h1 {
    font-size: 3.5em;
}

h2 {
    font-size: 1.5em;
    text-align: center;
}

h3 {
    font-size: 3.5em;
}

h4 {
    font-size: 2.5em;
}

p {
    text-align: center;
    font-family: "FuturaBT-Medium", sans-serif;
    color: var(--grey-font);
}

ul {
    list-style-position: inside;
    font-family: "FuturaBT-Medium", sans-serif;
    text-align: left;
    color: var(--grey-font);
    margin: 20px;
}

a {
    color: var(--red-font);
    text-decoration: none;
}

.center-text {
    text-align: center;
}

.bg-grey {
    background-color: var(--grey-bg);
}

.grey-text {
    color: var(--grey-font) !important;
}

.red-text {
    color: var(--red-font) !important;
}

.black-text {
  color: var(--black-font);
}

.ptb-20 {
    padding: 20px 0 !important;
}

.logo-bg p{
  color: var(--black-font);
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.wufoo .info{display:none}

@media (min-width: 1100px) {

  .container {
    width: 1100px;
    margin:0 auto;
  }

  nav {
        --grey-bg: #d7d8d9; 
    }

    nav * {
        text-transform: uppercase;
        font-family: "FuturaBT-Medium";
    }

    nav {
        background-color: var(--grey-bg);
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        border-bottom: 1px solid var(--black-font);
    }

    #nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #nav-container img.logo {
        position: relative;
        top: 30px;
    }

    #nav-links {
        display: flex;
        width: 900px;
        justify-content: space-evenly;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #nav-links a {
        text-decoration: none;
        transition: 0.2s;
        color: var(--black-font);
        font-size: 12pt;
    }

    #nav-links a:hover,
    #nav-links a:focus,
    #nav-links a:active {
        color: var(--red-font);
        background: transparent;
    }

    .icon {
        display: none !important;
    }

    .contact-us-btn {
      background: linear-gradient(#fcaf17, #f37421);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: block;
      padding: 10px 40px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
    }

    .contact-us-btn:hover, .contact-us-btn:active {
      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    }

    .nv-btn {
        position: fixed;
        top: 651px;
        right: 0;
        z-index: 1000000;
    }
    
    #home-logo-slider {
        height: 525px;
        background-size: cover;
        background-position: bottom left;
        background-image: url('../images/home-slider-bg-01.jpg');
        margin-top:126px
    }

    .home-slider-container {
      display: flex;
      justify-content: space-between;
      padding: 50px 0;
      align-items: center;
      width: 100%;
    }

    #reliable-service > .container > img {
        padding-bottom: 50px;
    }

    .home-slider-left > h1 {
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0;
    }

    .home-slider-left > img {
      margin-left: 60px;
    }

    .home-slider-right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .home-slider-right > a {
      text-decoration: none;
      margin-top: 20px;
      font-family: 'Futura Bold';
      transition: 0.2s;
    }

    .home-slider-right > a:hover {
      color: #636363;
    }

    .home-slider-right > h2 {
      text-transform: uppercase;
      margin: 0;
    }

    .home-slider-right > p {
      width: 530px;
      margin: 0 auto;
    }

    .home-slider-right > p > span {
      color: var(--red-font);
    }

    .grey-bg {
      background-color: var(--grey-bg);
    }

    .column-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 0 0px;
    }

    .image-text-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 40px;
        width: 900px
    }

    .text-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 500px;
    }

    .text-btn > h1 {
        margin: 0;
        text-transform: uppercase;
    }

    .text-btn > h2 {
        margin:0;
        text-transform: uppercase;
        font-family: "FuturaBT-Medium"; 
    }

    .text-btn > p {
        margin-top: 10px;
    }

    .grey-text > span {
        color: var(--red-font) !important;
    }

    #rs-image-wrapper {
        display: flex;
        justify-content: space-between;
    }

    #rs-image-wrapper > img {
        padding-bottom: 50px;
        width:250px;
    }

    #game-selection {
        padding-bottom: 50px;
    }

    #profit-sharing {
        /* padding: 40px 0; */
    }

    #pf-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 40px 0;
    }

    #pf-text {
        width: 500px;
    }

    #pf-text > h1 {
        margin: 0;
        text-transform: uppercase;
    }

    #pf-text > h2 {
        text-align: left;
        margin: 0;
        font-family: "FuturaBT-Medium"; 
    }

    #pf-text > p {
        margin: 5px 0 20px 0;
    }

    #pf-text > p:last-child {
        margin: 5px 0 0 0;
    }

    #pf-text > p > a {
        color: var(--red-font);
        cursor: pointer;
        text-decoration: none;
    }

    .pf-img-btn {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .pf-img-btn > img {
      height: 553px;
    }

    #ms-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px;
    }

    .ms-img-text {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 40px;
    }

    .ms-img-text > p {
        margin: 0 30px;
        text-align: left;
    }

    .ms-img-text > img:nth-child(3){
        width: 500px
    }

    /* Non Vended */

    #sp-container {
      display: flex;
      padding: 40px 0;
      align-items: center;
      justify-content: space-between;
    }

    #sp-container > img {
      width: 525px;
    }

    #sp-slider-right > img {
      width: 350px;
    }

    #sp-slider-right {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 532px
    }

    .red-btn {
      background: linear-gradient(#8c181a, #e51c24);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: inline-block;
      padding: 15px 40px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
      cursor: pointer;
    }

    .red-btn-small {
      background: linear-gradient(#8c181a, #e51c24);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: inline-block;
      padding: 15px 8px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
      cursor: pointer;
    }

    .red-btn-career {
      background: linear-gradient(#8c181a, #e51c24);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: inline-block;
      padding: 5px 10px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
      cursor: pointer;
    }



    .red-btn:hover, .red-btn:active, .red-btn-small:hover, .red-btn-small:active {
      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    }

    #add-tech {
      padding: 40px 0;
    }

    #at-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #at-container >h2 {
      text-transform: uppercase;
    }

    #at-brands {
      display: flex;
      flex-wrap:wrap;
      justify-content: space-around;
      align-items: center;
    }

    .brand {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      height: 281px;
      margin: 0px 40px 40px;
    }

    .brand:nth-child(4), .brand:nth-child(5){
      margin:0 40px 0 !important;
      height: auto;
    }

    .grey-bold {
      color: var(--grey-font);
      font-family: 'Futura Bold';
      font-size: 8pt;
      margin-bottom: 15px;
      text-transform: uppercase;
    }

    .brand > img {
      width: 250px;
    }

    /* Contact-us form */
    .contact-us .sub-header {
        margin: 50px auto;
    }

    .contact-us ul {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: 900px;
        margin: 0 auto;
    }

    .contact-us li {
        text-align: center;
        align-self: center;
        font-size: .80em;
        font-family: "FuturaBT-Medium", sans-serif;
        color: var(--grey-font);
        margin: 0 10px;
        font-size:12pt;
    }

    .contact-us .sub-section {
        margin-bottom: 50px;
        width: 100%;
        z-index: 100;
        position: relative;
    }

    .block-title{
      background: white;
      z-index: 1000;
      height: 40px;
      position: absolute;
      width: 100%;
    }

    .contact-us form {
        width: 50%;
        margin: 0 auto;

    }

    .contact-us label,
    .contact-us input {
        display: block;
    }

    .contact-us form div {
        display: inline-block;
    }

    .contact-us form label {
        margin-top: 25px;
        margin-bottom: 10px;
        color: var(--red-font);
        font-family: "FuturaBT-Medium", sans-serif;
        font-weight: bold;
    }

    .contact-us form .sub-label label {
        margin: 0;
        font-weight: 100;
    }

    .sub-label {
        width: 49%;
    }

    .contact-us form .first_name {
        width: 98%;
        margin-right: 2%;
    }

    .contact-us form .last_name {
        width: 100%;
    }

    .contact-us form .email, 
    .contact-us form .phone {
        width: 50%;
    }

    .contact-us form .contact-type {
        width: 75%;
    }

    .contact-us form .contact-type,
    .contact-us form .contact-type option {
        font-size: .80em;
        font-family: "FuturaBT-Medium", sans-serif;
        color: var(--grey-font);
    }

    .contact-us form .contact-type option {
        font-size: 1em;
    }

    .contact-us form .message {
        width: 100%;
        height: 150px;
    }

    .contact-us form p {
        margin-top: 25px;
        font-size: 1.15em;
    }

    .contact-us form .submit-button {
        margin: 10px 0;
        width: 100px;
        background-color: var(--red-font);
        color: var(--white-bg);
        border: none;
        font-family: "FuturaBT ExtraBlack", sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        padding: 5px;
        font-size: .75em;
    }

    .contact-us-form {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact-us-form > p {
      margin: 0 15px 0 0;
    }

    .contact-us-text {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 15px;
    }

    .contact-us-text > p {
        margin: 0 15px 0 0;
    }

    #footer {
      background: transparent;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      padding: 20px 0;
      font-size: 9pt
    }

    #footer > p {
      margin: 0;
    }

    #footer-links {
      width: 350px;
      display: flex;
      justify-content: space-between;
    }

    #footer-links a {
      text-align: center;
      color: var(--grey-font);
      text-decoration: none;
      text-transform: uppercase;
      font-size: 9pt;
      font-family: "FuturaBT-Medium", sans-serif;
    }

    #footer-new {
        background: #d0202e;
        border-top: solid 5px #4f4f4f;
        padding:30px 0px;
        color: white;
        height:170px;
        position: relative;
    }

    #footer-new a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
    }

    .footer-col {
        width:33%;
        float: left;
        height:160px;
        position: relative;
        line-height: 2.5;
    }

    .footer-align-bottom span{
        position: absolute;
        bottom:0;
    }
    
    .footer-align-right span{
        position: absolute;
        right:0;
    }

    .footer-col img {
        margin-right: 10px;
    }

    /* Marketing */

    #marketing-brands {
      background: var(--grey-bg);
    }

    #sample-items {
      padding: 40px 0;
    }

    #si-text {
      text-align: center;
    }

    #si-promotions {
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .promo-section {
      display: flex;
      transition: 0.2s;
      opacity: 1;
    }

    .promo-section-mobile {
      display: none !important;
    }

    .promotion {
      display: flex;
      flex: 1 1 0px;
      height: calc(100vw / 4);
      cursor: pointer;
    }

    #gamblers-bonus  {
      background: url('../images/60000.jpg');
      background-position: center;
      background-size: cover;
    }

    #amazon-jewels {
      background: url('../images/amazon_jewels.jpg');
      background-position: center;
      background-size: cover;
    }

    #game-topper {
      background: url('../images/i3 game topper.jpg');
      background-position: center;
      background-size: cover;
    }

    #football {
      background: url('../images/football.jpg');
      background-position: center;
      background-size: cover;
    }

    #twenty-bill {
      background: url('../images/20 bill.jpg');
      background-position: center;
      background-size: cover;
    }

    #flyer {
      background: url('../images/i3 flyer.jpg');
      background-position: center;
      background-size: cover;
    }

    #mailer {
      background: url('../images/gb mailer.jpg');
      background-position: center;
      background-size: cover;
    }

    #ancient-thunder {
      background: url('../images/PV game topper.jpg');
      background-position: center;
      background-size: cover;
    }

    .promo-bg {
      background: url('../images/Rectangle 5.png');
      height: 43vw;
      width: 62.3vw;
      background-position: center;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
    }    

    #view-promo-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      visibility: hidden;
      opacity: 0;
      transition: 0.2s;
    }

    .close-btn {
      position: absolute;
      display: block;
      right: -9px;
      top: -10px;
    }

    .close-btn > img{
      width: 40px;
      height: 43px;
    }

    .gb-promo {
        background: url('../images/60000 banner.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 39vw;
        width: 58vw;
    }

    .aj-promo {
        background: url('../images/amazon_jewels.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 89%;
        width: 58vw;
    }

    .gt-promo {
        background: url('../images/i3 game topper.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 93%;
        width: 54vw;
    }

    .fb-promo {
        background: url('../images/football.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 56vw;
    }

    .twenty-promo {
        background: url('../images/20 bill.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 93%;
        width: 54vw;
    }

    .i3-promo {
        background: url('../images/i3 flyer.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 90%;
        width: 54vw;
    }

    .gb-mailer-promo {
        background: url('../images/gb mailer.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 90%;
        width: 54vw;
    }

    .pv-game-topper-promo {
        background: url('../images/PV game topper.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 90%;
        width: 54vw;
    }

    /* About */

    .txt-no-transfrom {
        text-transform: none;
    }

    img.banner {
        width: 100%;
        max-width: 1920px;
        margin-top: 137px;
    }

    .one-col-header {
        text-align: center;
        margin: 40px 0;
    }

    .careers-header > .container > h2 {
      font-size: 3.5em;
      text-transform: uppercase;
      margin-bottom: -25px;
    }

    .one-col-header h1 {
        text-transform: uppercase;
        margin: 0;
    }

    .one-col-header > .container > p {
      margin-top: 20px;
      width: 1000px;
      margin: 20px auto 0;
    }

		.about-us-page h1 {
			font-size: 2em;
			text-align: center;
		}

		.profile {
			padding: 25px 0;
		}

		.person-bio img {
			max-width: 550px;
		}

		.person-bio h3 {
			font-size: 1.75em;
			margin-bottom: 0;
			text-transform: uppercase;
		}

		.person-bio h4 {
			font-size: 1em;
			font-family: "FuturaBT-Medium", sans-serif;
			text-transform: uppercase;
			font-weight: 100;
			color: var(--grey-font);
            margin-top: 5px;
		}

		.person-bio p {
			margin-top: 15px;
			margin-bottom: 10px;
			text-transform: uppercase;
		}

		.person-bio a,
		.person-bio a.read-more {
			font-family: "FuturaBT-Medium", sans-serif;
			text-transform: uppercase;
		}

		.person-bio .read-more {
			display: none;
			text-transform: none;
		}

		.fav-quote {
			text-transform: uppercase;
    		color: var(--red-font);
		}

		.profile img {
			max-width: 450px;
		}

		.img-container {
			text-align: center;
		}

		.img-container img {
			width: 80%;
		}

		.col-1 {
			width: 48%;
			width: calc(50% - 25px);
			float: left;
		}

		.col-2 {
			width: 48%;
			width: calc(50% - 25px);
			float: right;
		}

		.sub-section {
			clear: both;
		}

		.person-bio {
			text-align: center;
		}

		.sub-header {
			text-align: center;
		}

		.managers-sub-header {
			padding-top: 75px;
		}

		.sub-header h3 {
			text-transform: uppercase;
			font-size: 3em;
			letter-spacing: 1px;
		}

    .contact-us {
        padding: 20px 0;
    }

    #sample-bio-steven, 
    #sample-bio-heidi, 
    #sample-bio-cogswell, 
    #sample-bio-stone, 
    #sample-bio-hood, 
    #sample-bio-mullins, 
    #sample-bio-hadley,
    #sample-bio-richardson,
    #sample-bio-wolfe {
        display: inline;
        text-transform: none;
    }

    /* Careers */

    #careers-header > .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 50px 0;
    }

    .positions {
        padding: 40px 0;
    }

    .positions h2 {
      text-transform: uppercase;
        font-size: 3em;
    }

    .position h5 {
      font-size: 1em;
      color: var(--grey-font);
    }

    .position h3,
    .position h4 {
        color: var(--grey-font);
    }

    .position {
        text-align: center;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .position h3 {
        font-family: 'futura_bk_btbook';
        font-size: 1.7em;
        margin-bottom: 5px;
    }
    
    .position h4 {
        font-family: 'futura_bk_btbook';
        font-size: 1.3em;
        margin-bottom: 10px
    }

    .position h5 {
        font-size: 1em;
    }

    .position a {
        font-family: "FuturaBT-Medium", sans-serif;
        margin: 0;
    }

    .position a {
        text-transform: uppercase;
        text-decoration: none;
    }

    .position-detail {
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .position-detail p {
        margin: 25px auto;
    }

    .row-btn-wrapper {
        display: flex;
        width: 425px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .position-detail button {
        margin-bottom: 25px;
    }

    .row-btn-wrapper {
        display: flex;
        width: 475px;
        justify-content: space-between;
        align-items: center;
    }

    /* Logos */
    .logo-header {
      margin-top: 190px;
    }

    .logo-header-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .logo-header-left {
      display: flex;
      flex-direction: column;
      width: 455px
    }

    .logo-header-left > h1 {
      font-size: 5vw;
      margin: 0;
      text-transform: uppercase;
    }

    .logo-header-left > p {
      text-align: justify;
      margin-top: 10px;
    }

    .logo-container {
      display: flex;
      flex-direction: column;
      padding: 40px 0;
    }

    .logo-header-text > h2 {
      font-size: 20pt;
      margin-bottom: 10px;
      text-align: left;
    }

    .logo-header-text > p {
      text-align: left;
    }

    .logo-main {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .logo-color {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      width: 1000px;
      margin: 20px auto 0;
    }

    .color-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .color-wrapper p {
      color: var(--black-font);
    }

    .color {
      height: 80px;
      width: 80px;
      border-radius: 40px;
      margin-bottom: 10px;
    }

    #gb-red {
      background: #ee2025
    }

    #gb-black {
      background: #000000;
    }

    #gb-blue {
      background: #0019cd;
    }

    #gb-yellow {
      background: #ffcf00;
    }

    #gb-orange {
      background: #ffa900;
    }

    #i3-dark-blue {
        background: #000d6d ;
    }

    #i3-blue {
        background: #0000ff ;
    }

    #i3-gold {
        background: #d2a624 ;
    }

    #i3-off-white {
        background: #ffedc5 ;
    }

    #i3-dark-gold {
        background: #817419 ;
    }

    #cgt-red {
        background: #d0202e ;
    }

    #cgt-black {
        background: #000000 ;
    }

    #cgt-grey {
        background: #4f4f4f ;
    }

    #pv-black {
        background: #000000 ;
    }

    #pv-dark-blue {
        background: #2b388f ;
    }

    #pv-blue {
        background: #00adee ;
    }

    #pv-orange {
        background: #f36f21 ;
    }

    #pv-yellow {
        background: #fdb515 ;
    }

    .color-info {
      display: flex;
      justify-content: start;
      width: 170px;
    }

    .color-info > p {
      margin-bottom: 5px;
    }

    .color-name {
      width: 65px;
      text-align: left;
    }

    .logo-bg {
      /* padding: 20px 0; */
    }

    .logo-bg-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .logo-bg-container > p {
      text-align: left;
    }

    .logo-bg-colors {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      padding: 20px 0 40px;
    }

    .logo-size-space {
      display: flex;
      justify-content: space-evenly;
      padding: 20px 0;
    }

    .logo-size-container, .logo-spacing-container {
      width: 400px;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 30px;
    }

    .logo-misuse-cases {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
    }

    .logo-case {
      display: flex;
      flex-direction: column;
      width: 250px;
      margin-bottom: 20px;
    }

    .logo-case > img {
      margin: 0 auto;
    }

    .logo-img-container {
      height: 95px;
      margin-bottom: 5px;
      text-align: center;
    } 

    .logo-case > p:nth-child(2) {
      text-align: left !important;
      margin-bottom: 5px;
    }

    .logo-case > p:nth-child(3) {
      text-align: left;
      margin:0;
    }

    .additional-assets {
      padding: 40px 0;
    }

    .additional-assets > p, .logo-misuse > p {
      text-align: left;
    }

    .aa-images  {
      display: flex;
      justify-content: space-evenly;
      align-items: center;

    }

    .iv-container {
        display: flex;
        justify-content: space-evenly;
    }

    .help-questions {
      padding: 40px 0 0;
    }

    .help-questions > p {
      text-align: left;
    }

    .logo-bg-container h4, .iv-container h4{
      color: var(--red-font);
      font-size: 14pt;
      margin-bottom: 5px;
    }

    .logo-icon-container {
        width: 400px;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px
    }

    .logo-icon-container > p {
        text-align: left;
    }

    .logo-bg-container > p{
      text-align: left !important;
    }

    .logo-icon-container > img {
        width: 100%;
        max-width: 150px;
        margin: 0 auto;
    }

    .logo-size-space-img-wrapper {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding-top: 20px;
    }

    .logo-size-space-cgt {
        display: flex;
        flex-direction: column;
    }

    .logo-size-cgt-container, .logo-spacing-cgt-container {
        margin-bottom: 40px;
    }

    .swiper-slide {
        height: 300px !important;
        background: black;
        width: 216px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 4px solid white;
        padding: 20px;
        transition: 0.1s;
        opacity: 1;
        margin: 0 -50px;
        z-index: 1;
        /* transform: translate3d(-175px, 0px, 0px); */
    }

    .carousel-card > p {
        color: white;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-container {
      visibility: hidden;
      opacity: 0;
      position: fixed;
      z-index: 100000;
      width: 916px;
      margin-left: auto;
      margin-right: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: 0.2s;
      border-radius: 5px;
    }

    .swiper-wrapper {
      align-items: center;
    }

    .overlay-carousel {
      visibility: hidden;
      opacity: 0;
      height: 100%;
      z-index: 1000;
      width: 100%;
      position: fixed;
      margin-left: auto;
      margin-right: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));
      transition: 0.2s;
    }

    .swiper-button-next {
      background-image: url('../images/next-arrow.png');
      height: 50px !important;
      width: 50px !important;
      right: -55px !important
    }

    .swiper-button-prev {
      background-image: url('../images/prev-arrow.png');
      height: 50px !important;
      width: 50px !important;
      left: -55px !important;
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        display: none;
    }

    .swiper-button-next:after {
      display: none
    }

    .swiper-slide-active {
      /* margin: 0px -75px; */
      /* position: relative; */
      z-index: 1000 !important;
      height: 400px !important;
    }
    
    .swiper-slide-prev {
      /* margin-left: -100px; */
      z-index: 100 !important;
      height: 350px !important;
    }

    .swiper-slide-next {
      /* margin-right: -100px; */
      z-index: 100 !important;
      height: 350px !important;
    }

    .zindex {
      z-index: 50;
    }

    .zindex-2{
      z-index: 2;
    }

    .zindex-0 {
      z-index: 0;
    }

    #how-it-started {
      padding: 40px 0;
    }

    #how-it-started > .container {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    #how-it-started > .container > h3 {
      text-transform: uppercase;
    }

}



@media screen and (max-width : 1099px){
  
  .container {
    width:100%;
  }

  /* Nav */
     nav {
        --grey-bg: #d7d8d9; 
    }

    nav * {
        text-transform: uppercase;
        font-family: "FuturaBT-Medium";
    }

    nav {
        background-color: var(--grey-bg);
        height: 126px;
        border-bottom: 1px solid var(--black-font);
        position: fixed;
        width: 100%;
        top:0;
        z-index: 10000;
    }

    #nav-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    #nav-container img.logo {
        margin-top: 15px;
        width: 90px;
        position: absolute;
        left: 2vw;
    }

    #nav-links {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 0px;
        visibility: hidden;
        opacity: 0;
        margin-top: 105px;
        text-align: center;
    }

    #nav-links a {
        text-decoration: none;
        transition: 0.2s;
        color: var(--black-font);
        font-size: 16pt;
        margin-bottom: 18px;
    }

    #nav-links a:hover,
    #nav-links a:focus,
    #nav-links a:active {
        color: var(--red-font);
        background: transparent;
    }

    a.contact-us-btn {
        display: block;
        position: absolute;
        text-align: center;
        margin-top: 40px; 
        margin-bottom: 20px;
    }

    
    .icon {
        position: absolute;
        top: 32px;
        right: 6vw;
        font-size: 35pt;
        background: transparent;
    }

    .icon:hover, .icon:focus, .icon:active {
        background: transparent;
    }

    .contact-us-btn {
      background: linear-gradient(#fcaf17, #f37421);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: block;
      padding: 10px 40px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
      font-family: 'Futura Bold' !important;
    }

    .contact-us-btn:hover, .contact-us-btn:active {
      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    }

    .contact-us-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #home-logo-slider {
        height: 150px;
        background-size: cover;
        background-position: bottom left;
        background-image: url('../images/home-slider-bg.jpg');
        margin-top:126px;
    }

    #home-logo-slider > img {
        width:100%;
        height: inherit;
    }

    .home-slider, .grey-bg, #footer {
      padding: 40px 20px 0;
    }

    .nv-btn {
        position: fixed;
        top: 127px;
        right: 0;
        z-index: 10000;
    }

    .home-slider-container {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-bottom: 40px;
    }

    .home-slider-container > a > img {
        width: 60px;
    }

    .home-slider-left > h1 {
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center;
      font-size: 10vw;
      margin: 0;
    }

    .home-slider-left > img {
      /* margin-bottom: 20px */
    }

    .home-slider-right > h2 {
      text-transform: uppercase;
    }

    .home-slider-right {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home-slider-right > p {
      margin: 0 auto;
    }

    .home-slider-right > p > span {
      color: var(--red-font);
    }

    .home-slider-right > a {
        text-decoration: none;
        margin-top: 20px;
        font-family: 'Futura Bold';
        transition: 0.2s;
    }

    .grey-bg {
      background-color: var(--grey-bg);
    }

    .column-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 0 20px;
    }

    .image-text-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 40px;
    }

    .image-text-wrapper > img {
        margin-bottom: 15px;
    }

    .text-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .text-btn > h1 {
        margin: 0;
        text-transform: uppercase;
        font-size: 7vw;
    }

    .text-btn > h2 {
        margin:0;
        text-transform: uppercase;
    }

    .text-btn > p {
        margin-top: 10px;
    }

    .grey-text > span {
        color: var(--red-font) !important;
    }

    #reliable-service {
        padding: 40px 20px 20px;
    }
    
    #rs-image-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
    }

    #rs-image-wrapper > img {
        margin-bottom: 20px;
    }

    #game-selection {
        padding: 50px 20px;
    }

    #profit-sharing {
        /* padding: 40px 0; */
    }

    #pf-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 40px;
    }

    #pf-text {
        text-align: center;
    }

    #pf-text > img {
        width: 100%;
        max-width: 500px;
    }

    #pf-text > h1 {
        margin: 0;
        text-transform: uppercase;
        font-size: 10vw;
    }

    #pf-text > h2 {
        text-align: center;
        margin: 0;
    }

    #pf-text > p {
        margin: 5px 0 20px 0;
    }

    #pf-text > p > a {
        color: var(--red-font);
        cursor: pointer;
        text-decoration: none;
    }

    .pf-img-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .pf-img-btn > img {
      width: 100%;
      max-width: 502px;
      margin-bottom: 20px;
    }

    #ms-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px;
    }

    .ms-img-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 40px;
    }

    .ms-img-text > p {
        margin: 30px 0;
        text-align: center;
    }

    .ms-img-text > img:nth-child(3){
        max-width: 500px;
        width: 100%;
    }

    /* None Vended */

    #sp-container {
      display: flex;
      flex-direction: column;
      padding-bottom: 40px;
      align-items: center;
      justify-content: space-between;
    }

    #sp-container > img {
      max-width: 450px;
      width: 100%;
      margin-bottom: 40px;
    }

    #sp-slider-right > img {
      max-width: 350px;
      width:100%;
    }

    #sp-slider-right {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .red-btn {
      background: linear-gradient(#8c181a, #e51c24);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: block;
      padding: 10px 40px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
    }

    .red-btn:hover, .red-btn:active {
      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    }

    #add-tech {
      padding: 40px 20px 0;
    }

    #at-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #at-container >h2 {
      text-transform: uppercase;
    }

    #at-brands {
      display: flex;
      flex-wrap:wrap;
      justify-content: space-around;
      align-items: center;
    }

    /* .brand:nth-child(4), .brand:nth-child(5){
      margin:0 40px 0 !important;
      height: auto;
    } */

    .grey-bold {
      color: var(--grey-font);
      font-family: 'Futura Bold';
      font-size: 8pt;
      margin-bottom: 15px;
      text-transform: uppercase;
    }

    .brand > img {
      width: 250px;
    }

    /* Contact-us form */
    .contact-us .sub-header {
        margin: 50px 20px 0px;
        text-align: center;
    }

    .sub-header > h3 {
        text-transform: uppercase;
        font-size: 10vw;
    }

    .contact-us ul {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin: 0;
    }

    .contact-us li {
        text-align: center;
        align-self: center;
        font-size: .80em;
        font-family: "FuturaBT-Medium", sans-serif;
        color: var(--grey-font);
        margin: 0 10px;
    }

    .contact-us .sub-section {
        position: relative;
    }

    .block-title{
      background: white;
      z-index: 1000;
      height: 40px;
      position: absolute;
      width: 100%;
    }

    .contact-us form {
        margin: 0 20px;
    }

    .contact-us label,
    .contact-us input {
        display: block;
    }

    .contact-us form div {
        display: inline-block;
    }

    #form-name-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .contact-us form label {
        margin-top: 25px;
        margin-bottom: 10px;
        color: var(--red-font);
        font-family: "FuturaBT-Medium", sans-serif;
        font-weight: bold;
        width: 100%;
        max-width: 500px;
        margin: 25px auto 12px;
    }

    .contact-us form .sub-label label {
        margin: 0;
        font-weight: 100;
    }

    .sub-label {
        width: 49%;
    }

    .contact-us form .first_name {
        width: 98%;
        margin-right: 2%;
    }

    .contact-us form .last_name {
        width: 100%;
    }

    .contact-us form .email, 
    .contact-us form .phone {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .contact-us form .contact-type {
        width: 75%;
    }

    .contact-us form .contact-type,
    .contact-us form .contact-type option {
        font-size: .80em;
        font-family: "FuturaBT-Medium", sans-serif;
        color: var(--grey-font);
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        text-align: cebt;
        display: block;
    }

    .contact-us form .contact-type option {
        font-size: 1em;
    }

    .contact-us form .message {
        width: 100%;
        max-width: 500px;
        height: 150px;
        margin: 0 auto;
    }

    .contact-us form p {
        margin-top: 25px;
        font-size: 1.15em;
    }

    .contact-us form .submit-button {
        margin: 10px auto;
        width: 100px;
        background-color: var(--red-font);
        color: var(--white-bg);
        border: none;
        font-family: "FuturaBT ExtraBlack", sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        padding: 5px;
        font-size: .75em;
    }

    .contact-us {
      padding: 0 20px;
    }

    .sub-section > form > p > a {
        text-decoration: none;
        font-family: 'Futura Bold';
    }


    #footer {
      background: transparent;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      padding: 20px 0;
      font-size: 9pt
    }

    #footer > p {
      margin: 0;
    }

    #footer-links {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
    }

    #footer-links a {
      text-align: center;
      color: var(--grey-font);
      text-decoration: none;
      text-transform: uppercase;
      font-size: 9pt;
      font-family: "FuturaBT-Medium", sans-serif;
      padding:0px 10px;
    }

    #footer-new {
        background: #d0202e;
        border-top: solid 5px #4f4f4f;
        padding:30px 0px;
        color: white;
        position: relative;
        text-align: center !important;
    }

    #footer-new a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
    }

    .footer-col {
        position: relative;
        line-height: 2.5;
        margin-bottom: 20px;
    }

    .footer-align-bottom span{

    }

    .footer-col img {
        margin-right: 10px;
    }

     /* Marketing */

    #marketing-brands {
      padding: 40px 20px 0;
      background: var(--grey-bg);
    }

    #sample-items {
      padding: 40px 0;
    }

    #si-text {
      text-align: center;
      padding: 0 20px;
    }

    #si-promotions {
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .promo-section {
      display: none !important;
    }

    .promo-section-mobile {
      display: flex;
      transition: 0.2s;
      opacity: 1;
    }

    .promotion {
      display: flex;
      flex: 1 1 0px;
      height: calc(100vw / 2);
      cursor: pointer;
    }

    #gamblers-bonus  {
      background: url('../images/60000.jpg');
      background-position: center;
      background-size: cover;
    }

    #amazon-jewels {
      background: url('../images/amazon_jewels.jpg');
      background-position: center;
      background-size: cover;
    }

    #game-topper {
      background: url('../images/i3 game topper.jpg');
      background-position: center;
      background-size: cover;
    }

    #football {
      background: url('../images/football.jpg');
      background-position: center;
      background-size: cover;
    }

    #twenty-bill {
      background: url('../images/20 bill.jpg');
      background-position: center;
      background-size: cover;
    }

    #flyer {
      background: url('../images/i3 flyer.jpg');
      background-position: center;
      background-size: cover;
    }

    #mailer {
      background: url('../images/gb mailer.jpg');
      background-position: center;
      background-size: cover;
    }

    #ancient-thunder {
      background: url('../images/PV game topper.jpg');
      background-position: center;
      background-size: cover;
    }

    .promo-bg {
      background: url('../images/Rectangle 5.png');
      height: 66vw;
      width: 96vw;
      background-position: center;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
    }    

    #view-promo-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      visibility: hidden;
      opacity: 0;
      transition: 0.2s;
    }

    .close-btn {
      position: absolute;
      display: block;
      right: -5px;
      top: -10px;
    }

    .close-btn > img{
      width: 40px;
      height: 43px;
    }

    .gb-promo {
        background: url('../images/60000 banner.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 88vw;
    }

    .aj-promo {
        background: url('../images/amazon_jewels.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 76vw;
    }

    .gt-promo {
        background: url('../images/i3 game topper.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 54vw;
    }

    .fb-promo {
        background: url('../images/football.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 85vw;
    }

    .twenty-promo {
        background: url('../images/20 bill.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 56vw;
    }

    .i3-promo {
        background: url('../images/i3 flyer.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 70vw;
    }

    .gb-mailer-promo {
        background: url('../images/gb mailer.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 67vw;
    }

    .pv-game-topper-promo {
        background: url('../images/PV game topper.png');
        background-position: center;
        background-size: contain;
        z-index: 1000;
        background-repeat: no-repeat;
        height: 100%;
        width: 54vw;
    }

    /* About */

    .careers-header {
      padding: 0 20px;
    }

    .all-about > .container {
      padding: 40px 0;  
    }

    .mb-0 {
      margin-bottom: 0px !important;
    }

    .txt-no-transfrom {
			text-transform: none;
		}

		img.banner {
			width: 100%;
			max-width: 1920px;
		}

		.one-col-header {
			text-align: center;
			margin: 40px 0;
		}

		.one-col-header h1 {
			text-transform: uppercase;
		}

		.about-us-page h1 {
			font-size: 2em;
			text-align: center;
		}

		.person-bio img {
			max-width: 550px;
		}

		.person-bio h3 {
			font-size: 1.75em;
			margin-bottom: 0;
			text-transform: uppercase;
		}

		.person-bio h4 {
			font-size: 1em;
			font-family: "FuturaBT-Medium", sans-serif;
			text-transform: uppercase;
			font-weight: 100;
			color: var(--grey-font);
		}

		.person-bio p {
			margin-top: 25px;
			margin-bottom: 10px;
			text-transform: uppercase;
		}

		.person-bio a,
		.person-bio a.read-more {
			font-family: "FuturaBT-Medium", sans-serif;
			text-transform: uppercase;
		}

		.person-bio .read-more {
			display: none;
			text-transform: none;
		}

		.fav-quote {
			text-transform: uppercase;
    		color: var(--red-font);
		}

		.profile img {
			max-width: 450px;
		}

		.img-container {
			text-align: center;
		}

		.img-container img {
			width: 80%;
		}

    .col-1, .col-2 {
			float: none;
			width: auto;
		}

		.sub-section {
			clear: both;
		}

		.person-bio {
			text-align: center;
      padding: 0 20px;
      margin-bottom: 40px;
		}

		.sub-header {
			text-align: center;
		}

		.managers-sub-header {
			padding: 0 20px;
		}

		.sub-header h3 {
			text-transform: uppercase;
			font-size: 2em;
			letter-spacing: 1px;
		}

    #sample-bio-steven, 
    #sample-bio-heidi, 
    #sample-bio-cogswell, 
    #sample-bio-stone, 
    #sample-bio-hood, 
    #sample-bio-mullins, 
    #sample-bio-hadley,
    #sample-bio-richardson,
    #sample-bio-wolfe {
        display: inline;
        text-transform: none;
    }

    /* Careers */

    .positions {
      padding: 40px 20px;
    }
    .txt-no-transfrom {
        text-transform: none;
    }

    img.banner {
        width: 100%;
        max-width: 1920px;
        margin-top: 128px;
    }

    .one-col-header {
        text-align: center;
        margin: 40px 0;
    }


    .position {
        text-align: center;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .positions h2 {
        font-size: 3em;
        text-transform: uppercase;
    }

    .position h3,
    .position h4,
    .position h5 {
        color: var(--grey-font);
    }

    .position h3,
    .position h4,
    .position a {
        text-transform: uppercase;
    }

    .position h3,
    .position h4,
    .position h5,
    .position a {
        font-family: "FuturaBT-Medium", sans-serif;
        margin: 0;
        font-weight: 100;
    }

    .position a {
        text-transform: uppercase;
        text-decoration: none;
    }

    .position h3 {
        font-size: 1.65em;
    }

    .position h4 {
        font-size: 1em;
    }

    .position a {
        margin-bottom: 25px;
    }

    .position-detail {
        display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .row-btn-wrapper {
        display: flex;
        max-width: 425px;
        width:100%;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

     .red-btn-career {
      background: linear-gradient(#8c181a, #e51c24);
      text-decoration: none;
      color: white;
      text-transform: uppercase;
      display: inline-block;
      padding: 5px 10px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      letter-spacing: 1px;
      transition: 0.2s;
      cursor: pointer;
      margin: 0 !important;
    } 

    .position-detail p {
        margin: 25px auto;
    }

    .position-detail button {
        margin-bottom: 25px;
    }

    .job-btn:nth-child(0) {
        margin-right: 10px;
    }

    .job-btn:nth-child(1) {
        margin-left: 10px;
    }

    .job-btn:nth-child(0),
    .job-btn:nth-child(1) {
      margin: 0;
    }

    .home-slider-left > h1 {
      font-size: 2.75em;
    }

    /* Logos */
    .logo-header {
      margin-top: 170px;
      padding: 0 20px;
    }

    .logo-header-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }

    .logo-header-left {
      display: flex;
      flex-direction: column;
    }

    .logo-header-left > h1 {
      font-size: 10vw;
      margin: 0;
      text-transform: uppercase;
    }

    .logo-header-left > p {
      text-align: justify;
      margin-top: 10px;
    }

    .logo {
      /* padding: 0 20px; */
    }

    .logo-container {
      display: flex;
      flex-direction: column;
      padding: 40px 0;
    }

    .logo-header-text > h2 {
      font-size: 20pt;
      margin-bottom: 10px;
      text-align: left;
    }

    .logo-header-text > p {
      text-align: left;
    }

    .logo-main {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .logo-color {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-evenly;
      margin: 20px auto -40px;
    }

    .color-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 20px;
    }

    .color-wrapper p {
      color: var(--black-font);
    }

    .color {
      height: 80px;
      width: 80px;
      border-radius: 40px;
      margin-bottom: 10px;
    }

    #gb-red {
      background: #ee2025
    }

    #gb-black {
      background: #000000;
    }

    #gb-blue {
      background: #0019cd;
    }

    #gb-yellow {
      background: #ffcf00;
    }

    #gb-orange {
      background: #ffa900;
    }

    #i3-dark-blue {
        background: #000d6d ;
    }

    #i3-blue {
        background: #0000ff ;
    }

    #i3-gold {
        background: #d2a624 ;
    }

    #i3-off-white {
        background: #ffedc5 ;
    }

    #i3-dark-gold {
        background: #817419 ;
    }

    #cgt-red {
        background: #d0202e ;
    }

    #cgt-black {
        background: #000000 ;
    }

    #cgt-grey {
        background: #4f4f4f ;
    }

    #pv-black {
        background: #000000 ;
    }

    #pv-dark-blue {
        background: #2b388f ;
    }

    #pv-blue {
        background: #00adee ;
    }

    #pv-orange {
        background: #f36f21 ;
    }

    #pv-yellow {
        background: #fdb515 ;
    }


    .color-info {
      display: flex;
      justify-content: start;
      width: 170px;
    }

    .color-info > p {
      margin-bottom: 5px;
    }

    .color-name {
      width: 65px;
      text-align: left;
    }

    .logo-bg {
      padding: 20px;
    }

    .logo-bg-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .logo-bg-container > p {
      text-align: left;
    }

    .logo-bg-colors > img {
      width: 100%;
      max-width: 374px;
      margin-bottom:20px;
    }

    .logo-bg-colors {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding-bottom: 20px;
    }

    .logo-size-space {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      padding: 20px 0;
    }

    .logo-size-container, .logo-spacing-container, .logo-icon-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 20px;
    }

    .logo-misuse-cases {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
    }

    .logo-case {
      display: flex;
      flex-direction: column;
      width: 250px;
      margin-bottom: 20px;
    }

    .logo-case > img {
      margin: 0 auto 20px;
    }

    .logo-img-container {
      height: 95px;
      margin-bottom: 5px;
      text-align: center;
    } 

    .logo-case > p:nth-child(2) {
      text-align: left !important;
      margin-bottom: 5px;
    }

    .logo-case > p:nth-child(3) {
      text-align: left;
      margin:0;
    }

    .additional-assets {
      padding: 40px 0 0;
    }

    .aa-images {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      flex-wrap: wrap;
    }

    .aa-images > img {
      margin-bottom: 20px;
    }

    .help-questions {
      padding: 20px 0 0;
    }

    .logo-bg-container h4 {
      color: var(--red-font);
      margin-bottom: 5px;
      font-size: 14pt;
    }

    .logo-bg-container p{
      text-align: left !important;
    }

    .logo-size-space-img-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .logo-main > img {
        width: 100%;
        max-width: 750px;
    }

    .logo-bg-container h4, .iv-container h4{
      color: var(--red-font);
      font-size: 14pt;
      margin-bottom: 5px;
    }

    .logo-icon-container {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px
    }

    .logo-icon-vertical {
        padding: 0 20px;
    }

    .logo-icon-container > p {
        text-align: left;
    }

    .logo-bg-container p{
      text-align: left !important;
    }

    .logo-icon-container > img {
        width: 100%;
        max-width: 150px;
        margin: 0 auto;
    }

    .logo-size-space-img-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
    }

    .logo-size-space-img-wrapper > img {
        margin-bottom: 20px;
    }

    .logo-size-space-img-wrapper > img:nth-child(1) {
        width: 100%;
        max-width: 374px;
    }

    .logo-size-space-img-wrapper > img:nth-child(2) {
        width: 100%;
        max-width: 146px;
    }

    .logo-size-space-img-wrapper > img:nth-child(3) {
        width: 100%;
        max-width: 86px;
    }

    .logo-size-space-cgt {
        display: flex;
        flex-direction: column;
    }

    .logo-size-cgt-container, .logo-spacing-cgt-container {
        margin-bottom: 40px;
    }

    .swiper-slide {
        height: 300px !important;
        background: black;
        width: 216px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 4px solid white;
        padding: 20px;
        transition: 0.1s;
        opacity: 1;
        margin: 0 -50px;
        z-index: 1;
        border-radius: 5px;
        /* transform: translate3d(-175px, 0px, 0px); */
    }

    .carousel-card > p {
        color: white;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-container {
      visibility: hidden;
      opacity: 0;
      position: fixed;
      z-index: 100000;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      left: 50%;
      top: 353px;
      transform: translate(-50%,-50%);
      transition: 0.2s;
    }

    .swiper-wrapper {
      align-items: center;
    }

    .overlay-carousel {
      visibility: hidden;
      opacity: 0;
      height: 100%;
      z-index: 1000;
      width: 100%;
      position: fixed;
      margin-left: auto;
      margin-right: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));
      transition: 0.2s;
    }

    .swiper-button-next {
      background-image: url('../images/next-arrow.png');
      height: 50px !important;
      width: 50px !important;
      /* right: -55px !important */
    }

    .swiper-button-prev {
      background-image: url('../images/prev-arrow.png');
      height: 50px !important;
      width: 50px !important;
      /* left: -55px !important; */
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        display: none;
    }

    .swiper-button-next:after {
      display: none
    }

    .swiper-slide-active {
      /* margin: 0px -75px; */
      /* position: relative; */
      z-index: 1000 !important;
      height: 400px !important;
    }
    
    .swiper-slide-prev {
      /* margin-left: -100px; */
      z-index: 100 !important;
      height: 350px !important;
    }

    .swiper-slide-next {
      /* margin-right: -100px; */
      z-index: 100 !important;
      height: 350px !important;
    }

    .zindex {
      z-index: 50;
    }

    .zindex-2{
      z-index: 2;
    }

    .zindex-0 {
      z-index: 0;
    }

    /* * {
      border: 1px solid red;
    } */

    #how-it-started {
      padding: 40px 20px;
    }

    #how-it-started > .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    #how-it-started > .container > h3 {
      text-transform: uppercase;
    }

}

@media (min-width: 550px) and (max-width: 1099px) {
  .brand {
      display: flex;
      flex-direction: column;
      /* justify-content: center; */
      align-items: center;
      height: 281px;
      margin: 0px 15px 40px;
    }

    .brand:nth-child(5){
      height: auto !important;
    }
    
		.btn-red {
			display: inline-block;
			height: 40px;
			width: 200px;
			color: var(--white-bg);
			background-image: linear-gradient(to bottom, #8e181b 25%, #e81c24);
			border: none;
			border-radius: 8px;
			text-transform: uppercase;
			-webkit-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
			-moz-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
			box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
			font-family: "FuturaBT-Medium", sans-serif;
			font-size: 1em;
		}

		.btn-red:before { /* To center vertically - S/O https://stackoverflow.com/a/24685032 */
			content: '';
			display: inline-block;
			vertical-align: middle;
			height: 100%;
		}


    
}

@media (max-width: 550px) {
  .brand {
      display: flex;
      flex-direction: column;
      /* justify-content: center; */
      align-items: center;
      height: auto;
      margin: 0px 40px 40px;
    }

    
}