/*Colors
#004e64 dark blue
#00a5cf light blue
#012c38 black blue*/

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Lato', serif;
}

#wrapper {
	min-height:100%;
	position:relative;
}

#header {
	/*background:#ededed;
	padding:10px;*/
}

#content {
  padding-bottom: 160px;
}

#content-cta {
	padding-bottom:423px; /* Height of the footer element */
}

#content-cta-large {
	padding-bottom:423px; /* Height of the footer element */
}

#call-to-action {
  width:100%;
	height:263px;
	position:absolute;
	bottom:160px;
	left:0;
}

#call-to-action-large {
  width:100%;
	height:263px;
	position:absolute;
	bottom:160px;
	left:0;
}

#footer {
	width:100%;
	height:160px;
	position:absolute;
	bottom:0;
	left:0;
  background-image:
  linear-gradient(
    rgb(0, 161, 208), rgb(0, 97, 130)
  );
}

.fa.fa-linkedin-square {
  font-size: 1.3em;
}

.carousel, .item, .active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.caption {
  color: white;
  font-size: 38px;
}

.carousel-caption {
  margin-bottom: 25px;
}

#carousel-1 {
  background-image: url('../img/Carousel1.jpg');
  -webkit-filter: blur(3px);
	filter: blur(3px);
}

#carousel-2 {
  background-image: url('../img/Carousel2.jpg');
  -webkit-filter: blur(3px);
	filter: blur(3px);
}

#carousel-3 {
  background-image: url('../img/Carousel3.jpg');
  -webkit-filter: blur(3px);
	filter: blur(3px);
}
/* Background images are set within the HTML using inline CSS, not here */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    color: rgb(141, 195, 206);
}

h2 {
    font-size: 48px;
    padding-bottom: 20px;
    color: rgb(0, 97, 130);
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*---------------HEADER------------------*/

/* Dropdown Button */
.dropbtn {
    background: none;
    padding: 15px;
    border: none;
    cursor: pointer;
    line-height: 20px;
    text-transform: uppercase;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background: rgba(255,255,255,.80);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
  color: #337ab7;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {
    background-color: rgba(255,255,255,.80);
}*/

.navbar {
    height: 90px;
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.2s ease-in-out;
    font-size: 20px;
    text-transform: uppercase;
    background: rgba(255,255,255,.80);
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
}

.navbar-fixed-top .navbar-collapse {
  max-height: none;
}

#next-logo {
    margin: 0;
    width: 240px;
    height: 80px;
}

.nav-up {
    top: -90px;
}

body {
    padding-top: 90px
}

.my-button {
  padding-top: 9px !important;
}

/*.my-button:hover {
  background-color: none !important;
}*/

.btn-nav{
    padding: 6px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid rgb(0, 161, 208);
    background-color: rgb(0, 161, 208);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    font-size: 20px;
}

.btn-nav:hover {
    background-color: white;
    text-decoration: none;
}

.icon-bar { background-color: black; }

a { color: black; }

a:hover { text-decoration: none; }

