@charset "UTF-8";
@font-face {
  font-family: "Century Gothic Bold";
  src: url("fonts/CenturyGothic-Bold.eot");
  src: url("fonts/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/CenturyGothic-Bold.woff2") format("woff2"), url("fonts/CenturyGothic-Bold.woff") format("woff"), url("fonts/CenturyGothic-Bold.ttf") format("truetype"), url("fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Century Gothic";
  src: url("fonts/CenturyGothic.eot");
  src: url("fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("fonts/CenturyGothic.woff2") format("woff2"), url("fonts/CenturyGothic.woff") format("woff"), url("fonts/CenturyGothic.ttf") format("truetype"), url("fonts/CenturyGothic.svg#CenturyGothic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Century Gothic Italic";
  src: url("fonts/CenturyGothic-Italic.eot");
  src: url("fonts/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/CenturyGothic-Italic.woff2") format("woff2"), url("fonts/CenturyGothic-Italic.woff") format("woff"), url("fonts/CenturyGothic-Italic.ttf") format("truetype"), url("fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Georgia";
  src: url("fonts/Georgia.eot");
  src: url("fonts/Georgia.eot?#iefix") format("embedded-opentype"), url("fonts/Georgia.woff2") format("woff2"), url("fonts/Georgia.woff") format("woff"), url("fonts/Georgia.ttf") format("truetype"), url("fonts/Georgia.svg#Georgia") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic", sans-serif;
  font-size: 16px;
  background: white;
}
body .orangeGrad {
  background: #F05816;
  background: -webkit-linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%) !important;
  background: -moz-linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%) !important;
  background: linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F05816", endColorstr="#8E3008", GradientType=0 );
}
body {
  /*&.home {
      .site-main {
          margin-top:0px;
      }
  }*/
}
body .site-main {
  margin-top: 110px;
}
body #site-footer {
  display: none;
}
body a.button {
  transition: all 0.3s ease;
  transform: scale(1);
}
body a.button:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
  cursor: pointer;
}
body .page-container {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
body section {
  padding: 0;
}
body h1, body h2, body h4, body h3 {
  margin-left: 0;
  margin-right: 0;
  letter-spacing: 0em;
}
body h1 {
  font-family: "Georgia";
  text-align: center;
}

header {
  width: 100%;
  height: 112px;
  position: fixed;
  top: 0;
  z-index: 101;
}
header .mainNav {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: rgba(255, 255, 255, 0.9);
  /*.home & {
  	background:transparent;
  }*/
}
header .mainNav .page-container {
  justify-content: space-between;
}
header .mainNav .logo {
  max-width: 250px;
  display: block;
  margin-left: 1.25rem;
  z-index: 2;
}
@media screen and (max-width: 1297px) {
  header .mainNav .logo {
    z-index: 11;
  }
}
header .mainNav .logo img,
header .mainNav .logo svg {
  width: 100%;
  display: block;
}
header .mainNav .logo {
  /* TEMP HOLDING PAGE */
  /*.home & {
  	svg {
  		path {
  			fill:#fff;
  		}
  	}
  }*/
}
header .mainNav .mobile-menu {
  display: block;
  z-index: 11;
  width: 35px;
  margin-right: 1.25rem;
  z-index: 2;
  /*.home & {
  	display:none;
  }*/
}
header .mainNav .mobile-menu a {
  width: 100%;
  display: block;
}
header .mainNav .mobile-menu svg {
  width: 100%;
}
header .mainNav .mobile-menu svg #top-rect {
  transform: rotate(0deg) translateY(0px);
  transform-origin: center;
  transition: all 0.3s ease;
  fill: #333;
}
header .mainNav .mobile-menu svg #middle-rect {
  opacity: 1;
  transition: all 0.3s ease;
  fill: #333;
}
header .mainNav .mobile-menu svg #bottom-rect {
  transform: rotate(0deg) translateY(0px) translateX(0px);
  transform-origin: center;
  transition: all 0.3s ease;
  fill: #333;
}
header .mainNav .mobile-menu.active svg #top-rect {
  transform: rotate(45deg) translateY(15px);
  transform-origin: center;
  transition: all 0.3s ease;
  fill: #e35e24;
}
header .mainNav .mobile-menu.active svg #middle-rect {
  opacity: 0;
  transition: all 0.3s ease;
}
header .mainNav .mobile-menu.active svg #bottom-rect {
  transform: rotate(-45deg) translateY(-23px) translateX(4px);
  transform-origin: center;
  transition: all 0.3s ease;
  fill: #e35e24;
}
header .mainNav ul {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(255, 255, 255, 0.95);
  padding: 0;
  display: flex;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  margin-right: 0vw;
  z-index: 1;
  transition: all 0.5s ease;
  transform: translateX(101%);
}
header .mainNav ul.active {
  transition: all 0.5s ease;
  transform: translateX(0%);
}
@media screen and (max-width: 1297px) {
  header .mainNav ul {
    /*position:fixed;
    height: 195vh;
    width: 100%;
    background: white;
    flex-direction: column;
    z-index:10;
    justify-content: flex-start;
    transform: translateY(48%);
    /*left:100%;*/
    /*transition:all 0.3s ease;
    padding-top:80px;
    .active & {
    	position:fixed;
        height: 195vh;
        width: 100%;
        background: white;
        flex-direction: column;
        z-index:10;
        justify-content: flex-start;
        transform: translateY(48%);
        left:0;
        transition:all 0.3s ease;
    }*/
  }
}
header .mainNav ul li {
  margin: 0;
  margin-right: 40px;
  margin-bottom: 30px;
  text-align: right;
}
header .mainNav ul li.current-menu-item a {
  font-weight: 600;
}
header .mainNav ul li a {
  font-family: "Georgia";
  font-weight: 300;
  text-decoration: none;
  color: #072b52;
  font-size: 50px;
  transition: all 0.3s ease;
  transform: scale(1);
  display: block;
}
header .mainNav ul li a:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
  transform-origin: right center;
  color: #e35e24;
}
@media screen and (min-width: 1400px) {
  header .mainNav ul li a {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  header .mainNav ul li a {
    font-size: 45px;
  }
}
header .mainNav ul li:last-of-type {
  margin-bottom: 0;
}
header .SecondNav {
  background: rgb(227, 238, 255);
  background: linear-gradient(90deg, rgb(227, 238, 255) 0%, rgb(223, 217, 255) 100%);
  display: none;
}
header .SecondNav ul {
  padding: 0;
  display: flex;
  list-style: none;
  flex: 1 1;
  justify-content: flex-end;
  margin-right: 15.75vw;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1297px) {
  header .SecondNav ul {
    margin-right: 0;
    margin-left: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
}
header .SecondNav ul li {
  margin-right: 1.5vw;
}
header .SecondNav ul li a {
  font-weight: 300;
  text-decoration: none;
  color: #072b52;
  font-size: 11px;
  transition: all 0.3s ease;
  display: block;
  transform: scale(1);
}
header .SecondNav ul li a:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
}
@media screen and (min-width: 1400px) {
  header .SecondNav ul li a {
    font-size: 11px;
  }
}
header .SecondNav ul li a.active {
  font-weight: 600;
}
header .SecondNav ul li:last-of-type {
  margin-right: 0vw;
}
@media screen and (max-width: 820px) {
  header .SecondNav ul li {
    margin: 0.5rem 0;
    margin-right: 2.5vw;
  }
}
@media screen and (max-width: 414px) {
  header .SecondNav ul li:nth-child(2) {
    margin-right: 0;
  }
  .support header .SecondNav ul li:nth-child(2) {
    margin-right: 1.5vw;
  }
}

footer {
  margin: 0 auto;
  /*.home & {
  	display:none;
  }*/
}
footer .container {
  display: flex;
  justify-content: space-between;
  max-width: 1500px;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #333333;
}
@media screen and (max-width: 988px) {
  footer .container {
    flex-direction: column;
  }
}
footer .container .disclaimer {
  width: 50%;
}
footer .container .disclaimer p {
  margin: 30px 0;
}
@media screen and (max-width: 988px) {
  footer .container .disclaimer p {
    text-align: center;
  }
}
@media screen and (max-width: 988px) {
  footer .container .disclaimer {
    width: 100%;
  }
}
footer .container .nav {
  width: 50%;
}
@media screen and (max-width: 988px) {
  footer .container .nav {
    width: 100%;
  }
}
footer .container .nav ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  list-style-type: none;
  margin: 30px 0;
}
@media screen and (max-width: 988px) {
  footer .container .nav ul {
    justify-content: center;
  }
}
footer .container .nav ul li {
  margin-left: 20px;
}
@media screen and (max-width: 471px) {
  footer .container .nav ul li {
    margin-left: 10px;
  }
}
footer .container .nav ul li:before {
  content: "•";
  margin-right: 20px;
}
@media screen and (max-width: 471px) {
  footer .container .nav ul li:before {
    margin-right: 10px;
  }
}
footer .container .nav ul li a {
  text-decoration: none;
  color: #333333;
  transition: all 0.3s ease;
  transform: scale(1);
  display: inline-block;
}
footer .container .nav ul li a:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
}
@media screen and (max-width: 988px) {
  footer .container .nav ul li a {
    font-size: 12px;
  }
}
footer .container .nav ul li:first-of-type:before {
  display: none;
}
@media screen and (max-width: 471px) {
  footer .container .nav ul li:first-of-type {
    margin-left: 0;
  }
}

