@import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i";
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

/*
	Main stylesheet for the landing page.
  */
body {
  background-color: #e4e4e4;
}

section {
  background-color: #fff;
}

/**
  Fade.

  A useful, minimalistic animation.  Use this for nav items or something of the sort.
  */
/**
  Fade and scale.

  Useful for button-like components.  Use this for a simple fade and scale animation, that will bring users attention to element.
  */
* {
  text-rendering        : optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

div.page-wrapper {
  margin    : 0 auto;
  overflow  : hidden;
  box-shadow: 0px 0px 50px #adadad;
}

section.header div.jumbotron {
  background-size    : cover;
  background-position: center;
  background         : -webkit-linear-gradient(#ff8d3b, #ef662f);
  /* For Safari 5.1 to 6.0 */
  background         : -o-linear-gradient(#ff8d3b, #ef662f);
  /* For Opera 11.1 to 12.0 */
  background         : -moz-linear-gradient(#ff8d3b, #ef662f);
  /* For Firefox 3.6 to 15 */
  background         : linear-gradient(#ff8d3b, #ef662f);
  /* Standard syntax */
  color              : #fff;
  padding            : 100px 0px;
  margin             : 0;
  position           : relative;
  overflow           : hidden;
}

section.header div.jumbotron.main {
  background-size    : cover !important;
  background-position: center !important;
  background         : -webkit-linear-gradient(#4ebdeb, #3eb37d);
  /* For Safari 5.1 to 6.0 */
  background         : -o-linear-gradient(#4ebdeb, #3eb37d);
  /* For Opera 11.1 to 12.0 */
  background         : -moz-linear-gradient(#4ebdeb, #3eb37d);
  /* For Firefox 3.6 to 15 */
  background         : linear-gradient(#4ebdeb, #3eb37d);
  /* Standard syntax */
}

@media (min-width: 0px) {
  section.header div.jumbotron.main {
    padding: 100px 0px;
  }
}

@media (min-width: 768px) {
  section.header div.jumbotron.main {
    padding: 150px 0px 140px;
  }
}

section.header div.jumbotron.test {
  box-shadow: 0px 0px 50px #bb134a inset;
  background: -webkit-linear-gradient(#ff4987, #d30144);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ff4987, #d30144);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ff4987, #d30144);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ff4987, #d30144);
  /* Standard syntax */
}

section.header div.jumbotron div.input-group-custom {
  max-width: inherit;
  margin   : 0 auto;
}

section.header div.jumbotron div.colored-background {
  position  : absolute;
  width     : 100%;
  height    : 100%;
  z-index   : 1;
  top       : 0;
  opacity   : 0.9;
  background: -webkit-linear-gradient(#3F51B5, #17dec2);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3F51B5, #17dec2);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#3F51B5, #17dec2);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3F51B5, #17dec2);
  /* Standard syntax */
}

@media (min-width: 768px) {
  section.header div.jumbotron video {
    position: absolute;
    height  : 100%;
    top     : 0;
  }
}

@media (min-width: 1000px) {
  section.header div.jumbotron video {
    position: absolute;
    width   : 100%;
    height  : auto;
    top     : 0;
  }
}

div.header-metadata {
  text-align: center;
  position  : relative;
  z-index   : 3;
}

div.header-metadata img {
  margin: 0 auto;
  width : 130px;
}

div.header-metadata img.logo {
  width: 90px;
}

div.header-metadata h1 {
  visibility: hidden !important;
  display   : none !important;
}

div.header-metadata h2 {
  font-family: GothamBook, sans-serif;
  font-size  : 40px;
  font-weight: 500;
  max-width  : none;
  margin     : 60px auto 40px auto;
}

div.header-metadata p,
div.header-metadata h3 {
  font-family: GothamBook, sans-serif;
  line-height: 30px;
  margin     : 10px auto 15px;
  max-width  : 615px;
  font-size  : 16px;
  font-weight: 500;
}

div.header-metadata.product-header-metadata h2 {
  font-weight: 700;
}

button.btn-secondary,
a.btn-secondary {
  background-color: #14c7b0;
  color           : #fff;
  border-radius   : 0px;
  padding         : 8px 20px;
  font-weight     : 600;
  margin-top      : 10px;
  font-size       : 14px;
  font-family     : GothamBook, sans-serif;
  transition      : all 0.133s ease-in;
}

button.btn-secondary:hover,
a.btn-secondary:hover {
  background-color: #32ad91;
  color           : #fff;
}

button.btn-bordered-white,
a.btn-bordered-white {
  background-color: transparent;
  border          : 2px solid #fff;
  color           : #fff;
  border-radius   : 0px;
  padding         : 7px 20px;
  font-weight     : 600;
  margin-top      : 10px;
  font-size       : 14px;
  font-family     : GothamBook, sans-serif;
  transition      : all 0.133s ease-in;
}

button.btn-bordered-white:hover,
a.btn-bordered-white:hover {
  background-color: #fff;
  color           : #333;
}

button.btn-three,
a.btn-three {
  background-color: #F8E81C;
  color           : #333;
  border-radius   : 50px;
  padding         : 5px 25px;
  font-weight     : 700;
  margin-top      : 20px;
  font-size       : 14px;
  font-family     : GothamBook, sans-serif;
  transition      : all 0.133s ease-in;
}

button.btn-three:hover,
a.btn-three:hover {
  background-color: #333;
  color           : #fff;
}

button.btn-blue,
a.btn-blue {
  background-color: #14c7b0;
  color           : #fff;
  border-radius   : 50px;
  padding         : 5px 25px;
  font-weight     : 700;
  margin-top      : 20px;
  font-size       : 14px;
  font-family     : GothamBook, sans-serif;
  transition      : all 0.133s ease-in;
}

button.btn-blue:hover,
a.btn-blue:hover {
  background-color: #42b6e1;
  color           : #fff;
}

section.break h4,
section.break p {
  padding         : 7px;
  margin-bottom   : 0px;
  font-size       : 16px;
  margin-top      : 0px;
  color           : #e0e0e0;
  text-align      : center;
  font-weight     : 500;
  background-color: #282b32;
  font-family     : GothamBook, sans-serif;
}

section.break a.btn {
  margin: 0px 0px 0px 15px;
}

section.break div.triangle {
  margin      : 0 auto;
  width       : 0;
  height      : 0;
  border-left : 20px solid transparent;
  border-right: 20px solid transparent;
  border-top  : 20px solid #f6fafb;
}

@media (min-width: 0px) {
  section.what-is {
    text-align: center;
    padding   : 25px 0px;
  }
}

@media (min-width: 768px) {
  section.what-is {
    text-align: left;
    padding   : 80px 0px;
  }
}

section.what-is h3,
section.what-is p {
  font-family: GothamBook, sans-serif;
}

section.what-is h3 {
  color    : #14c7b0;
  font-size: 23px;
}

section.what-is p {
  color    : #202c38;
  font-size: 16px;
}

img.laptopImg {
  width     : 100%;
  height    : 185px;
  object-fit: contain;
  margin-top: 20px;
}

div.row.laptop-listing {
  padding: 60px 0px;
}

img.descriptionImg {
  height: 250px;
}

@media (min-width: 0px) {
  img.descriptionImg {
    width  : 250px;
    padding: 50px;
  }
}

@media (min-width: 768px) {
  img.descriptionImg {
    width  : 100%;
    padding: 0px;
  }
}

section.section-form {
  padding         : 20px;
  background-color: #f6fafb;
}

section.section-form h3,
section.section-form p {
  font-family: GothamBook, sans-serif;
}

section.section-form h3 {
  color    : #14c7b0;
  font-size: 23px;
}

section.section-form p {
  color    : #202c38;
  font-size: 16px;
}

section.section-form p {
  max-width    : 550px;
  margin       : 0 auto;
  margin-bottom: 20px;
}

section.section-form form {
  margin-top: 35px;
}

select.form-control.form-custom,
textarea.form-control.form-custom,
input.form-control.form-custom {
  border-color : #f1f1f1;
  padding      : 22px 13px;
  font-size    : 16px;
  font-family  : GothamBook, sans-serif;
  box-shadow   : unset;
  border-radius: 6px;
  max-width    : 100%;
}

select.form-control.form-custom::placeholder,
textarea.form-control.form-custom::placeholder,
input.form-control.form-custom::placeholder {
  color     : #c5c5c5;
  font-style: italic;
}

select.form-control.form-custom:placeholder-shown,
textarea.form-control.form-custom:placeholder-shown,
input.form-control.form-custom:placeholder-shown {
  color     : #c5c5c5;
  font-style: italic;
}

select.form-control.form-bordered,
textarea.form-control.form-bordered,
input.form-control.form-bordered {
  padding         : 22px 15px;
  color           : #fff;
  font-size       : 16px;
  border-color    : #fff;
  border-width    : 1px;
  border-radius   : 0px !important;
  background-color: transparent;
}

select.form-control.form-bordered::placeholder,
textarea.form-control.form-bordered::placeholder,
input.form-control.form-bordered::placeholder {
  color     : #e2e2e2;
  font-style: normal;
}

select.form-control.form-bordered::placeholder-shown,
textarea.form-control.form-bordered::placeholder-shown,
input.form-control.form-bordered::placeholder-shown {
  color     : #e2e2e2;
  font-style: normal;
}

textarea {
  resize: none !important;
}

textarea.form-custom {
  padding-top: 10px !important;
}

@media (min-width: 0px) {
  form.contact-form {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  form.contact-form {
    max-width: 800px;
    margin   : 0 auto;
  }
}

section.service-cta div.jumbotron {
  padding            : 80px;
  margin-bottom      : 0px;
  background-color   : #4ebdeb;
  background-position: center;
  background-size    : cover;
  background-repeat  : no-repeat;
  text-align         : center;
}

section.service-cta div.jumbotron h2 {
  color      : #fff;
  font-family: GothamBook, sans-serif;
  font-weight: 500;
  font-size  : 37px;
}

section.service-cta.product div.jumbotron {
  background-position: center;
  background-size    : cover;
  background-repeat  : no-repeat;
  background-color   : #F59131;
  height             : 420px;
}

footer {
  margin-top      : -3px;
  background-color: #282b32;
  padding         : 40px;
  color           : #fff;
  font-family     : GothamBook, sans-serif;
}

footer a.clean {
  color      : #00adda;
  font-weight: 800;
}

footer h2 {
  font-family: GothamBold, sans-serif;
}

footer h3 {
  line-height: 40px;
}

footer h5 {
  color    : #14c7b0;
  font-size: 16px;
  padding  : 10px 0px;
}

footer img {
  max-width: 150px;
}

footer img.logo {
  width: 25px;
}

footer ul.clean {
  padding-left: 0px;
}

footer ul.clean li {
  list-style: none;
  padding   : 3px 0px;
}

footer ul.clean li a {
  color: #afafaf;
}

/**
  PRODUCT STYLESHEET
  */
.navbar.navbar-custom {
  transition: background-color 0.133s ease-in;
  background: transparent;
  margin    : 0;
  border    : unset;
}

.navbar.navbar-custom .container {
  padding: 20px;
}

.navbar.navbar-custom a.navbar-brand {
  color         : #FFF;
  font-family   : GothamBook, sans-serif;
  font-weight   : 700;
  font-size     : 13px;
  letter-spacing: 5px;
}

.navbar.navbar-custom a.navbar-brand img {
  max-width: 200px;
}

.navbar.navbar-custom div.navbar-collapse {
  text-align: center;
}

.navbar.navbar-custom .navbar-nav li a,
.navbar.navbar-custom .navbar-right li a {
  padding    : 15px 15px;
  color      : #FFF;
  font-size  : 13px;
  font-weight: 600;
  font-family: GothamBold, sans-serif;
}

.navbar.navbar-custom .navbar-nav li a:hover,
.navbar.navbar-custom .navbar-right li a:hover {
  opacity: 0.75;
}

.navbar.navbar-custom .phone {
  font-family: GothamBook, sans-serif;
  font-weight: 700;
  font-size  : 20px;
  color      : #fff;
}

.navbar.navbar-custom .phone img {
  width         : 20px;
  padding-bottom: 1px;
}

.navbar.navbar-custom.scroll-through {
  background-color: #fff;
}

.navbar.navbar-custom.scroll-through a.navbar-brand {
  color: #000000;
}

.navbar.navbar-custom.scroll-through .navbar-nav li a,
.navbar.navbar-custom.scroll-through .navbar-right li a {
  color: #848484;
}

.navbar.navbar-custom div.navbar-header button.navbar-toggle {
  border: unset;
}

.navbar.navbar-custom div.navbar-header button.navbar-toggle span.icon-bar {
  background-color: #333;
}

.navbar.navbar-custom div.navbar-header button.navbar-toggle:focus {
  opacity         : 0.75;
  background-color: transparent;
}

.navbar.navbar-custom div.navbar-collapse.collapse.in,
.navbar.navbar-custom div.navbar-collapse.collapsing {
  border: none;
}

.navbar.navbar-custom div.navbar-collapse.collapse.in ul.navbar-right,
.navbar.navbar-custom div.navbar-collapse.collapsing ul.navbar-right {
  padding: 0px 30px;
}

.product-header .jumbotron {
  background-attachment: fixed;
  background-position  : center;
  background-repeat    : no-repeat;
  background-size      : cover;
  background-image     : url("https://s3-us-west-2.amazonaws.com/kicklanding/hero.jpg");
}

@media (min-width: 0px) {
  .product-header .jumbotron {
    padding: 70px !important;
  }
}

@media (min-width: 768px) {
  .product-header .jumbotron {
    padding: 120px !important;
  }
}

.btn-bordered {
  border-color: #F8E81C;
  padding     : 6px 25px;
  color       : #F8E81C;
  font-family : GothamBook, sans-serif;
  transition  : all 0.133s ease-in;
}

.btn-bordered:hover {
  background-color: #F8E81C;
}

.btn-bordered.nav {
  padding      : 5px 15px !important;
  margin       : 10px 5px !important;
  border-color : white;
  border-radius: 15px;
}

.btn-solid {
  background-color: #F8E81C;
  padding         : 6px 25px;
  color           : #333;
  font-family     : GothamBook, sans-serif;
  transition      : all 0.133s ease-in;
}

.btn-solid:hover {
  background-color: #F8E81C;
}

.btn-submit {
  padding         : 10px 5px;
  border-radius   : 3px;
  letter-spacing  : 2px;
  background-color: #F8E81C;
  text-transform  : uppercase;
  font-weight     : 700;
  font-family     : GothamBook, sans-serif;
  transition      : all 0.133s ease-in;
}

.btn-submit:hover {
  opacity: 0.5;
}

.btn-form-addon {
  padding         : 13px;
  border          : none;
  background-color: #14c7b0;
  color           : white;
  font-weight     : 800;
  transition      : all 0.133s ease-in;
}

.btn-form-addon:hover {
  background-color: #14c7b0;
  color           : white;
  opacity         : 0.5;
}

section.about-cta {
  background-color: #F4FEFF;
}

@media (min-width: 0px) {
  section.about-cta {
    padding: 25px;
  }
}

@media (min-width: 768px) {
  section.about-cta {
    padding: 80px;
  }
}

section.about-cta div.cta-meta {
  font-family: GothamBook, sans-serif;
}

section.about-cta div.cta-meta h3 {
  color: #616161;
}

section.about-cta div.cta-meta p {
  color: #202c38;
}

div.want-more-info {
  background-color: #E8F1F2;
  border-radius   : 10px;
  max-width       : 400px;
  padding         : 0px 40px 20px 40px;
}

@media (min-width: 0px) {
  div.want-more-info {
    margin-left: 0px;
  }
}

@media (min-width: 768px) {
  div.want-more-info {
    margin-left: 50px;
  }
}

@media (min-width: 0px) {
  div.want-more-info {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  div.want-more-info {
    margin-top: -140px;
  }
}

div.want-more-info h5 {
  text-align : center;
  font-size  : 25px;
  font-family: GothamBook, sans-serif;
  font-weight: 500;
  color      : #616161;
  padding    : 15px;
  margin     : 0;
}

div.detail-item .detail-icon {
  display: table-cell;
}

@media (min-width: 0px) {
  div.detail-item .detail-icon img {
    width: 43.33px;
  }
}

@media (min-width: 768px) {
  div.detail-item .detail-icon img {
    width: 60%;
  }
}

div.detail-item .detail-meta {
  display       : table-cell;
  vertical-align: middle;
  padding-left  : 7px;
  font-family   : GothamBook, sans-serif;
  text-align    : left;
}

div.detail-item .detail-meta strong {
  font-weight: 800;
  font-size  : 12px;
  color      : #F59131;
}

div.detail-item .detail-meta h4 {
  font-size: 17px;
  margin   : 0;
}

section.project-details {
  text-align: center;
}

@media (min-width: 0px) {
  section.project-details {
    padding: 25px;
  }
}

@media (min-width: 768px) {
  section.project-details {
    padding: 80px;
  }
}

section.project-details h3 {
  font-family   : GothamBook, sans-serif;
  color         : #616161;
  padding-bottom: 40px;
}

a.downloadMe {
  z-index         : 1000;
  background-color: red;
  color           : white;
  font-weight     : 800;
  text-align      : center;
}

a.downloadMe:hover {
  cursor: pointer;
}

div.fixed-cta {
  opacity         : 0.8;
  transition      : opacity 0.1s ease-in;
  padding         : 20px;
  max-width       : 350px;
  top             : 80px;
  border-radius   : 0px 20px 20px 0px;
  background-color: #f4feff;
  position        : fixed;
  z-index         : 1000;
  text-align      : center;
  font-family     : GothamBook, sans-serif;
}

div.fixed-cta:hover {
  opacity: 1;
}

div.fixed-cta h5 {
  margin   : 0;
  font-size: 20px;
}

div.fixed-cta p {
  color        : #616161;
  margin-bottom: 20px;
  padding      : 0px 20px;
}

div.fixed-cta .col-sm-6 img {
  display: block;
  margin : 0 auto;
}

div.fixed-cta .col-sm-6 a {
  margin-top: 10px;
  font-size : 12px;
}

div.contactModal .modal-body {
  padding: 25px 80px;
}

div.contactModal .modal-body h5 {
  font-family: GothamBook, sans-serif;
  font-weight: 700;
  margin     : 0;
  font-size  : 20px;
  text-align : center;
  padding    : 0px 20px 20px 20px;
}

section.break.learnmore {
  padding         : 50px;
  background-color: #f6fafb;
}

div.learnMoreIcon {
  text-align: center;
}

div.learnMoreIcon img {
  width     : 50px;
  height    : 50px;
  object-fit: contain;
}

div.learnMoreIcon h5 {
  font-size  : 17px;
  font-weight: 600;
  color      : #616161;
  font-family: GothamBook, sans-serif;
}

section.qa {
  padding   : 25px;
  text-align: center;
}

section.qa .qa-item {
  margin     : 40px 0px;
  font-family: GothamBook, sans-serif;
}

section.qa .qa-item h5 {
  margin   : 0;
  font-size: 20px;
  color    : #4fe3c3;
}

section.qa .qa-item p {
  padding-top: 12px;
  max-width  : 600px;
  margin     : 0 auto;
  color      : #3b7686;
}

section.qa .action-row {
  max-width: 600px;
  margin   : 0 auto;
}

section.qa .item-H img {
  display: block;
  margin : 0 auto;
}

section.qa .item-H a {
  margin-top: 10px;
  font-size : 12px;
}

hr.short {
  width       : 80px;
  border-color: gold;
  border-width: 2px;
}

section.advertisers {
  background-color: #282b32;
  padding         : 80px 0px;
  color           : white;
}

section.advertisers h2.section-title {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 80px;
}

section.advertisers div.info-item {
  display: table;
  padding: 15px;
}

section.advertisers div.info-item img {
  display: table-cell;
  width  : 50px;
}

section.advertisers div.info-item div.content {
  display       : table-cell;
  vertical-align: top;
  padding-left  : 15px;
}

section.advertisers div.info-item h5,
section.advertisers div.info-item h6,
section.advertisers div.info-item p {
  font-family: GothamBook, sans-serif;
  max-width  : 475px;
}

section.advertisers div.info-item h5 {
  font-size: 20px;
}

section.advertisers div.info-item h6 {
  font-size: 16px;
}

section.our-sites #sites {
  margin-top: -150px;
  position  : absolute;
}

section.our-sites h2.section-title {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 60px;
}

section.our-sites h3 {
  color      : #14c7b0;
  font-weight: 700;
}

section.our-sites p {
  max-width: 475px;
  font-size: 14px;
  color    : #5e5e5e;
}

div.shaded {
  padding         : 20px;
  background-color: #f9f9f9;
}

section.we-capture-information {
  padding: 50px 0px;
}

section.we-capture-information h2.section-title {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 60px;
}

section.we-capture-information img {
  width     : 200px;
  height    : 200px;
  object-fit: contain;
}

section.we-capture-information div.capture-point h5,
section.we-capture-information div.capture-point p {
  font-family: GothamBook, sans-serif;
}

section.we-capture-information div.capture-point h5 {
  font-weight  : 600;
  font-size    : 20px;
  margin-bottom: 0px;
}

section.we-capture-information div.capture-point p {
  font-weight: 300;
  font-size  : 16px;
}

section.about-us h3,
section.about-us p {
  font-family: GothamBook, sans-serif;
}

section.about-us h3 {
  font-weight: 700;
  color      : #14c7b0;
}

section.about-us p {
  color: #5e5e5e;
}

section.about-us div.col-sm-6 {
  text-align: center;
  padding   : 50px;
}

section.about-us div.col-sm-6 div.content {
  display   : inline-block;
  text-align: left;
}

section.about-us div.col-sm-6:first-child {
  background: #fbfbff;
}

section.about-us div.col-sm-6 p {
  max-width: 470px;
}

footer img {
  width        : 100%;
  height       : 60px;
  object-fit   : contain;
  margin-bottom: 20px;
  max-width    : none;
}

footer div.section-header {
  text-align: center;
  padding   : 30px 0px;
}

footer div.section-header h2 {
  font-weight: 700;
  margin-top : 0px;
}

footer div.section-header h3 {
  margin     : 5px auto 5px;
  max-width  : 500px;
  font-weight: 300;
}

section.final {
  padding         : 30px 0px;
  background-color: #181a1f;
  color           : #fff;
  font-weight     : 400;
  font-size       : 12px;
  text-align      : center;
  font-family     : GothamBook, sans-serif;
}

div.website-listing {
  padding: 0px 50px 50px 50px;
}

div.website-listing.first {
  padding-top: 100px;
}

@media (min-width: 0px) {

  div.website-listing.first h2,
  div.website-listing.first h5 {
    display: block !important;
  }
}

@media (min-width: 768px) {

  div.website-listing.first h2,
  div.website-listing.first h5 {
    display: none !important;
  }
}

div.website-listing h2 {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 20px;
  color        : #333333;
}

div.website-listing h5 {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  font-size    : 20px;
  color        : gray;
  font-weight  : 500;
  margin-bottom: 60px;
}

div.website-listing img {
  width     : 100%;
  box-shadow: 0px 0px 35px #a9a9a9;
  margin-top: 0px;
}

section.lead-reserve {
  padding         : 50px;
  background-color: #333333;
}

section.lead-reserve h2.section-title {
  font-family   : GothamBold, sans-serif;
  text-align    : center;
  font-weight   : 700;
  margin-bottom : 20px;
  letter-spacing: 10px;
  color         : #ffffff;
}

section.lead-reserve h5 {
  font-family: GothamBook, sans-serif;
  font-weight: 500;
  font-size  : 16px;
  text-align : center;
  color      : #ffffff;
  max-width  : 500px;
  margin     : 0 auto 30px;
}

section.why-were-different {
  padding            : 50px;
  background-image   : url("/public/img/Why-Were-Better.png");
  background-size    : cover;
  background-position: center;
}

section.why-were-different h2.section-title {
  font-family  : GothamBold, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 10px;
  color        : #ffffff;
}

section.why-were-different h5.section-subtitle {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  margin-bottom: 60px;
  color        : #ffffff;
  font-size    : 16px;
  font-weight  : 500;
}

section.why-were-different div.col-sm-6 {
  padding: 15px 0px;
}

section.why-were-different i {
  display         : inline-block;
  padding         : 7px 7px;
  font-size       : 1.5rem;
  color           : white;
  background-color: #21b9f3;
  border-radius   : 20px;
  margin-right    : 15px;
  vertical-align  : top;
}

section.why-were-different strong {
  display    : inline-block;
  font-family: GothamBook, sans-serif;
  font-size  : 18px;
  color      : white;
  font-weight: 500;
}

@media (min-width: 0px) {
  section.why-were-different strong {
    width: 200px;
  }
}

@media (min-width: 768px) {
  section.why-were-different strong {
    width: 385px;
  }
}

@media (min-width: 1200px) {
  section.why-were-different strong {
    width: 475px;
  }
}

section.services-offered {
  background-color: #f9f9f9;
  padding         : 50px;
}

section.services-offered h2.section-title {
  font-family  : GothamBold, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 30px;
}

section.services-offered h5 {
  font-weight: 800;
  font-family: GothamBook, sans-serif;
}

section.services-offered p {
  color      : gray;
  font-weight: 500;
  font-family: GothamBook, sans-serif;
}

section.services-offered div.ActionItem {
  padding         : 15px;
  background-color: #ffffff;
  border-radius   : 5px;
  box-shadow      : 0px 0px 25px #eaeaea;
  margin          : 10px;
  min-height      : 180px;
}

section.services-offered div.ActionItem p {
  line-height: 25px;
}

section.what-we-do-best {
  position        : relative;
  padding         : 50px;
  background-color: #333333;
}

section.what-we-do-best h2.section-title {
  font-family  : GothamBold, sans-serif;
  text-align   : center;
  font-weight  : 700;
  margin-bottom: 60px;
}

@media (min-width: 0px) {
  section.what-we-do-best div.bestItem {
    margin: 25px 0px;
  }
}

@media (min-width: 768px) {
  section.what-we-do-best div.bestItem {
    margin: auto;
  }
}

section.what-we-do-best div.bestItem img {
  width     : 75px;
  height    : 75px;
  object-fit: cover;
  display   : block;
  margin    : 0 auto;
}

section.what-we-do-best div.bestItem h2 {
  font-family: GothamBook, sans-serif;
  text-align : center;
  font-weight: 500;
  color      : #ffffff;
  font-size  : 20px;
}

section.what-we-do-best div.bestItem h5 {
  font-family  : GothamBook, sans-serif;
  text-align   : center;
  font-size    : 14px;
  color        : #cccccc;
  line-height  : 20px;
  font-weight  : 500;
  margin-bottom: 10px;
}

section.verticals {
  background-color: #f9f9f9;
  padding         : 50px;
}

section.generating-traffic div.container-fluid {
  padding: 0px !important;
}

section.generating-traffic div.content-metadata {
  padding: 40px 50px;
}

section.generating-traffic img {
  width          : 100%;
  height         : 400px;
  display        : block;
  object-fit     : cover;
  object-position: center;
}

section.generating-traffic h2.section-title {
  font-family  : GothamBold, sans-serif;
  text-align   : left;
  font-weight  : 700;
  margin-bottom: 20px;
}

section.generating-traffic h5 {
  font-family: GothamBook, sans-serif;
  font-weight: 500;
  font-size  : 16px;
  line-height: 40px;
  color      : gray;
}

div.triangle {
  width        : 0px;
  height       : 0px;
  line-height  : 0px;
  border-width : 0px 100px 100px 100px;
  border-color : transparent transparent #007bff transparent;
  _border-color: #000 #000 #007bff #000;
  _filter      : progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  border-color : transparent transparent #a2c4e8;
  border-width : 0px 0px 200px 200px;
  border-style : solid;
}

div.triangle.top {
  position    : absolute;
  z-index     : 1;
  top         : -50px;
  left        : 0;
  border-width: 0 0 50px 100vw;
  border-color: transparent transparent #333333 transparent;
}

div.triangle.bottom {
  position    : absolute;
  z-index     : 1;
  bottom      : -50px;
  left        : 0;
  border-width: 50px 100vw 0 0;
  border-color: #333333 transparent transparent transparent;
}

div.triangle.bottom.white {
  border-color: #ffffff transparent transparent transparent;
}

div.triangle.bottom.gray {
  border-color: #f9f9f9 transparent transparent transparent;
}

section {
  position: relative;
}

section h3.section-floating-title {
  font-family: GothamBook, sans-serif;
  font-weight: 700;
  color      : #000000;
  top        : 40px;
  left       : 20px;
  position   : absolute;
  opacity    : 0.2;
}

@media (min-width: 0px) {
  section h3.section-floating-title {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  section h3.section-floating-title {
    font-size: 74px;
  }
}

div.verticalItem {
  position: relative;
  margin  : 15px;
}

div.verticalItem img {
  height         : 350px;
  object-fit     : cover;
  object-position: center;
}

div.verticalItem div.colored-background {
  position  : absolute;
  width     : 100%;
  height    : 100%;
  z-index   : 1;
  top       : 0;
  opacity   : 0.6;
  background: -webkit-linear-gradient(#394aa4, #15c7b0);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#394aa4, #15c7b0);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#394aa4, #15c7b0);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#394aa4, #15c7b0);
  /* Standard syntax */
}

div.verticalItem div.metadata {
  position: absolute;
  left    : 15px;
  bottom  : 15px;
  z-index : 3;
  color   : white;
}

div.verticalItem div.metadata h5 {
  font-size  : 30px;
  font-family: GothamBook, sans-serif;
  font-weight: 100;
}

div.verticalItem div.metadata p {
  font-size  : 16px;
  font-family: GothamBook, sans-serif;
  font-weight: 100;
}

section.services-section div.container-fluid {
  padding: 0px !important;
}

section.services-section div.content-metadata {
  padding: 40px 50px;
}

section.services-section img {
  width          : 100%;
  height         : 400px;
  display        : block;
  object-fit     : cover;
  object-position: center;
}

section.services-section h2.section-title {
  font-family  : GothamBold, sans-serif;
  text-align   : left;
  font-weight  : 700;
  margin-bottom: 20px;
}

section.services-section h5 {
  font-family: GothamBook, sans-serif;
  font-weight: 500;
  font-size  : 16px;
  line-height: 40px;
  color      : gray;
}