.uppercase {
    text-transform: uppercase;
}

  /*.container {
    padding-left: 0px;
    padding-right: 0px;
  }*/

  .container-fluid {
    padding: 0;
  }

  /*-----------------OUR SERVICES ------------------*/

  /*.our_services {
      background: url(../img/serviceInfographic750.jpg);
      background-position: top;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 1200px;
  }*/

  .our_services {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #services-infographic{
    width: 100%;
    margin: auto;
    display: block;
    /*border: white solid 30px;*/
  }

  #services-infographic-link {
      background-image:url(../img/NextInfographicDesktop.jpg);
      background-position: top;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 100vh;
      display:block;
      overflow:hidden;
      text-indent:100%;
      white-space:nowrap;
  }

  .lightbox {
    display: none;
  }

  /*.our_services {
      background: url(../img/serviceInfographic750.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }*/

      /*background-image: url(../img/serviceInfographic750.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 1500px;
  }*/

  /*-----------------OUR MISSION ------------------*/

  .our_mission {
      padding-top: 50px;
      padding-bottom: 50px;
  }

  #colored {
    color: #00a5cf;
    font-variant: small-caps;
  }

  .our_mission h3 {
      font-family: 'Raleway', serif;
      font-size: 36px;
      text-transform: none;
      font-weight: bold;
      display: inline-block;
      color: black;
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 10px;
      padding-bottom: 50px;
  }

  .next-title {
    padding-top: 50px;
  }

  /*-----------------OUR CLIENTS AND TESTIMONIALS ------------------*/

  .our_clients_and_testimonials {
      padding-top: 50px;
      padding-bottom: 50px;
  }

  /*.client-logo {
    position: absolute;
    width: 320px;
    height: 209px;
    left: 0px;
    top: 0px;
    text-align: center;
  }

  .client-logo span {
    width: 320px;
    height: 209px;
    display: table-cell;
    vertical-align: middle;
    /*z-index: 2;*/

  .logo img {
    max-width: 275px;
    /*display: table-cell;
    vertical-align: middle;*/
  }

  .logo-quote {
    margin: 0;
    padding-bottom: 15px;
    text-align: center;
  }

  .client-quote {
      font-size: 15px;
      display: inline-block;
      padding-top: 10px;
  }

  .client-name, .client-title {
      text-align: center;
      font-weight: bold;
      font-size: 20px;
      color: rgb(0, 161, 208);
      line-height: 16px;
  }

  .client-title {
    font-size: 15px;
    color: rgb(141, 195, 206);
    font-style: italic;
  }

  .services-button {
    padding: 6px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid rgb(0, 161, 208);
    background-color: rgb(0, 161, 208);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    font-size: 20px;
  }

  .services-button:hover {
      background-color: white;
      text-decoration: none;
  }

  .clients-button {
    padding: 4px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid rgb(0, 161, 208);
    background-color: rgb(0, 161, 208);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    font-size: 16px;
  }

  .clients-button:hover {
      background-color: white;
      text-decoration: none;
  }

  .clients-button-spacing {
    margin-top: 20px;
  }

  /*----------------- FOOTER ------------------*/

  .footer {
      font-size: 22px;
      /*color: white;*/
      text-transform: uppercase;
      padding: 40px 60px 30px 60px;
      box-sizing: border-box;
      line-height: 16px;
  }

  .full-address {
    text-align: left;
  }

  .address {
      font-size: 60%;
      text-transform: none;
  }

  .copyright {
      font-size: 15px;
      color: black;
      text-transform: none;
      margin-top: 20px;
      text-align: right;
  }

  .footer-icons {
    font-size: 30px;
    padding: 20px 18px 0px 20px;
    text-align: center;
  }

  /*-----------------ANIMATIONS ------------------*/

  .our_mission h3 {
    opacity: 0;
  }

  .our_mission h3.animated {
    opacity: 1;
  }

  .js--wp-1 {
    opacity: 0;
  }

  .js--wp-1.animated {
    opacity: 1;
  }

  .js--wp-2 {
    opacity: 0;
  }

  .js--wp-2.animated {
    opacity: 1;
  }

  .js--wp-3 {
    opacity: 0;
  }

  .js--wp-3.animated {
    opacity: 1;
  }

  .js--wp-4 {
    opacity: 0;
  }

  .js--wp-4.animated {
    opacity: 1;
  }

  .js--wp-5 {
    opacity: 0;
  }

  .js--wp-5.animated {
    opacity: 1;
  }

  .js--wp-6 {
    opacity: 0;
  }

  .js--wp-6.animated {
    opacity: 1;
  }

  .js--wp-7 {
    opacity: 0;
  }

  .js--wp-7.animated {
    opacity: 1;
  }

  .js--wp-8 {
    opacity: 0;
  }

  .js--wp-8.animated {
    opacity: 1;
  }

  .js--wp-9 {
    opacity: 0;
  }

  .js--wp-9.animated {
    opacity: 1;
  }

  .js--wp-10 {
    opacity: 0;
  }

  .js--wp-10.animated {
    opacity: 1;
  }

  .js--wp-11 {
    opacity: 0;
  }

  .js--wp-11.animated {
    opacity: 1;
  }

  .js--wp-12 {
    opacity: 0;
  }

  .js--wp-12.animated {
    opacity: 1;
  }
  /*-----------------horizontal rule ------------------*/
  hr.style2 {
      border: 0;
      height: 1px;
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  }

  hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  }

  hr.team-member-border {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, rgb(0, 161, 208), #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, rgb(0, 161, 208), #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, rgb(0, 161, 208), #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, rgb(0, 161, 208), #f0f0f0);
    margin: 0px;
  }

  hr.services-title-border {
    border-top: 3px double rgb(0, 161, 208);
    border-length: 75%;
  }

  /*-----------------our story page ------------------*/
  .parallax {
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .parallax__layer--base {
    transform: translateZ(0);
  }
  .parallax__layer--back {
    transform: translateZ(-5px) scale(6);
  }
  #heritage-line {
      position: absolute;
      left: 50%;
      margin-left: -300px;
      z-index: 1;
      top: 87%;
      background: url(/img/timeline.png) center top no-repeat;
      height: 950%;
      background-size: auto 100%;
      width: 500px;
  }

  /*-----------------get in touch page ------------------*/

  #map {
      height: 50vh;
      max-height: 350px;
      width: 100%;
  }

  #get-in-touch {
    padding-top: 20px;
  }

  #radio-question {
    margin-bottom: 0;
  }

  #radio-choices {
    padding-left: 10px;
  }

  #submit-button : focus, hover{
    color: #23527c;
  }

  #submit-button {
    padding: 5px;
    margin-top: 8px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid rgb(0, 161, 208);
    background-color: rgb(0, 161, 208);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    font-size: 20px;
  }

  #submit-button:hover {
      background-color: white;
      text-decoration: none;
  }

  /*-----------------success message page ------------------*/

  .contactSuccess {
    font-size: 30px;
    padding-top: 150px;
    text-align: center;
  }

  /*-----------------meet the team page ------------------*/

  .banner-photo {
    height: 50vh;
    max-height: 350px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  #banner-team {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/meetTheTeamBanner.jpg);
  }

  .page-title {
    font-size: 48px;
    padding-top: 175px;
    padding-bottom: 30px;
    color: white;
    margin-top: 0;
  }

  .our-team {
    padding: 0;
  }

  .team-member {
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
  }

  img.profile-pic {
    opacity: 0.7;
    border-radius: 50%;
    width: 174px;
    height: 174px;
    /*margin: auto;*/
    /*overflow: hidden;*/
    margin-top: 25px;
    margin-bottom: 25px;
    transform: scale(1);
    transition: transform 0.5s, opacity 0.5s;
  }

  img.profile-pic:hover{
    opacity: 1;
    transform: scale(1.15);
  }

  .team-member-name {
    margin-bottom: 0px;
    padding-bottom: 10px;
  }

  #join-team-section {
    background-color: rgb(0, 97, 130);
    padding-bottom: 50px;
  }

  .join-team {
    background-color: rgb(0, 97, 130);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  #join-team-title {
    color: white;
    margin-top: 75px;
    font-size: 32px;
    margin-bottom: 75px;
  }

  #become-button {
    padding: 5px;
    margin-top: 8px;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid rgb(0, 161, 208);
    background-color: rgb(0, 161, 208);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    font-size: 20px;
  }

  #become-button : focus, hover{
    color: #23527c;
  }

  #become-button:hover {
      background-color: white;
      text-decoration: none;
  }

  /*-----------------project management services page ------------------*/

  #banner-our-services {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/servicesProjectAuditBanner.jpg);
  }

  #banner-lottery-services {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/lotteryServicesBanner.jpg);
  }

  #banner-training-services {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/servicesTrainingBannerCrop10.30.jpg);
  }

  .our-services {
    padding: 0;
    background-color: #f6f5f5;
  }

  .services-grid {
    padding: 0;
  }

  .services-sections {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .dark-blue {
    background-color: rgb(141, 195, 206);
  }

  .light-blue {
    background-color: rgb(0, 97, 130);
  }

  .services-block {
    color: white;
    line-height: 2;
    margin-bottom: 45px;
    /*padding-left: 75px;
    padding-right: 75px;*/
  }

  .services-title {
    font-size: 20px;
    color: rgb(141, 195, 206);
    font-weight: bold;
    text-align: center;
    text-transform: none;
  }

  p.services-description {
    padding-left: 25px;
    padding-right: 25px;
  }

  .services-images {
    overflow: hidden;
  }

  img.services-images {
    transform: scale(1);
    transition: transform 0.5s;
  }

  img.services-images:hover {
    transform: scale(1.15);
  }

  .services-list {
    padding-left: 50px;
    padding-right: 25px;
  }

  img.services-circles {
    opacity: 0.7;
    border-radius: 50%;
    width: 174px;
    height: 174px;
    /*margin: auto;*/
    /*overflow: hidden;*/
    margin-top: 25px;
    margin-bottom: 25px;
    /*margin-left: 32%;*/
    transform: scale(1);
    transition: transform 0.5s, opacity 0.5s;
  }

  img.services-circles:hover{
    opacity: 1;
    transform: scale(1.15);
  }

  .banner-blurb {
    text-align: center;
    color: white;
    font-size: 24px;
  }

  .featherlight-content {
    /*color: white;*/
    margin-left: 25%;
    margin-right: 25%;
    background-color: rgb(141, 195, 206);
    border: 3px solid white;
    border-radius: 5px;
  }

  .contact-us-title {
    margin-top: 75px;
    font-size: 32px;
    margin-bottom: 75px;
    text-align: center;
  }

  #meet-contact-us {
    color: white;
  }

  #services-contact-us {
    color: black;
  }

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

  .services-title::after{
    display: block;
    height: 2px;
    background-color: rgb(0, 97, 130);
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: 20px;
  }

  #work-with-us {
    padding-bottom: 50px;
  }

  .okMessage {
    font-size: 26px;
    padding-top: 100px;
  }

  .services-link a {
    font-size: 18px;
    color: #00a5cf;
    font-variant: small-caps;
  }

  .services-link a:hover {
    color: #004e64;
  }

  .services-link {
    text-align: center;
  }
  /*#004e64 dark blue
  #00a5cf light blue
  #012c38 black blue*/

  /*-----------------project management services page ------------------*/

  .lottery-paragraph {
    padding-bottom: 20px;
    font-size: 18px;
  }

  .lottery-bullet {
    line-height: 35px;
    margin-left: 15px;
  }

  .lottery-services {
    padding: 50px 0;
    background-color: #f6f5f5;
  }

  .services-link {
    padding-top: 20px;
  }

  /*-----------------client pages ------------------*/


  .clients-banner-title {
    text-transform: none;
    font-variant: small-caps;
    padding-top: 50px;
  }

  .logo-spacing {
    padding-top: 75px;
    padding-bottom: 30px;
  }

  .clients-logo-size {
    max-width: 300px;
    padding-top: 20px;
  }

  .client-headers {
    font-variant: small-caps;
    text-transform: none;
    font-size: 36px;
    color: black;
    text-align: center;
  }

  .details-title {
    font-size: 36px;
    color: black;
    text-transform: none;
    font-variant: small-caps;
  }

  .scorecard-spacing {
    padding: 50px 0;
    /*background-color: #f6f5f5;*/
  }

  .scorecard-spacing p {
    font-size: 18px;
  }

  .scorecard {
    /*border: white 1px solid;
    border-radius: 20px;
    background-color: rgb(0, 97, 130);*/
    color: black;
  }

  .scorecard li {
    list-style-type: none;
    font-size: 18px;
    padding: 4px;
    text-align: center;
  }

  .next-caps {
    font-variant: normal;
    text-transform: uppercase;
  }
  /*COUNTER*/

  /*.wrapper {
    width: 980px;
    margin: 30px auto;
    position: relative;
  }*/

  .counter {
    /*background-color: #ffffff;*/
    padding: 20px 0;
    border-radius: 5px;
  }

  .count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: black;
  }

  .count-text {
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: black;
  }

  .count-number {
    color: #0c51a1;
    font-size: 54px;
  }

    /*-----------------training Services ------------------*/

  .training-name, .training-title {
      font-weight: bold;
      font-size: 20px;
      color: rgb(0, 161, 208);
      line-height: 16px;
  }

  .training-title {
    font-size: 15px;
    color: rgb(141, 195, 206);
    font-style: italic;
  }

  .discussions-title {
    font-size: 20px;
    color: rgb(141, 195, 206);
    font-style: italic;
  }

  .training-bullet {
    line-height: 25px;
    margin-left: 15px;
    font-size: 18px;
  }

  .training-paragraph {
    /*padding-bottom: 5px;*/
    font-size: 18px;
  }

  .training-block {
    padding-bottom: 20px;
  }

  #difficult-discussions-icon {
    height: 250px;
    width: 250px;
  }

  /*Colors
  #004e64 dark blue
  #00a5cf light blue
  #012c38 black blue*/

  /*Logo Colors
  Dark Blue: rgb(0, 97, 130)
  Bright Blue: rgb(0, 161, 208)
  Light Blue: rgb(141, 195, 206)*/