.header-block {
  margin: 0 auto;
}
.header-block.columns .container {
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .header-block.columns .container {
    background-size: 200% !important;
    padding-bottom: 0;
  }
}
.header-block.columns .container .headers {
  padding-bottom: 60px;
}
.header-block.columns .container h2 {
  width: 55%;
}
@media screen and (max-width: 767px) {
  .header-block.columns .container h2 {
    width: 80%;
  }
}
.header-block.columns .container .mousedown {
  position: relative;
  left: 0;
  transform: translateX(0);
  margin-top: 100px;
  margin-bottom: 60px;
}
.header-block.columns .columnHeader p {
  text-align: center;
  font-size: 25px;
}
.header-block.columns .columnHeader p.intro {
  color: #e35e24;
  font-family: "Century Gothic Bold";
}
.header-block.columns .columnHeader .columnsWrap {
  width: 100%;
  position: relative;
  background: #fff;
}
.header-block.columns .columnHeader .columns {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin: 40px auto 0;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header-block.columns .columnHeader .columns {
    flex-direction: column;
  }
}
.header-block.columns .columnHeader .columns .column {
  width: 33.333333%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .header-block.columns .columnHeader .columns .column {
    width: 100%;
  }
}
.header-block.columns .columnHeader .columns .column.light-gray {
  background: #deded6;
}
.header-block.columns .columnHeader .columns .column.light-gray .columnIntro {
  color: black;
}
.header-block.columns .columnHeader .columns .column.light-gray .bullets {
  flex-grow: 1;
}
.header-block.columns .columnHeader .columns .column.light-gray .bullets:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-top-black.png") no-repeat top center;
  background-size: 100%;
  display: none;
}
.header-block.columns .columnHeader .columns .column.light-gray .bullets:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-bottom-black.png") no-repeat bottom center;
  background-size: 100%;
  display: none;
}
.header-block.columns .columnHeader .columns .column.light-gray .bullets p {
  color: black;
}
.header-block.columns .columnHeader .columns .column.light-gray .bullets ul li {
  color: black;
}
.header-block.columns .columnHeader .columns .column.purple {
  background: #8476d9;
}
.header-block.columns .columnHeader .columns .column.purple .columnIntro {
  color: white;
}
.header-block.columns .columnHeader .columns .column.purple .bullets {
  flex-grow: 1;
}
.header-block.columns .columnHeader .columns .column.purple .bullets:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-top.png") no-repeat top center;
  background-size: 100%;
  display: none;
}
.header-block.columns .columnHeader .columns .column.purple .bullets:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-bottom.png") no-repeat bottom center;
  background-size: 100%;
  display: none;
}
.header-block.columns .columnHeader .columns .column.purple .bullets p {
  color: white;
}
.header-block.columns .columnHeader .columns .column.purple .bullets ul li {
  color: white;
}
.header-block.columns .columnHeader .columns .column.dark-grey {
  background: #333333;
  /*border:1px solid #fff;*/
}
.header-block.columns .columnHeader .columns .column.dark-grey .columnIntro {
  color: white;
}
.header-block.columns .columnHeader .columns .column.dark-grey .bullets {
  flex-grow: 1;
}
.header-block.columns .columnHeader .columns .column.dark-grey .bullets:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-top.png") no-repeat top center;
  background-size: 100%;
  display: none;
}
.header-block.columns .columnHeader .columns .column.dark-grey .bullets:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-bottom.png") no-repeat bottom center;
  background-size: 100%;
  display: none;
}
.header-block.columns .columnHeader .columns .column.dark-grey .bullets p {
  color: white;
}
.header-block.columns .columnHeader .columns .column.dark-grey .bullets ul li {
  color: white;
}
.header-block.columns .columnHeader .columns .column .columnIntro {
  font-size: 20px;
  padding-top: 40px;
}
.header-block.columns .columnHeader .columns .column .columnIntro strong {
  font-family: "Century Gothic Bold";
}
.header-block.columns .columnHeader .columns .column .bullets {
  position: relative;
  width: 87.5%;
  margin: 0 auto 30px;
  padding: 25px 0;
}
.header-block.columns .columnHeader .columns .column .bullets p {
  font-size: 18px;
  margin-top: 0;
}
.header-block.columns .columnHeader .columns .column .bullets p strong {
  font-family: "Century Gothic Bold";
}
.header-block.columns .columnHeader .columns .column .bullets ul {
  width: 87.5%;
  margin: 0 auto;
  padding-left: 1rem;
}
.header-block.columns .columnHeader .columns .column .bullets ul li {
  font-size: 18px;
  margin-bottom: 10px;
}
.header-block .container {
  max-width: 1500px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background: #fff;
  /*.home & {
  	height: 100vh !important;
  }*/
}
.header-block .container.orangeGrad {
  background: #F05816;
  background: -webkit-linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%);
  background: -moz-linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%);
  background: linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 			  startColorstr="#F05816", 			  endColorstr="#8E3008", 			  GradientType=0 			);
}
.header-block .container.orangeGrad h1 {
  color: white;
}
.header-block .container.orangeGrad h2 {
  color: white;
}
.header-block .container.orange {
  background: #e35e24;
}
.header-block .container.orange h1 {
  color: white;
}
.header-block .container.orange h2 {
  color: white;
}
.header-block .container.grey {
  background: #deded6;
}
.header-block .container.grey h1 {
  color: #e35e24;
}
.header-block .container.grey h2 {
  color: #000000;
}
.header-block .container h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 90%;
  color: #e35e24;
}
.header-block .container h1 span {
  color: #333333;
}
@media screen and (max-width: 767px) {
  .header-block .container h1 {
    max-width: 80%;
  }
}
.header-block .container h2 {
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
}
.header-block .container h2 strong {
  font-family: "Century Gothic Bold";
}
@media screen and (max-width: 767px) {
  .header-block .container h2 {
    max-width: 80%;
  }
}
.header-block .container .mousedown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
  max-width: 20px;
  margin: 0 auto;
  display: none;
  /*.home & {
  	display:none;
  }*/
}
@media screen and (max-width: 767px) {
  .header-block .container .mousedown {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .header-block .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.text-block .container {
  max-width: 1500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 60px 0;
  margin: 0 auto;
}
.text-block .container h3 {
  font-family: "Century Gothic Bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 90%;
  text-align: center;
}
.text-block .container h3 span {
  color: #333333;
}
.text-block .container h3.linkButtonIntro {
  margin-bottom: 5px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .text-block .container h3 {
    max-width: 90%;
  }
}
.text-block .container p {
  font-family: "Century Gothic";
  font-size: 18px;
  text-align: center;
  max-width: 60%;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .text-block .container p {
    max-width: 80%;
  }
}
.text-block .container a.button {
  font-family: "Century Gothic Bold";
  font-size: 14px;
  color: white;
  min-width: 330px;
  align-self: center;
  text-align: center;
  border-radius: 25px;
  padding: 15px 20px;
  text-decoration: none;
  background: #333;
}

.two-column-block .container {
  max-width: 1500px;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .two-column-block .container {
    flex-direction: column;
  }
}
.two-column-block .container .left {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .two-column-block .container .left {
    width: 100%;
  }
}
.two-column-block .container .right {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .two-column-block .container .right {
    width: 100%;
  }
}
.two-column-block .container .contentWrapper {
  width: 80%;
  margin: 0 auto;
  position: relative;
  min-height: 280px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 30px;
  flex-grow: 1;
  padding-top: 30px;
}
.two-column-block .container .contentWrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-top.png") no-repeat top center;
  background-size: 100%;
}
.two-column-block .container .contentWrapper:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-bottom.png") no-repeat bottom center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .two-column-block .container .contentWrapper {
    width: 95%;
    min-height: auto;
  }
}
.two-column-block .container h2 {
  font-family: "Georgia";
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  margin: 40px auto 50px;
  max-width: 90%;
  color: white;
}
.two-column-block .container h2 span {
  color: #333333;
}
.two-column-block .container .intro {
  margin: 0 auto;
  width: 100%;
  z-index: 2;
}
.two-column-block .container .intro p {
  font-family: "Century Gothic Bold";
  font-size: 20px;
  text-align: center;
  max-width: 75%;
  margin-top: 0;
  color: white;
  margin: 0 auto 25px;
}
@media screen and (max-width: 767px) {
  .two-column-block .container .intro p {
    max-width: 90%;
  }
}
.two-column-block .container .copy {
  margin: 0 auto;
  width: 100%;
  z-index: 2;
}
.two-column-block .container .copy p {
  font-family: "Century Gothic";
  font-size: 18px;
  text-align: center;
  max-width: 75%;
  margin-top: 0;
  color: white;
  margin: 0 auto 25px;
}
@media screen and (max-width: 767px) {
  .two-column-block .container .copy p {
    max-width: 90%;
  }
}

.link-block .container {
  max-width: 1500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 40px 0;
  margin: 0 auto;
}
.link-block .container h3 {
  font-family: "Century Gothic Bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 30px;
  max-width: 90%;
  text-align: center;
}
.link-block .container h3 span {
  color: #333333;
}
.link-block .container h3.linkButtonIntro {
  margin-bottom: 15px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .link-block .container h3 {
    max-width: 90%;
  }
}
.link-block .container p {
  font-family: "Century Gothic";
  font-size: 18px;
  text-align: center;
  max-width: 60%;
  margin-top: 0;
}
.link-block .container a.button {
  font-family: "Century Gothic Bold";
  font-size: 14px;
  color: white;
  min-width: 330px;
  align-self: center;
  text-align: center;
  border-radius: 25px;
  padding: 15px 20px;
  text-decoration: none;
  background: #333;
}
.link-block .container a.white {
  background: #fff;
  color: #333;
}
.link-block .container a.dark-gray {
  background: #333;
  color: white;
}
.link-block .container .mousedown {
  position: relative;
  max-width: 20px;
  margin: 50px auto 10px;
  display: block;
}

.brands-block {
  margin: 0 auto;
}
.brands-block .container {
  max-width: 1500px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding-top: 80px;
  padding-bottom: 40px;
}
.brands-block .container h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 90%;
  width: 100%;
  color: #e35e24;
  padding-bottom: 30px;
  margin-bottom: 40px;
}
.brands-block .container h1 span {
  color: #333333;
}
@media screen and (max-width: 767px) {
  .brands-block .container h1 {
    max-width: 80%;
  }
}
.brands-block .container .brands {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 65%;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .brands-block .container .brands {
    max-width: 80%;
  }
}
.brands-block .container .brands .logo {
  width: 24%;
  margin-right: 1.33333%;
  margin-bottom: 40px;
}
.brands-block .container .brands .logo img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .brands-block .container .brands .logo:nth-child(2n) {
    margin-right: 0%;
  }
}
@media screen and (max-width: 600px) {
  .brands-block .container .brands .logo:nth-child(2n) {
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) {
  .brands-block .container .brands .logo:nth-child(3n) {
    margin-right: 0%;
  }
}
@media screen and (max-width: 600px) {
  .brands-block .container .brands .logo:nth-child(3n) {
    margin-right: 1%;
  }
}
@media screen and (max-width: 767px) {
  .brands-block .container .brands .logo:nth-child(2n) {
    margin-right: 0%;
  }
}
@media screen and (max-width: 600px) {
  .brands-block .container .brands .logo:nth-child(2n) {
    margin-right: 0%;
  }
}
.brands-block .container .brands .logo:nth-child(4n) {
  margin-right: 0%;
}
@media screen and (max-width: 767px) {
  .brands-block .container .brands .logo:nth-child(4n) {
    margin-right: 1%;
  }
}
@media screen and (max-width: 600px) {
  .brands-block .container .brands .logo:nth-child(4n) {
    margin-right: 0%;
  }
}
.brands-block .container .brands .logo:last-of-type {
  margin-right: 0%;
}
@media screen and (max-width: 767px) {
  .brands-block .container .brands .logo {
    width: 32%;
  }
}
@media screen and (max-width: 600px) {
  .brands-block .container .brands .logo {
    width: 49%;
  }
}

.marketing-diagnostics {
  margin: 0 auto;
}
.marketing-diagnostics .container {
  max-width: 1500px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding-top: 80px;
  padding-bottom: 40px;
}
.marketing-diagnostics .container h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 90%;
  width: 100%;
  color: #e35e24;
  padding-bottom: 30px;
  margin-bottom: 40px;
}
.marketing-diagnostics .container h1 span {
  color: #333333;
}
@media screen and (max-width: 767px) {
  .marketing-diagnostics .container h1 {
    max-width: 80%;
  }
}
.marketing-diagnostics .container h2 {
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
}
.marketing-diagnostics .container h2 strong {
  font-family: "Century Gothic Bold";
}
.marketing-diagnostics .container .columns {
  padding-top: 40px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 40px;
}
.marketing-diagnostics .container .columns p {
  font-size: 18px;
  text-align: left;
  margin-top: 0;
}
.marketing-diagnostics .container .columns p.title {
  font-family: "Century Gothic Bold";
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 40px;
  font-size: 20px;
}
.marketing-diagnostics .container .columns ul li {
  font-size: 18px;
  text-align: left;
}
.marketing-diagnostics .container .columns .columnsTitles {
  display: flex;
}
@media screen and (max-width: 814px) {
  .marketing-diagnostics .container .columns .columnsTitles {
    flex-direction: column;
    align-items: center;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .left {
  width: 66.666666%;
}
@media screen and (max-width: 814px) {
  .marketing-diagnostics .container .columns .columnsTitles .left {
    width: 100%;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .left .columns {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  padding-top: 0;
}
@media screen and (max-width: 600px) {
  .marketing-diagnostics .container .columns .columnsTitles .left .columns {
    flex-direction: column;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .left .columns .column {
  width: 50%;
  padding: 0 40px;
  /*border-left:1px solid white;*/
  border-right: 1px solid white;
  padding-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .marketing-diagnostics .container .columns .columnsTitles .left .columns .column {
    border: 0;
    width: 100%;
    padding: 0;
    padding-bottom: 30px;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .left .columns .column:first-of-type {
  border-left: 0;
}
.marketing-diagnostics .container .columns .columnsTitles .left .columns .column:last-of-type {
  /*border-right:0;*/
}
@media screen and (max-width: 814px) {
  .marketing-diagnostics .container .columns .columnsTitles .left .columns .column:last-of-type {
    border-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .marketing-diagnostics .container .columns .columnsTitles .left .columns .column p {
    padding: 0 40px;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .left .columns .column ul {
  padding-left: 1.25rem;
}
@media screen and (max-width: 600px) {
  .marketing-diagnostics .container .columns .columnsTitles .left .columns .column ul {
    margin-left: 40px;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .right {
  width: 33.333333%;
}
@media screen and (max-width: 814px) {
  .marketing-diagnostics .container .columns .columnsTitles .right {
    width: 50%;
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .marketing-diagnostics .container .columns .columnsTitles .right {
    width: 100%;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .right p {
  text-align: left;
  padding: 0 40px;
}
.marketing-diagnostics .container .columns .columnsTitles .right p.title {
  padding-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 814px) {
  .marketing-diagnostics .container .columns .columnsTitles .right p.title {
    border: 0;
    text-align: center;
  }
}
.marketing-diagnostics .container .columns .columnsTitles .right .columns {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-top: 0;
  border-top: 0;
}
.marketing-diagnostics .container .columns .columnsTitles .right .columns .column {
  width: 100%;
  padding: 0 40px;
}
.marketing-diagnostics .container .columns .columnsTitles .right .columns .column:first-of-type {
  border-left: 0;
}
.marketing-diagnostics .container .columns .columnsTitles .right .columns .column p {
  border: 0;
  padding: 0;
}
.marketing-diagnostics .container .columns .columnsTitles .right .columns .column ul {
  padding-left: 1.25rem;
}
.marketing-diagnostics .container .columns .columnsBody {
  display: flex;
}
.marketing-diagnostics .container .columns .columnsBody .column {
  width: 33.333333%;
  padding: 0 40px;
}
.marketing-diagnostics .container .columns .columnsBody .column:first-of-type {
  border-left: 0;
}
.core-services {
  margin: 0 auto;
}
.core-services .container {
  max-width: 1500px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding-top: 80px;
  padding-bottom: 40px;
}
.core-services .container h3 {
  text-align: center;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  font-family: "Century Gothic Bold";
  border-bottom-width: 0px;
  border-bottom-style: solid;
  padding-bottom: 20px;
}
.core-services .container h4 {
  text-align: center;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  font-family: "Century Gothic";
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding-bottom: 40px;
}
.core-services .container .columns {
  padding-top: 40px;
  max-width: 90%;
  margin: 0 auto;
}
.core-services .container .columns p {
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  padding: 0 40px;
  font-family: "Century Gothic Bold";
}
.core-services .container .columns .copy {
  padding: 0 40px;
}
.core-services .container .columns .copy p {
  text-align: center;
  font-size: 18px;
  font-family: "Century Gothic";
}
.core-services .container .columns ul li {
  font-size: 18px;
  text-align: left;
}
.core-services .container .columns .columnsBody {
  display: flex;
  flex-wrap: wrap;
}
.core-services .container .columns .columnsBody .column {
  width: 49.9%;
  margin-top: 40px;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .core-services .container .columns .columnsBody .column {
    width: 100%;
    border-left: 0 !important;
  }
}
.core-services .container .columns .columnsBody .column:after {
  content: "";
  display: block;
  margin: 0 auto;
  height: 40px;
  position: absolute;
  width: 85%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.core-services .container .columns .columnsBody .column:first-of-type, .core-services .container .columns .columnsBody .column:nth-child(3n) {
  border-left: 0;
}
.core-services .container .columns .columnsBody .column:last-of-type:after, .core-services .container .columns .columnsBody .column:nth-child(3n):after {
  border-bottom: 0;
}

.marketing-essentials {
  margin: 0 auto;
}
.marketing-essentials .container {
  max-width: 1500px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding-top: 80px;
  padding-bottom: 100px;
}
.marketing-essentials .container h3 {
  text-align: center;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  font-family: "Century Gothic Bold";
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding-bottom: 40px;
}
.marketing-essentials .container a {
  margin-top: 100px;
}
.marketing-essentials .container a.button {
  font-family: "Century Gothic Bold";
  font-size: 14px;
  color: #333;
  min-width: 330px;
  align-self: center;
  text-align: center;
  border-radius: 25px;
  padding: 15px 20px;
  text-decoration: none;
  background: white;
}
.marketing-essentials .container .columns {
  padding-top: 0px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 40px;
}
.marketing-essentials .container .columns p {
  font-size: 18px;
  text-align: left;
  margin-top: 0;
}
.marketing-essentials .container .columns p.title, .marketing-essentials .container .columns p.subTitle {
  font-family: "Century Gothic Bold";
  text-align: center;
  padding-bottom: 20px;
}
.marketing-essentials .container .columns p.subTitle {
  font-family: "Century Gothic";
}
.marketing-essentials .container .columns p strong {
  font-family: "Century Gothic Bold";
}
.marketing-essentials .container .columns ul li {
  font-size: 18px;
  text-align: left;
  font-family: "Century Gothic";
}
.marketing-essentials .container .columns ul li strong {
  font-family: "Century Gothic Bold";
}
.marketing-essentials .container .columns .columnsTitles {
  display: flex;
  flex-direction: column;
}
.marketing-essentials .container .columns .columnsTitles .left {
  width: 66.666666%;
}
.marketing-essentials .container .columns .columnsTitles .right {
  width: 33.333333%;
}
.marketing-essentials .container .columns .columnsTitles .right p {
  text-align: left;
  padding: 0 40px;
}
.marketing-essentials .container .columns .columnsBody {
  display: flex;
}
@media screen and (max-width: 900px) {
  .marketing-essentials .container .columns .columnsBody {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.marketing-essentials .container .columns .columnsBody .column {
  width: 33.333333%;
  padding: 0 40px 30px;
}
.marketing-essentials .container .columns .columnsBody .column:first-of-type {
  border-left: 0;
}
@media screen and (max-width: 900px) {
  .marketing-essentials .container .columns .columnsBody .column {
    width: 38%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .marketing-essentials .container .columns .columnsBody .column {
    width: 100%;
    border-left: 0 !important;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 900px) {
  .marketing-essentials .container .columns .columnsBody .column:nth-child(3n) {
    border: 0;
  }
}

.outcomes .container {
  max-width: 1500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 100px 0;
  margin: 0 auto;
}
.outcomes .container h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 90%;
  color: #e35e24;
}
.outcomes .container h1 span {
  color: #333333;
}
@media screen and (max-width: 767px) {
  .outcomes .container h1 {
    max-width: 80%;
  }
}
.outcomes .container ul li {
  font-size: 18px;
}
.outcomes .container p {
  font-family: "Century Gothic";
  font-size: 18px;
  text-align: center;
  max-width: 60%;
  margin-top: 0;
}
.outcomes .container .mousedown {
  position: relative;
  max-width: 20px;
  margin: 50px auto 80px;
  display: block;
}
.outcomes .container a.button {
  font-family: "Century Gothic Bold";
  font-size: 14px;
  line-height: 15px;
  color: white;
  min-width: 330px;
  align-self: center;
  text-align: center;
  border-radius: 35px;
  padding: 15px 20px;
  text-decoration: none;
  background: #333;
}

.who-we-are .container {
  max-width: 1500px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
  padding: 80px 0 0;
}
@media screen and (max-width: 767px) {
  .who-we-are .container {
    flex-direction: column;
  }
}
.who-we-are .container .left {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-top: 80px;
}
.who-we-are .container .left h2 {
  margin-bottom: 40px;
  font-size: 23px;
  font-family: "Century Gothic Bold";
}
@media screen and (max-width: 767px) {
  .who-we-are .container .left {
    width: 100%;
  }
}
.who-we-are .container .left .contentWrapper:before {
  background: transparent url("../img/content-wrapper-top-black.png") no-repeat top center;
  background-size: 100%;
}
.who-we-are .container .left .contentWrapper:after {
  background: transparent url("../img/content-wrapper-bottom-black.png") no-repeat bottom center;
  background-size: 100%;
}
.who-we-are .container .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-top: 80px;
}
.who-we-are .container .right h2 {
  margin-bottom: 40px;
  font-size: 23px;
  font-family: "Century Gothic Bold";
}
@media screen and (max-width: 767px) {
  .who-we-are .container .right {
    width: 100%;
  }
}
.who-we-are .container .contentWrapper {
  width: 80%;
  margin: 0 auto;
  position: relative;
  min-height: 500px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 30px;
  flex-grow: 1;
  padding-top: 30px;
}
.who-we-are .container .contentWrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-top.png") no-repeat top center;
  background-size: 100%;
}
.who-we-are .container .contentWrapper:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url("../img/content-wrapper-bottom.png") no-repeat bottom center;
  background-size: 100%;
}
.who-we-are .container h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 90%;
  color: #e35e24;
}
.who-we-are .container h1 span {
  color: #333333;
}
@media screen and (max-width: 767px) {
  .who-we-are .container h1 {
    max-width: 80%;
  }
}
.who-we-are .container h2 {
  text-align: center;
  max-width: 55%;
  width: 100%;
  margin: 0 auto 40px;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
}
.who-we-are .container h2 strong {
  font-family: "Century Gothic Bold";
}
.who-we-are .container .linkedIn {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
}
.who-we-are .container .linkedIn a {
  width: 40px;
}
.who-we-are .container .linkedIn a svg {
  width: 100%;
  height: auto !important;
  /*fill:#0a66c2!important;*/
}
.who-we-are .container .linkedIn a svg path {
  /*fill:#0a66c2!important;*/
}
.who-we-are .container .portrait {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.who-we-are .container .portrait img {
  width: 40%;
}
.who-we-are .container .copy {
  margin: 0 auto;
  width: 100%;
  z-index: 2;
}
.who-we-are .container .copy p {
  font-family: "Century Gothic";
  font-size: 18px;
  text-align: center;
  max-width: 75%;
  margin-top: 0;
  color: white;
  margin: 0 auto 25px;
}

.contact .container {
  max-width: 1500px;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .contact .container {
    flex-direction: column;
  }
}
.contact .container .left {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 900px) {
  .contact .container .left {
    width: 100%;
  }
}
.contact .container .left h1 {
  text-align: left;
  font-size: 50px;
  color: #333333;
  margin-bottom: 0px;
}
@media screen and (max-width: 900px) {
  .contact .container .left h1 {
    text-align: center;
  }
}
.contact .container .left .intro {
  padding-right: 80px;
}
@media screen and (max-width: 900px) {
  .contact .container .left .intro {
    text-align: center;
    padding-right: 0;
  }
}
.contact .container .left .intro p {
  font-size: 18px;
  color: #333333;
}
@media screen and (max-width: 900px) {
  .contact .container .left .intro p {
    text-align: center;
  }
}
.contact .container .left .copyBold {
  font-size: 20px;
  font-family: "Century Gothic Bold";
  color: #333333;
  margin: 15px 0;
}
@media screen and (max-width: 900px) {
  .contact .container .left .copyBold {
    text-align: center;
  }
}
.contact .container .left .link {
  font-size: 18px;
  font-family: "Century Gothic Bold";
}
@media screen and (max-width: 900px) {
  .contact .container .left .link {
    text-align: center;
  }
}
.contact .container .left .link a {
  font-size: 18px;
  font-family: "Century Gothic";
  text-decoration: underline;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .contact .container .left {
    width: 100%;
  }
}
.contact .container .right {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 900px) {
  .contact .container .right {
    width: 100%;
  }
}
.contact .container .right fieldset {
  border: 0;
}
.contact .container .right .wpcf7 .screen-reader-response {
  visibility: hidden;
}
.contact .container .right form {
  padding-left: 80px;
  width: 100%;
}
.contact .container .right form[data-status=sent] .fieldset {
  display: none;
}
@media screen and (max-width: 900px) {
  .contact .container .right form {
    padding-left: 0;
  }
}
.contact .container .right form .fieldset {
  width: 100%;
}
.contact .container .right form .fieldset input {
  font-size: 18px;
  color: #333;
  font-family: "Century Gothic";
  padding: 8px;
  border-color: #333333;
  border-width: 1px;
  appearance: none;
  box-shadow: none;
}
.contact .container .right form .fieldset input[type=text] {
  width: 100%;
}
.contact .container .right form .fieldset input[type=email] {
  width: 100%;
}
.contact .container .right form .fieldset input::placeholder, .contact .container .right form .fieldset input::-webkit-input-placeholder {
  color: #999898;
}
.contact .container .right form .fieldset input[type=submit] {
  background: #333333;
  color: #ffffff;
  font-family: "Century Gothic Bold";
  font-size: 18px;
  padding: 8px 40px;
  transition: all 0.3s ease;
  transform: scale(1);
}
.contact .container .right form .fieldset input[type=submit]:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
  cursor: pointer;
}
.contact .container .right form .fieldset textarea {
  width: 100%;
  font-size: 18px;
  color: #333;
  font-family: "Century Gothic";
  padding: 8px;
  border-color: #333333;
  border-width: 1px;
  appearance: none;
  box-shadow: none;
  max-height: 120px;
}
.contact .container .right form .fieldset textarea::placeholder, .contact .container .right form .fieldset textarea::-webkit-input-placeholder {
  color: #999898;
}
@media screen and (max-width: 767px) {
  .contact .container .right {
    width: 100%;
  }
}
.contact .container .contentWrapper {
  width: 80%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 80px;
  display: flex;
}
@media screen and (max-width: 900px) {
  .contact .container .contentWrapper {
    flex-direction: column;
  }
}

.working-with {
  margin: 0 auto;
}
.working-with .container {
  max-width: 1500px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding: 60px 0 80px;
}
@media screen and (max-width: 767px) {
  .working-with .container {
    background-size: 200% !important;
  }
}
.working-with .container.orangeGrad {
  background: #F05816 !important;
  background: -webkit-linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%) !important;
  background: -moz-linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%) !important;
  background: linear-gradient(45deg, rgb(240, 88, 22) 0%, rgba(142, 48, 8, 0.87) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( 			  startColorstr="#F05816", 			  endColorstr="#8E3008", 			  GradientType=0 			) !important;
}
.working-with .container.orangeGrad h1 {
  color: white;
}
.working-with .container.orangeGrad h2 {
  color: white;
}
.working-with .container.orange {
  background-color: #e35e24 !important;
}
.working-with .container.orange h1 {
  color: white;
}
.working-with .container.orange h2 {
  color: white;
}
.working-with .container.grey {
  background-color: #deded6 !important;
}
.working-with .container.grey h1 {
  color: #e35e24;
}
.working-with .container.grey h2 {
  color: #000000;
}
.working-with .container h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 90%;
  color: #e35e24;
}
.working-with .container h1 span {
  color: #333333;
}
@media screen and (max-width: 767px) {
  .working-with .container h1 {
    max-width: 80%;
  }
}
.working-with .container h2 {
  text-align: center;
  max-width: 70%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 60px;
}
.working-with .container h2 strong {
  font-family: "Century Gothic Bold";
}
.working-with .container .columns {
  display: flex;
  justify-content: center;
  max-width: 90%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .working-with .container .columns {
    flex-direction: column;
    max-width: 100%;
  }
}
.working-with .container .columns .column {
  width: 47.5%;
  background: rgba(255, 255, 255, 0.3);
  padding: 60px 0;
  position: relative;
}
.working-with .container .columns .column:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url(../img/content-wrapper-top-black.png) no-repeat top center;
  background-size: 100%;
}
.working-with .container .columns .column:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background: transparent url(../img/content-wrapper-bottom-black.png) no-repeat bottom center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .working-with .container .columns .column {
    width: 100%;
    text-align: center;
  }
}
.working-with .container .columns .column p {
  font-size: 20px;
  margin-bottom: 0;
  display: inline-block;
  margin: 0 auto 12px;
  padding: 0px 60px;
}
.working-with .container .columns .column p strong {
  font-family: "Century Gothic Bold";
}
@media screen and (max-width: 767px) {
  .working-with .container .columns .column p {
    font-size: 23px;
    padding-bottom: 10px;
  }
}
.working-with .container .columns .column ul {
  padding-left: 1rem;
  display: inline-block;
  margin: 0 auto;
  padding: 0px 60px;
}
.working-with .container .columns .column ul li {
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .working-with .container .columns .column ul li {
    font-size: 20px;
    text-align: left;
  }
}
.working-with .container .columns .column.column2 {
  width: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
  padding: 0;
  visibility: hidden;
}
.working-with .container .columns .column.column2 img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .working-with .container .columns .column.column2 img {
    transform: rotate(90deg);
    width: 10%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .working-with .container .columns .column.column2 {
    width: 100%;
  }
}

.legalpage .contents {
  width: 80%;
  margin: 0 auto;
  max-width: 1500px;
  padding-top: 60px;
}
.legalpage .contents h2 {
  font-family: "Century Gothic Bold";
  color: #333333;
}
.legalpage .contents h3 {
  font-family: "Century Gothic Bold";
  color: #333333;
}
.legalpage .contents h4 {
  font-family: "Century Gothic Bold";
  color: #333333;
}
.legalpage .contents p {
  color: #333333;
}
.legalpage .contents p strong {
  font-family: "Century Gothic Bold";
}
.legalpage .contents p a {
  color: #333333;
}
.legalpage .contents td {
  color: #333333;
}
.legalpage .contents td strong {
  font-family: "Century Gothic Bold";
}
.legalpage .contents li a {
  color: #333333;
}