/*
Theme Name: Iterable
Description: A custom WordPress theme for Iterable
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light
Text Domain: am
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@font-face {
  font-family: 'icon';
  src: url('font/icon.eot');.footer-logo
  src: url('font/icon.eot#iefix') format('embedded-opentype'), url('font/icon.woff2') format('woff2'), url('font/icon.woff') format('woff'), url('font/icon.ttf') format('truetype'), url('font/icon.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'icons';
    src: url('font/icon.svg#icon') format('svg');
  }
}
.ico:before {
  font-family: 'icon';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  /*width: 1em;*/
  /*margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  top: -1px;
  margin: -1px;
  padding: 1px;
  position: relative;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: .2em;*/
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ico--blue-gradient:before {
  background: #0056EE;
  background: -moz-linear-gradient(left, #0056EE, #0072EE);
  background: -webkit-linear-gradient(left, #0056EE, #0072EE);
  background: linear-gradient(to right, #0056EE, #0072EE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ico-ab:before {
  content: '\e800';
}
.ico-analytics:before {
  content: '\e801';
}
.ico-api:before {
  content: '\e802';
}
.ico-campaigns:before {
  content: '\e803';
}
.ico-chat:before {
  content: '\e804';
}
.ico-checkmark:before {
  content: '\e805';
}
.ico-checkmark-small:before {
  content: '\e806';
}
.ico-delivery:before {
  content: '\e807';
}
.ico-dumbbell:before {
  content: '\e808';
}
.ico-email:before {
  content: '\e809';
}
.ico-friendly_face:before {
  content: '\e80a';
}
.ico-graph:before {
  content: '\e80b';
}
.ico-hiring:before {
  content: '\e80c';
}
.ico-lightbulb:before {
  content: '\e80d';
}
.ico-like:before {
  content: '\e80e';
}
.ico-list:before {
  content: '\e80f';
}
.ico-map_marker:before {
  content: '\e810';
}
.ico-medical_insurance:before {
  content: '\e811';
}
.ico-multi_channel:before {
  content: '\e812';
}
.ico-percent:before {
  content: '\e813';
}
.ico-phone:before {
  content: '\e814';
}
.ico-play:before {
  content: '\e815';
}
.ico-portfolio:before {
  content: '\e816';
}
.ico-puzzle:before {
  content: '\e817';
}
.ico-segments:before {
  content: '\e818';
}
.ico-settings:before {
  content: '\e819';
}
.ico-speed:before {
  content: '\e81a';
}
.ico-star_location:before {
  content: '\e81b';
}
.ico-tea:before {
  content: '\e81c';
}
.ico-template:before {
  content: '\e81d';
}
.ico-time:before {
  content: '\e81e';
}
.ico-timer:before {
  content: '\e81f';
}
.ico-wallet:before {
  content: '\e820';
}
.grid-view {
  background-position: center top;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 1.04166667%, rgba(255, 0, 0, 0.15) 1.04166667%, rgba(255, 0, 0, 0.15) 7.29166667%, transparent 7.29166667%, transparent 8.33333333%);
}
.col-group {
  margin: auto;
}
.col-group:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .col-group {
    /*max-width: 768px;*/
  }
}
@media (min-width: 1024px) {
  .col-group {
    max-width: 960px;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .col-4-mobile {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .col-3-mobile {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 75%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .col-2-mobile {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .col-1-mobile {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-8-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-7-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 87.5%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-6-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-5-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 62.5%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-4-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-3-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 37.5%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-2-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col-1-tablet {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 12.5%;
  }
}
@media (min-width: 1024px) {
  .col-12-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .col-11-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-10-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-9-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .col-8-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 66.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-7-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-6-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .col-5-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 41.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-4-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 33.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-3-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .col-2-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 16.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-1-laptop {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 8.33333333%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .col--half {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col--half {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .col--half {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .col--full {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .col--full {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .col--full {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 100%;
  }
}
.at-left {
  float: left;
}
.at-right {
  float: right;
}
.flex {
  display: -webkit-flex;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.clear-fix {
  clear: both;
}
.color-default {
  color: #484848;
}
.color-blue {
  color: #0056EE;
}
.bg-gray {
  background-color: #FBFBFB;
}
* {
  box-sizing: border-box;
  font-weight: 400;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  height: 100%;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #484848;
  display: inline-block;
  font-family: 'Ubuntu', sans-serif;
}
h1 {
  font-size: 64px;
  font-weight: 500;
  line-height: 76px;
  margin-bottom: 25px;
  margin-top: 0;
}
h2 {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  margin: 100px auto 60px;
  text-align: center;
}
h2:before {
  background: #0056EE;
  background: -moz-linear-gradient(top, #0072EE 0, #0056EE 100%);
  background: -webkit-linear-gradient(top, #0072EE 0, #0056EE 100%);
  background: linear-gradient(to bottom, #0072EE 0, #0056EE 100%);
  border-radius: 2px;
  content: '';
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072EE', endColorstr='#0056EE', GradientType=0);
  height: 40px;
  margin-right: 20px;
  vertical-align: text-bottom;
  width: 3px;
}
.page-template-page-modular-page-new h2:before {
  display:none;
}
h3 {
  font-size: 28px;
  font-weight: 300;
  line-height: 31px;
  margin-bottom: 20px;
  margin-top: 0;
}
h4:not(.label) {
  color: #484848;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 20px;
  margin-top: 0;
}
h4.label {
  border: 1px solid rgba(170, 170, 170, 0.6);
  color: #AAA;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 12px;
  line-height: 15px;
  margin-bottom: 20px;
  margin-top: 0;
  min-height: 34px;
  padding: 9px 18px 8px 30px;
  text-transform: uppercase;
}
h4.uppercase {
  letter-spacing: .5px;
  text-transform: uppercase;
}
h4 sub {
  color: #0056EE;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  margin-top: 10px;
}
p {
  color: #484848;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 0;
}
section {
  overflow: hidden;
}
section:not(.non-standard) {
  padding-bottom: 50px;
}



.page-template-page-resources h2{

margin: 60px auto 60px;
}
section.bg-gray{
      padding-bottom: 50px;
}
.page-template-page-financial-services section.heading{
  padding-bottom:0;
}
.page-template-page-careers section.heading{
  padding-bottom:60px
}
.page-template-page-product .small-shift-logos img{
  width:100px
}
.page-template-page-company .small-shift-logos img{
  width:80px
}

.small-shift-logos.type-a{
  margin-top: -40px;
  padding-top: 30px;
}

.small-shift-logos.type-home{
  margin-top: -80px;
}
.page .small-shift-logos img,
.small-shift-logos img {
  width:74px
}

.small-shift-logos.type-b{

margin-top: 41px;

padding-bottom: 48px;
}

.page-template-page-modular-page-new .small-shift-logos.type-c{
  margin:0;
  padding:0;
}
.page-template-page-modular-page-new .small-shift-logos.type-c center > div{
  margin:0 !important;
}
section.small-shift {
  padding-bottom: 80px;
}
figure {
  margin: 0;
}
.half-figure figcaption {
  width: 50%;
}
.content {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
ul.solid-list {
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 100px;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  padding: 0;
}
ul.solid-list {
}
ul.solid-list > li {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  height: 100px;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 100px;
  width: 160px;
}
.page-template-page-modular-page-new .type-c ul.solid-list > li {
  height: auto;
  min-height: 0;
  width: auto;

}
ul.solid-list > li:not(:last-child) {
  box-shadow: 1px 0 0 0 #DDD;
  margin-right: 1px;
}
.page-template-page-modular-page-new .type-c ul.solid-list > li:not(:last-child) {
  box-shadow:none;
}
ul.solid-list > li img {
  opacity: .2;
}
.page-template-page-modular-page-new .type-c ul.solid-list > li img {
  opacity: 1;
  width: auto;
}
ul.listed-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  margin-bottom: -54px;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
ul.listed-group > li {
  margin-bottom: 34px;
}
@media (min-width: 621px) {
  ul.listed-group > li {
    max-width: 280px;
  }
}
ul.listed-group .header {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  padding-right: 18px;
}
.page-template-page-modular-page-new ul.listed-group .header {
  margin-bottom:10px;
  padding: 0 0 0 60px;
  position: relative;
}
.page-template-page-modular-page-new ul.listed-group .header img{
  position:absolute;
  left:0; top:0;
}
ul.listed-group .header h3 {
  margin-bottom: 0;
}
.page-template-page-modular-page-new ul.listed-group .header h3 {
  font-size: 23px;
  line-height: 26px;
  font-weight: normal;
}
.page-template-page-modular-page-new ul.listed-group p{
  padding: 0 0 0 60px;
  line-height:20px;
}
ul.listed-group .ico {
  font-size: 52px;
  line-height: 1;
  margin-right: 20px;
}
.icon {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.button {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  min-height: 44px;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
}
span.button {
  line-height: 42px;
}
.button .icon {
  margin-right: 10px;
}
.button-small {
  min-height: 36px;
  padding: 8px 15px;
}
.button-large {
  font-weight: 700;
  letter-spacing: 1.5px;
  min-height: 60px;
  padding-left: 28px;
  padding-right: 28px;
  text-transform: uppercase;
}
.button--blue {
  box-shadow: inset 0 0 0 1px #0072EE;
  color: #0056EE;
}
.button--blue:hover {
  background-color: rgba(0, 86, 238, 0.05);
}
.button--blue:active {
  background-color: rgba(0, 86, 238, 0.15);
}
.button--orange {
  box-shadow: inset 0 0 0 1px #F15F0D;
  color: #F15F0D;
}
.button--orange:hover {
  background-color: rgba(241, 95, 13, 0.05);
}
.button--orange:active {
  background-color: rgba(241, 95, 13, 0.15);
}
.button--black {
  box-shadow: inset 0 0 0 1px #484848;
  color: #484848;
}
.button--black:hover {
  background-color: rgba(72, 72, 72, 0.05);
}
.button--black:active {
  background-color: rgba(72, 72, 72, 0.15);
}
.button--white {
  box-shadow: inset 0 0 0 1px #FFF;
  color: #FFF;
}
.button--white:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.button--white:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.button--fill-orange {
  background-color: #E65825;
  color: #FFF;
}
.button--fill-orange:hover {
  background-color: #E65825;
}
.button--fill-orange:active {
  background-color: #E65825;
}
.button--fill-red {
  background-color: #ED4B3A;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 100%);
  color: #FFF;
}
.button--fill-red:hover {
  background-color: #EF6557;
}
.button--fill-red:active {
  background-color: #C93F31;
}
.button--fill-blue {
  background-color: #0056EE;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.16) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.16) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.16) 100%);
  color: #FFF;
}
.button--fill-blue:hover {
  background-color: #266FF0;
}
.button--fill-blue:active {
  background-color: #0049CA;
}
.button--fill-front-blue {
  background-color: #7387A6;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.16) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.16) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.16) 100%);
  color: #FFF;
}
.button--fill-front-blue:hover {
  background-color: #8798B3;
}
.button--fill-front-blue:active {
  background-color: #61728D;
}
.button--small-white-filled {
  border-radius: 12px;
  color: #FFF;
  font-size: 12px;
  line-height: 15px;
  min-height: 24px;
  overflow: hidden;
  padding: 4px 10px 5px;
  position: relative;
}
.button--small-white-filled:not(:first-child) {
  margin-left: 10px;
}
.button--small-white-filled:after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: inherit;
  transition: inherit;
}
.button--small-white-filled:hover:after {
  background-color: rgba(255, 255, 255, 0.05);
}
.button--small-white-filled:active:after {
  background-color: rgba(0, 0, 0, 0.15);
}
footer {
  background-color: #001A48;
}
footer .column {
  max-width: 164px;
}
footer .column-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 1023px) {
  footer .column-group {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  footer .column-group {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  footer .column-group {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 100%;
  }
}
footer h5 {
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 18px;
  margin-bottom: 40px;
  margin-top: 60px;
  text-transform: uppercase;
}
footer ul {
  color: rgba(255, 255, 255, 0.6);
  list-style: none;
  margin: 0 0 44px;
  padding: 0;
}
footer ul a {
  color: inherit;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 20px;
  text-decoration: none;
}
footer ul a:hover {
  color: #FFF;
}

footer ul a #phone-icon {
  height: 20px;
  position: relative;
  top: 4px;
}
footer ul a #contact-icon {
   height: 20px;
  position: relative;
  top: 4px;
}

footer ul a:hover #phone-icon path,
footer ul a:hover #contact-icon path {
  stroke: rgba(255, 255, 255, 1);
  fill: rgba(255, 255, 255, 1);
}

footer .contact {
  background-color: #001945;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.4);
  padding-bottom: 40px;
  padding-top: 40px;
}
footer .contact .content {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer .contact .content:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  footer .contact .content {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  footer .contact .content {
    max-width: 960px;
  }
}
footer .contact ul {
  color: inherit;
  margin-bottom: 0;
}
@media (min-width: 320px) and (max-width: 1023px) {
  footer .contact ul {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  footer .contact ul {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  footer .contact ul {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
footer .contact ul li {
  color: inherit;
}
footer .contact p {
  margin-bottom: 0;
  text-align: right;
}

.footer-logo{text-align: right;
padding-bottom: 15px;}
.footer-logo img{width:85px}

@media (min-width: 320px) and (max-width: 1023px) {
  footer .contact-text {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  footer .contact-text {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  footer .contact-text {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
footer .contact ul li,
footer .contact p {
  color: inherit;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}
footer .contact .icon {
  height: 16px;
  margin-right: 10px;
  vertical-align: bottom;
  width: 14px;
}
@media (max-width: 767px) {
  footer .column {
    max-width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
  }
  footer .column-group {
    padding: 0;
  }
  footer .column h5 {
    -webkit-align-items: center;
    align-items: center;
    box-shadow: inset 0 1px 0 0 #142B53;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    letter-spacing: 1px;
    margin: 0;
    padding: 28px 45px;
  }
  footer .column h5:after {
    border: 3px solid transparent;
    border-bottom: 0;
    border-top-color: inherit;
    content: '';
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  footer .column div {
    overflow: hidden;
  }
  footer .column ul {
    margin: -100% 45px 10px;
    opacity: 0;
    -webkit-transition: margin 0.5s 0.1s ease, opacity 0.3s ease;
    transition: margin 0.5s 0.1s ease, opacity 0.3s ease;
  }
  footer .column.is-active {
    background-color: #001945;
  }
  footer .column.is-active h5:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  footer .column.is-active ul {
    margin-top: 0;
    opacity: 1;
    -webkit-transition: margin 0.5s ease, opacity 0.3s 0.3s ease;
    transition: margin 0.5s ease, opacity 0.3s 0.3s ease;
  }
  footer .contact ul,
  footer .contact-text {
    width: 100%;
  }
  footer .contact ul {
    margin-bottom: 30px;
  }
  footer .contact p {
    text-align: center;
  }
  footer .footer-logo {
    text-align: center;
  }
}
.swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 60px;
}
.swiper-slide {
  display: -webkit-flex;
  display: flex;
  height: auto;
  max-width: 800px;
}
.page-template-page-modular-page-new .swiper-slide {
  text-align:center;
}
.swiper-slide-inner {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 10%;
  padding-right: 10%;
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .swiper-slide {
    width: 80%;
  }
  .swiper-slide-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.swiper-slide-active .swiper-slide-inner {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.swiper-slide img {
  margin-top: 56px;
}
.swiper-slide q {
  color: #484848;
  display: block;
  font-size: 16px;
  font-style: italic;
  line-height: 26px;
  margin-bottom: 44px;
  margin-top: 56px;
  text-align: center;
}
.swiper-slide .author {
  color: #484848;
  margin-bottom: 40px;
  margin-top: auto;
  text-align: center;
}
.page-template-page-modular-page-new .swiper-slide .author {
  color: #fff;
}
.swiper-slide .author b {
  font-weight: 600;
}
.swiper-slide .author p {
  color: #AAA;
  font-weight: 400;
  margin-bottom: 0;
}
.page-template-page-modular-page-new .swiper-slide .author p {
  color: #fff;
}
.swiper-slide .author b,
.swiper-slide .author p {
  font-size: 16px;
  line-height: 24px;
}
.trusted-by h4 {
  margin-top: 20px;
}
.trusted-by h4 + div {
  margin-bottom: -60px;
  overflow: auto;
}
.funded-by h4 {
  margin-top: 40px;
}
.funded-by h4 + div {
  margin-bottom: -60px;
  overflow: auto;
}
.have-questions {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .have-questions {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .have-questions {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .have-questions {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 100%;
  }
}
.have-questions .button-large {
  width: 231px;
}
.page-template-page-modular-page-new .have-questions .button-large:hover {
  background:#E65825;
}
@media (max-width: 640px) {
  .have-questions .button:not(.button-large) {
    width: 100%;
  }


}
.pic-group {
  display: -webkit-flex;
  display: flex;
  margin: 35px -5px -5px;
}
.pic-group div {
  margin: 5px;
}
.pic-group img {
  border-radius: 5px;
  margin: 0;
  max-width: 100%;
}
.avatar {
  border-radius: 50%;
  margin: 40px;
  overflow: hidden;
}
.card {
  background-color: #fefefe;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transform: skew(0);
  transform: skew(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
}
.card .show-on-action {
  bottom: 26px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: inherit;
  transition: inherit;
  visibility: hidden;
}
.card:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.card:hover .show-on-action {
  opacity: 1;
  visibility: visible;
}
.card-resizable:hover {
  margin-bottom: -20px;
  margin-top: -20px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.card figure {
  margin-bottom: 48px;
}
.cards-group {
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0;
  position: relative;
}
.cards-group:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .cards-group {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .cards-group {
    max-width: 960px;
  }
  .page-template-page-modular-page-new .cards-group {
    max-width: 1040px;
  }
}
.cards-group--centered {
  -webkit-justify-content: center;
  justify-content: center;
}
.swiper-container .cards-group {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}

@media (min-width: 1025px) {
  .swiper-container .cards-group {
    transform: initial !important;
  }
}

.card-item {
  display: -webkit-flex;
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .card-item {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .card-item {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .card-item {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .swiper-container.slides-length-1 .card-item {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .swiper-container.slides-length-1 .card-item {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .swiper-container.slides-length-2 .card-item {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .swiper-container.slides-length-2 .card-item {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .swiper-container.slides-length-2 .card-item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (min-width: 1024px) {
  .cards-group--fix-centered .card-item:nth-child(3n + 1):last-child {
    margin: auto;
  }
}
.bg-masked .card-cover {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  min-height: 180px;
  overflow: hidden;
  padding: inherit;
  position: relative;
}
.bg-masked .card-cover:before {
  background-color: rgba(0, 25, 69, 0.5);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.bg-masked .card-cover h3 {
  color: #FFF;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.bg-masked .card-cover + p {
  margin-bottom: 0;
  min-height: 180px;
  padding-top: 40px;
}
.bg-masked .card:hover .cover {
  -webkit-transform: translate(-50%, -50%) scale(1.25);
  transform: translate(-50%, -50%) scale(1.25);
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.page-template-page-modular-page-new .queue-pic h3 {
  font-weight:500;
  color:#484848;
}
.queue-pic figure {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-height: 400px;
  margin: auto;
}
.queue-pic figure:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .queue-pic figure {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .queue-pic figure {
    max-width: 960px;
  }
  .page-template-page-modular-page-new .queue-pic figure {
    max-width: 1440px;
  }
  .page-template-page-modular-page-new .queue-pic figure h3,
  .page-template-page-modular-page-new .queue-pic figure p{
  display:inline-block;
  width:100%;
    max-width: 460px;
  }
  .queue-pic:nth-of-type(2n) figure figcaption{
    text-align: right;
  }
  .queue-pic:nth-of-type(2n) figure figcaption > *{
    text-align: left;
  }
}
.queue-pic img {
  margin: auto;
}
@media (min-width: 768px){
  .page-template-page-modular-page-new .queue-pic img {
    max-width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .queue-pic figcaption {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .queue-pic figcaption {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .queue-pic figcaption {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
.queue-pic:nth-last-of-type(2n) {
  background-color: #FBFBFB;
}
.queue-pic:nth-of-type(2n) figure {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.page-template-page-modular-page-new  .queue-pic:nth-last-of-type(2n) {
  background-color: #fff;
}
@media (min-width: 320px) and (max-width: 767px) {
  .queue-pic figure {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .queue-pic img {
    margin-bottom: 40px;
    max-width: 100%;
  }
}
.company-hiring-block {
  padding-bottom: 60px;
  padding-top: 60px;
  position: relative;
}
.company-hiring-block:before {
  background-color: rgba(0, 25, 69, 0.7);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.company-hiring-block .col--full {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  text-align: center;
  z-index: 2;
}
.company-hiring-block p {
  color: #FFF;
}
.company-hiring-block .button {
  margin-top: 20px;
  width: 230px;
}
.page-template-page-modular-page-new .company-hiring-block .button {
  padding: 13px 20px;
  font-weight:bold;
  text-transform:uppercase;
  border:1px solid #fff;
}
.page-template-page-modular-page-new .company-hiring-block h2 {
  margin: 20px 0 60px;
  color:#fff;
}
img.cover {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
header {
  background-color: rgba(255, 255, 255, 0.98);
  padding-bottom: 20px;
  padding-top: 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.page-template-page-modular-page-new header {
  background-color: transparent;
}
.page-template-page-modular-page-new.is-top header {
  background-color: rgba(255, 255, 255, 0.98);
}
header + .header-shift {
  display: none;
}
header.is-fixed {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
header.is-fixed + .header-shift {
  display: block;
  height: 84px;
}
.page-template-page-modular-page-new header.is-fixed + .header-shift {
  display: none;
}
.page-template-page-modular-page-new .fancybox-iframe{
  min-height:80vh;
}
.page-template-page-modular-page-new .fancybox-type-iframe .fancybox-inner{
  height:auto !important;
}
.page-template-page-modular-page-new .header-cta {
  padding:120px 0 50px;
  text-align:center;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.page-template-page-modular-page-new .header-cta h1{
  display: block;
  margin-bottom: 50px;
}
.page-template-page-modular-page-new .header-cta h1 span{
  display: inline-block;
  font-weight:inherit;
}
.page-template-page-modular-page-new .header-cta .caption{
  display:inline-block;
  margin: 0 20px 20px;
}
.page-template-page-modular-page-new .header-cta .button{
  display:block;
  color:#E65825;
  padding: 15px 30px;
  font-size:14px;
  border: 1px solid #E65825;
  min-height:0;
}
.page-template-page-modular-page-new .header-cta .button--fill-orange{
  color:#fff;
  background: #E65825;
}
.page-template-page-modular-page-new .header-cta .button:hover{
  color:#fff;
  background:#E65825;
}
.page-template-page-modular-page-new .heading {
  /*margin-bottom: -115px;*/
  padding: 180px 0 0;
  margin-bottom:50px;
}
.page-template-page-modular-page-new .heading h2{
  max-width: 560px;
  margin: 0 auto 30px;
}
.page-template-page-modular-page-new .heading h2 strong{
  color:#E65825;
  font-weight:500;
}
.page-template-page-modular-page-new .heading p{
  max-width: 680px;
  margin:0 auto;
  text-align:center;
}
.page-template-page-modular-page-new .heading p span,
.page-template-page-modular-page-new .heading p em{
  color:#E65825;
}

.is-top header,
.menu-visible header {
  background-color:#fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 0 #EEE;
}
header .col-group {
  width: 100%;
}
header .body {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 1023px) {
  header .body {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  header .body {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  header .body {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .page-template-page-modular-page-new .heading {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .page-template-page-modular-page-new .header-cta{
    padding: 100px 0 50px;
  }
  .page-template-page-modular-page-new .heading {
    padding: 90px 0 0;
  }
  .page-template-page-modular-page-new .header-cta h1{
    font-size:40px;
    line-height:48px;

  }
  .page-template-page-modular-page-new .heading h2{
    font-size:28px;
    line-height:32px;
  }
  .page-template-page-modular-page-new section.small-shift{
    padding-bottom:20px;
  }
}
header .logotype {
  background-image: url(img/logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 44px;
  width: 191px;
}
header .toggle-menu {
  cursor: pointer;
  display: none;
  height: 38px;
  position: relative;
  width: 38px;
}
header .toggle-menu span {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: -webkit-transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
header .toggle-menu span,
header .toggle-menu span:before,
header .toggle-menu span:after {
  background-color: #484848;
  border-radius: 1px;
  display: block;
  height: 2px;
  position: absolute;
  width: 20px;
}
header .toggle-menu span:before,
header .toggle-menu span:after {
  content: '';
}
header .toggle-menu span:before {
  top: -7px;
  -webkit-transition: top 0.14s 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.14s 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
header .toggle-menu span:after {
  top: 7px;
  -webkit-transition: top 0.14s 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.14s 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.14s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.menu-visible header .toggle-menu span {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: -webkit-transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-visible header .toggle-menu span:before {
  opacity: 0;
  top: 0;
  -webkit-transition: opacity 1ms 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1ms 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-visible header .toggle-menu span:after {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.14s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header ul {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
header ul li {
  position: relative;
}
header ul .button {
  display: block;
  width: 71px;
}
header ul .button.button--fill-orange {
  background:#E65825;
}
@media (min-width: 768px) {
  header ul .on-top,
  header ul .not-on-top {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  header ul .not-on-top {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
  }
  .is-top header ul .on-top {
    opacity: 0;
    visibility: hidden;
  }
  .is-top header ul .not-on-top {
    opacity: 1;
    visibility: visible;
  }
}
header ul a {
  margin-left: 40px;
  font-weight:600;
}
header ul a:not(.button) {
  color: #484848;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 6px;
  padding-top: 6px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header ul a:not(.button):hover {
  box-shadow: 0 2px 0 0 #CDCDCD;
  color: #000;
}
header ul a:not(.button).is-active,
.current_page_item  a{
  box-shadow: 0 2px 0 0 #F17B0E;
  color: #000;
  cursor: default;
}

header ul a.demo {
  margin-left: 40px;
  margin-bottom: 0;
}

header ul a.login {
  margin-left: 20px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  header {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  header.is-fixed + .header-shift {
    display: block;
    height: 58px;
  }
  header .logotype {
    height: 33px;
    width: 144px;
  }
  header .toggle-menu {
    display: inline-block;
  }
  header ul {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: -170vh;
    opacity: 0;
    padding-top: 40px;
    -webkit-transition: margin-top 0.4s 0.2s, opacity 0.4s, visibility 0.4s;
    transition: margin-top 0.4s 0.2s, opacity 0.4s, visibility 0.4s;
    visibility: hidden;
    width: 100%;
  }
  .menu-visible header ul {
    margin-top: 10px;
    opacity: 1;
    -webkit-transition: margin-top 0.4s, opacity 0.4s 0.2s, visibility 0.4s 0.2s;
    transition: margin-top 0.4s, opacity 0.4s 0.2s, visibility 0.4s 0.2s;
    visibility: visible;
  }
  header ul li a {
    box-shadow: none !important;
    display: block;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    margin-bottom: 40px;
    margin-left: 0 !important;
  }
  header ul li a.button {
    background: none !important;
    border-radius: 6px;
    padding: 10px 16px;
    width: auto;
  }
  header ul li a.button--fill-orange {
    color: #F15F0D;
  }
  header ul li a.button--fill-orange[data-mobile-prefix]:before {
    content: attr(data-mobile-prefix) ' ';
  }
}
hr {
  background-color: #C8C8C8;
  border: 0;
  height: 1px;
  margin-top: 60px;
  margin-bottom: -40px;
}
#Front-page {
  background-image: url(img/frontpage/backtown.png);
  background-position: center 0;
  background-size: 263px 746px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 400px;
  overflow: hidden;
  position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #Front-page {
    background-image: url(img/frontpage/backtown@2x.png);
  }
}
#Front-page .town-block {
  left: 50%;
  padding-top: 12px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  -webkit-transform-origin: center top;
  transform-origin: center top;
width:1440px;
}
#Front-page .town-block:after {
  background-color: #D6E8FD;
  bottom: 0;
  content: '';
  left: 0;
  opacity: .8;
  position: absolute;
  right: 0;
  top: 0;
}
#Front-page .scene-town {
  opacity: 0;
}
#Front-page .scene-town.is-loaded {
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
#Front-page .scene-person {
  opacity: 0;
  position: absolute;
}
#Front-page .scene-person.is-loaded {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
#Front-page .scene-town.is-loaded ~ .scene-person.is-loaded {
  opacity: 1;
}
#Front-page .scene-town.is-loaded ~ .scene-person.is-loaded + .scene-dot + .scene-notification {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#Front-page .scene-notification {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 2);
  transition: all 0.3s cubic-bezier(0, 0, 0, 2);
}
#Front-page .scene-dot {
  background-image: url(img/frontpage/dot.png);
  background-position: bottom;
  background-size: 4px 7px;
  height: 0;
  position: absolute;
  -webkit-transition: height 0.35s;
  transition: height 0.35s;
  width: 4px;
}
#Front-page #window_boy_left {
  left: 235px;
  top: 223px;
}
#Front-page #window_boy_left + .scene-dot {
  bottom: 475px;
  left: 246px;
}
#Front-page #window_boy_left + .scene-dot + .scene-notification {
  left: 220px;
  top: 155px;
}
#Front-page #window_boy_left.is-loaded {
  -webkit-transition-delay: 0.675s;
  transition-delay: 0.675s;
}
#Front-page #window_boy_left.is-loaded + .scene-dot {
  height: 28px;
  -webkit-transition-delay: 0.675s;
  transition-delay: 0.675s;
}
#Front-page #window_boy_left.is-loaded + .scene-dot + .scene-notification {
  -webkit-transition-delay: 1.025s;
  transition-delay: 1.025s;
}
#Front-page #boy_dog {
  left: 742px;
  top: 382px;
}
#Front-page #boy_dog + .scene-dot {
  bottom: 292px;
  left: 823px;
}
#Front-page #boy_dog + .scene-dot + .scene-notification {
  left: 798px;
  top: 269px;
}
#Front-page #boy_dog.is-loaded {
  -webkit-transition-delay: 0.7625s;
  transition-delay: 0.7625s;
}
#Front-page #boy_dog.is-loaded + .scene-dot {
  height: 98px;
  -webkit-transition-delay: 0.7625s;
  transition-delay: 0.7625s;
}
#Front-page #boy_dog.is-loaded + .scene-dot + .scene-notification {
  -webkit-transition-delay: 1.1125s;
  transition-delay: 1.1125s;
}
#Front-page #window_boy_center {
  left: 599px;
  top: 188px;
}
#Front-page #window_boy_center + .scene-dot {
  bottom: 510px;
  left: 607px;
}
#Front-page #window_boy_center + .scene-dot + .scene-notification {
  left: 588px;
  top: 112px;
}
#Front-page #window_boy_center.is-loaded {
  -webkit-transition-delay: 0.89375s;
  transition-delay: 0.89375s;
}
#Front-page #window_boy_center.is-loaded + .scene-dot {
  height: 35px;
  -webkit-transition-delay: 0.89375s;
  transition-delay: 0.89375s;
}
#Front-page #window_boy_center.is-loaded + .scene-dot + .scene-notification {
  -webkit-transition-delay: 1.24375s;
  transition-delay: 1.24375s;
}
#Front-page #BS_left_girl {
  left: 1088px;
  top: 388px;
}
#Front-page #BS_left_girl + .scene-dot {
  bottom: 310px;
  left: 1106px;
}
#Front-page #BS_left_girl + .scene-dot + .scene-notification {
  left: 1087px;
  top: 276px;
}
#Front-page #BS_left_girl.is-loaded {
  -webkit-transition-delay: 1.090625s;
  transition-delay: 1.090625s;
}
#Front-page #BS_left_girl.is-loaded + .scene-dot {
  height: 70px;
  -webkit-transition-delay: 1.090625s;
  transition-delay: 1.090625s;
}
#Front-page #BS_left_girl.is-loaded + .scene-dot + .scene-notification {
  -webkit-transition-delay: 1.440625s;
  transition-delay: 1.440625s;
}
#Front-page #window_boy_right {
  left: 1213px;
  top: 219px;
}
#Front-page #window_boy_right + .scene-dot {
  bottom: 480px;
  left: 1222px;
}
#Front-page #window_boy_right + .scene-dot + .scene-notification {
  left: 1200px;
  top: 159px;
}
#Front-page #window_boy_right.is-loaded {
  -webkit-transition-delay: 1.3859375s;
  transition-delay: 1.3859375s;
}
#Front-page #window_boy_right.is-loaded + .scene-dot {
  height: 21px;
  -webkit-transition-delay: 1.3859375s;
  transition-delay: 1.3859375s;
}
#Front-page #window_boy_right.is-loaded + .scene-dot + .scene-notification {
  -webkit-transition-delay: 1.7359375s;
  transition-delay: 1.7359375s;
}
#Front-page #walking_woman {
  left: 330px;
  top: 383px;
}
#Front-page #walking_woman + .scene-dot {
  bottom: 314px;
  left: 350px;
}
#Front-page #walking_woman + .scene-dot + .scene-notification {
  left: 328px;
  top: 313px;
}
#Front-page #walking_woman.is-loaded {
  -webkit-transition-delay: 1.68125s;
  transition-delay: 1.68125s;
}
#Front-page #walking_woman.is-loaded + .scene-dot {
  height: 35px;
  -webkit-transition-delay: 1.68125s;
  transition-delay: 1.68125s;
}
#Front-page #walking_woman.is-loaded + .scene-dot + .scene-notification {
  -webkit-transition-delay: 2.03125s;
  transition-delay: 2.03125s;
}
#Front-page .body {
  bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  left: 0;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
#Front-page .body h1 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: 2.14px;
  line-height: 50px;
}
#Front-page .body h3 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 5px;
  line-height: 17px;
  margin-bottom: 30px;
}
#Front-page .body .button--fill-front-blue {
  position: absolute;
top:0;
}
#Front-page .is-loaded + .body .button--fill-front-blue {
  opacity: 0;
  -webkit-transition-delay: 2.5671875s;
  transition-delay: 2.5671875s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  visibility: hidden;
}
#Front-page .caption {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
position: relative;

}
#Front-page .caption p {
  color: #F17B0E;
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 34px;
  margin: 20px 30px;
}
#Front-page + .trusted-by {
  background-color: #D6E8FD;
  padding-bottom: 0;
  padding-top: 10px;
}
#Front-page + .trusted-by div {
  padding-bottom: 30px;
  overflow: auto;
}
#Front-page + .trusted-by .solid-list li {
  box-shadow: none;
}
#Front-page + .trusted-by .solid-list li img {
  opacity: 1;
}
@media (min-width: 768px) {
  #Front-page {
    min-height: 746px;
  }
  #Front-page .town-block {
    margin-top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #Front-page .town-block:after {
    opacity: 0;
  }
  #Front-page .body {
    bottom: 11px;
  }
  #Front-page .body h1 {
    font-size: 76px;
    margin-bottom: 18px;
    letter-spacing: 2.81px;
    line-height: 85px;
  }
  #Front-page .body h3 {
    background-color: #D6E8FD;
    font-size: 20px;
    letter-spacing: 10px;
    line-height: 23px;
    margin-bottom: 20px;
    padding-left: 26px;
    padding-right: 16px;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
  }
  #Front-page .body .bordered {
    border-top: 2px solid #474747;
    box-shadow: 0 0 0 20px #D6E8FD;
    height: 0;
    margin: 0 auto 32px;
    max-width: 840px;
    width: 100%;
  }
  #Front-page + .trusted-by div {
    padding-bottom: 40px;
  }
}
.container-reviews .swiper-slide-prev,
.container-reviews .swiper-slide-next {
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.container-reviews .swiper-slide:hover .swiper-slide-inner {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.container-reviews .swiper-slide-prev:hover {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.container-reviews .swiper-slide-next:hover {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}
.card-block {
  display: -webkit-flex;
  display: flex;
  font-size: 10px;
  margin: 0 auto;
  padding: 1em 0;
  text-decoration: none;
  width: 100%;
}
.card-block-inner {
  background-color: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-transform: skew(0);
  transform: skew(0);
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
}
.page-template-page-modular-page-new .card-block-inner,
.page-template-page-news .card-block-inner {
  -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);
  box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);
}
.card-block-inner .show-on-action {
  bottom: 26px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: inherit;
  transition: inherit;
  visibility: hidden;
}
.card-block-inner:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin: -1em 0;
  padding: 1em 0;
}
.page-template-page-modular-page-new .card-block-inner:hover {
  -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);
  box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);
}
.card-block-inner:hover .show-on-action {
  opacity: 1;
  visibility: visible;
}
.card-block-content {
  margin: -1em 0;
  width: 100%;
}
.card-block-cover {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  height: 180px;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
  position: relative;
}
.page-template-page-modular-page-new .card-block-cover {
  flex-wrap: wrap;
}
.card-block-cover:first-child {
  padding-top: 30px;
  padding-top: calc(1em + 20px);
}
.card-block-cover:last-child {
  padding-bottom: 30px;
  padding-bottom: calc(1em + 20px);
}
.card-block-cover:first-child,
.card-block-cover:last-child {
  height: 190px;
  height: calc(1em + 180px);
}
.card-block-cover:only-child {
  height: 210px;
  height: calc(2em + 180px);
}
.page-template-page-modular-page-new .card-block-content,
.page-template-page-news .card-block-content {
  display:table;
}
.page-template-page-modular-page-new .card-block-cover:only-child,
.page-template-page-news .card-block-cover:only-child {
  height: auto;
  display:table-cell;
  vertical-align:middle;
}
.card-block-cover img {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.card-block-cover:before {
  /* background-color: #001945; */
  bottom: 0;
  content: '';
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.page-template-page-modular-page-new .card-block-cover:before {
  display:none;
}
.card-block-cover-caption {
  color: #FFF;
  position: relative;
  z-index: 2;
  font-weight:400;
}
.card-block-cover h3 {
  margin-bottom: 0;
}
.page-template-page-modular-page-new .card-block-cover h3 {
  display:block;
}
.card-block .button {
  display:inline-block;
  min-width:160px;
  margin: 30px 0 0;
  padding: 10px 20px 8px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
}
.card-block .button:hover {
  color:#E65825;
  background-color:#fff;
}
/*.card-block-inner:hover .card-block-cover img {
  -webkit-transform: translate(-50%, -50%) scale(1.25);
  transform: translate(-50%, -50%) scale(1.25);
  -webkit-transition: all 3s 0.2s ease-in-out;
  transition: all 3s 0.2s ease-in-out;
}*/
.card-block-caption {
  min-height: 180px;
  padding: 40px 20px 0;
}
.card-block--large {
  font-size: 20px;
}
.card-block--large .card-block-cover:first-child {
  padding-top: 40px;
  padding-top: calc(1em + 20px);
}
.card-block--large .card-block-cover:last-child {
  padding-bottom: 40px;
  padding-bottom: calc(1em + 20px);
}
.card-block--large .card-block-cover:first-child,
.card-block--large .card-block-cover:last-child {
  height: 200px;
  height: calc(1em + 180px);
}
.card-block--large .card-block-cover:only-child {
  height: 220px;
  height: calc(2em + 180px);
}
.card-block figure {
  padding: 1em 20px 2.5em 20px;
}
[name=make-a-choice] {
  display: none;
}
[name=make-a-choice] + label {
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 1023px) {
  [name=make-a-choice] + label {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  [name=make-a-choice] + label {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  [name=make-a-choice] + label {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
[name=make-a-choice] + label div {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #C8C8C8;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-height: 280px;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
[name=make-a-choice] + label div .ico {
  font-size: 30px;
  line-height: 1;
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transform: scale(0.92);
  transform: scale(0.92);
  -webkit-transition: inherit;
  transition: inherit;
}
[name=make-a-choice] + label div img {
  display: block;
  -webkit-filter: grayscale(1);
  margin: 0 auto 14px;
  -webkit-transition: inherit;
  transition: inherit;
}
[name=make-a-choice] + label div h3 {
  margin-bottom: 40px;
  text-transform: capitalize;
}
[name=make-a-choice] + label:hover div img {
  -webkit-filter: grayscale(0);
}
[name=make-a-choice]:checked + label {
  cursor: default;
}
[name=make-a-choice]:checked + label div {
  background-color: #FFF;
  box-shadow: inset 0 0 0 1px transparent, 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
[name=make-a-choice]:checked + label div .ico {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
[name=make-a-choice]:checked + label div img {
  -webkit-filter: grayscale(0);
}
[name=make-a-choice]:checked + label div h3 {
  color: #0056EE;
  text-transform: capitalize;
}
.make-a-choice p {
  float: none !important;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .make-a-choice p {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .make-a-choice p {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .make-a-choice p {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 100%;
  }
}
.make-a-choice .col-group {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.make-a-choice .col-left {
  float: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .make-a-choice .col-left {
    margin-right: -3.52564103%;
    padding-left: 3.52564103%;
    width: 110px;
  }
  .make-a-choice .col-left label {
    margin-left: 0;
  }
  .make-a-choice .col-left label:after {
    margin-left: -4px;
  }
  .make-a-choice .col-left h4 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .make-a-choice .col-left {
    margin-right: -1.63043478%;
    padding-left: 1.63043478%;
    width: 51.63043478%;
  }
}
@media (min-width: 1024px) {
  .make-a-choice .col-left {
    margin-right: -1.04166667%;
    padding-left: 1.04166667%;
    width: 34.375%;
  }
}
.make-a-choice .col-right {
  display: -webkit-flex;
  display: flex;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .make-a-choice .col-right {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .make-a-choice .col-right {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .make-a-choice .col-right {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 33.33333333%;
  }
}
.make-a-choice .col-right-inner {
  display: -webkit-flex;
  display: flex;
  position: relative;
  background-color: #FFF;
  border-radius: 4px;
  width: 100%;
}
.make-a-choice .col-right ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  text-align: left;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.make-a-choice .col-right ul:not(.is-current) {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.make-a-choice .col-right ul.is-current {
  opacity: 1;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index: 1;
}
.make-a-choice .col-right ul li {
  color: #484848;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 30px;
  position: relative;
}
.make-a-choice .col-right ul .ico {
  font-size: 18px;
  left: 0;
  margin-right: 12px;
  position: absolute;
}
.make-a-choice {
  overflow: hidden;
  margin-bottom: -10px;
  padding-bottom: 10px;
  position: relative;
}
.make-a-choice > div {
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
}
#make-a-choice--marketer:checked ~ .make-a-choice .make-a-choice--marketer,
#make-a-choice--engineer:checked ~ .make-a-choice .make-a-choice--engineer {
  opacity: 1;
  position: relative;
  visibility: visible;
}
[name^=make-a-choice--] {
  display: none;
}
[name^=make-a-choice--] + label {
  -webkit-align-items: center;
  align-items: center;
  background-color: #FFF;
  border-radius: 4px 0 0 4px;
  color: #484848;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  margin-left: 40px;
  margin-right: -4px;
  min-height: 60px;
  overflow: hidden;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
[name^=make-a-choice--] + label:not(:last-child) {
  margin-bottom: 10px;
}
[name^=make-a-choice--] + label:after {
  bottom: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  content: '';
  left: 100%;
  margin-left: -8px;
  opacity: 1;
  position: absolute;
  top: 0;
  -webkit-transition: inherit;
  transition: inherit;
  width: 1px;
}
[name^=make-a-choice--] + label .ico {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 24px;
  margin-right: 12px;
  opacity: .5;
  text-align: center;
  -webkit-transition: inherit;
  transition: inherit;
  width: 24px;
}
[name^=make-a-choice--] + label .ico-api,
[name^=make-a-choice--] + label .ico-template {
  font-size: 22px;
}
[name^=make-a-choice--] + label .ico-campaigns {
  font-size: 19px;
}
[name^=make-a-choice--] + label .ico-analytics {
  font-size: 18px;
}
[name^=make-a-choice--] + label h4 {
  margin-bottom: 0;
  opacity: .5;
  -webkit-transition: inherit;
  transition: inherit;
  white-space: nowrap;
}
[name^=make-a-choice--] + label:hover .ico,
[name^=make-a-choice--] + label:hover h4 {
  opacity: .8;
}
[name^=make-a-choice--]:checked + label {
  cursor: default;
  margin-left: 0;
}
[name^=make-a-choice--]:checked + label:after {
  opacity: 0;
}
[name^=make-a-choice--]:checked + label .ico {
  opacity: 1;
}
[name^=make-a-choice--]:checked + label .ico:before {
  background: #0056EE;
  background: -moz-linear-gradient(left, #0056EE, #0072EE);
  background: -webkit-linear-gradient(left, #0056EE, #0072EE);
  background: linear-gradient(to right, #0056EE, #0072EE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[name^=make-a-choice--]:checked + label h4 {
  opacity: 1;
}
.product-what-are-you {
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -16px;
}
.product-what-are-you:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .product-what-are-you {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .product-what-are-you {
    max-width: 960px;
  }
}
.product-what-are-you a {
  -webkit-align-items: center;
  align-items: center;
  box-shadow: inset 1px 0 0 0 #EEE, 1px 0 0 0 #EEE;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 16px;
  padding-bottom: 29px;
  padding-top: 29px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .product-what-are-you a {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .product-what-are-you a {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .product-what-are-you a {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 25%;
  }
}
.product-what-are-you a img {
  margin-bottom: 26px;
}
.product-what-are-you a:hover {
  background-color: #FFF;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 6px;
  margin-top: -10px;
  padding-bottom: 39px;
  padding-top: 39px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .swiper-container.is-list .card-item {
    padding-left: 10px;
    padding-right: 10px;
    width: 84%;
  }


  }
#Contact-page {
  background-color: #FBFBFB;
}
#Contact-page p {
  margin-bottom: 40px;
  text-align: center;
}
#Contact-page .cards-group {
  color: #474747;
  margin-bottom: 0;
}
#Contact-page a {
  color: inherit;
  text-decoration: none;
}
#Contact-page a:hover {
  color: #000;
}
#Contact-page .icon {
  margin-right: 10px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Contact-page .col-email {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Contact-page .col-email {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #Contact-page .col-email {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 25%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Contact-page .col-address {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Contact-page .col-address {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #Contact-page .col-address {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 58.33333333%;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Contact-page .col-phone {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Contact-page .col-phone {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #Contact-page .col-phone {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 16.66666667%;
  }
}
#Partners-page {
  background-color: #FBFBFB;
}
#Partners-page p {
  text-align: center;
}
#Partners-page > h3 {
  color: #0056EE;
  display: block;
  margin-top: 40px;
  text-align: center;
}
#Partners-page .picture {
  height: 160px;
  padding-top: 40px;
}
#Partners-page .card-block-inner {
  text-decoration: none;
}
.picture-info-block {
  -webkit-align-items: center;
  align-items: center;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 60px;
  padding-top: 60px;
}
.picture-info-block:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .picture-info-block {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .picture-info-block {
    max-width: 960px;
  }
}
.picture-info-block{
  border-bottom: 1px solid #C8C8C8;
}
@media (min-width: 320px) and (max-width: 1023px) {
  .picture-info-block .picture-block {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .picture-info-block .picture-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .picture-info-block .picture-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 33.33333333%;
  }
}
.picture-info-block .picture-block img {
  border-radius: 2px;
  display: block;
  margin: auto;
  width: 100%;
}
@media (max-width: 767px) {
  .picture-info-block .picture-block {
    margin-bottom: 40px;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .picture-info-block .info-block {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .picture-info-block .info-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .picture-info-block .info-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 66.66666667%;
  }
}
.picture-info-block .info-block h3 {
  color: #0056EE;
  display: block;
}
.picture-info-block .info-block sub {
  color: #C8C8C8;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  vertical-align: baseline;
}
.picture-info-block .info-block p {
  color: #474747;
  margin-bottom: 10px;
}
.picture-info-block .info-block a {
  color: #0056EE;
  text-decoration: none;
}
.picture-info-block.small-picture .picture-block {
  margin-bottom: auto;
  margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .picture-info-block.small-picture .picture-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .picture-info-block.small-picture .picture-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 16.66666667%;
  }
}
.picture-info-block.small-picture .picture-block .picture {
  display: -webkit-flex;
  display: flex;
  height: 54px;
  margin-bottom: 20px;
}
.picture-info-block.small-picture .picture-block img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.picture-info-block.small-picture .picture-block figcaption {
  color: #C8C8C8;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .picture-info-block.small-picture .info-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .picture-info-block.small-picture .info-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 83.33333333%;
  }
}
.bordered-box {
  margin: auto;
  margin-bottom: -40px;
  padding-bottom: 60px;
  text-align: center;
  padding-top: 40px;
}
.bordered-box:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .bordered-box {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .bordered-box {
    max-width: 960px;
  }
}
.bordered-box:not(:last-child) {
  border-bottom: 1px solid #C8C8C8;
}
.bordered-box:last-child {
  margin-bottom: -60px;
}
.bordered-box .button {
  display: inline-block;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 12px;
}
.bordered-box.blog-list{
      clear: both;
    display: inline-block;
    margin: 32px 0;
    width: 100%;
}
.term-other-events .bordered-box.blog-list,
.term-iterable-events .bordered-box.blog-list{
    display:table;
    margin: 32px auto
}
.gallery-container {
  height: 600px;
}
.gallery-container .swiper-slide {
  max-width: 100%;
  overflow: hidden;
  width: 100% !important;
}
.gallery-container .swiper-slide img {
  left: 50%;
  margin-top: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gallery-container .swiper-pagination {
  bottom: 20px;
  line-height: 0;
}
.gallery-container .swiper-pagination-bullet {
  background: none;
  border: 2px solid #FFF;
  height: 10px;
  opacity: 1;
  width: 10px;
}
.gallery-container .swiper-pagination-bullet-active {
  background-color: #FFF;
}
.half-group {
  margin: auto;
  padding-top: 80px;
}
.half-group:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 768px) {
  .half-group {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .half-group {
    max-width: 960px;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .half-group .column {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .half-group .column {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .half-group .column {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
.half-group .column:not(:last-child) {
  margin-bottom: 40px;
}
.half-group .column .centered-item {
  float: none !important;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .half-group .column .centered-item {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 87.5%;
  }
}
@media (min-width: 1024px) {
  .half-group .column .centered-item {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 66.66666667%;
  }
}
.half-group h3 {
  color: #0056EE;
  margin-bottom: 40px;
}
.half-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.half-group ul p {
  margin-bottom: 22px;
}
.half-group ul .ico {
  margin-right: 10px;
  text-align: center;
  width: 24px;
}
.glassdoor {
  display: block;
  margin-top: 40px;
}
.no-bottom-shift {
  padding-bottom: 0 !important;
}
.no-bottom-shift .cards-group,
.no-bottom-shift .col--full {
  margin-bottom: 0;
}
#Teardowns-page {
  padding-bottom: 40px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Teardowns-page .picture-info-block .picture-block,
  #Teardowns-page .picture-info-block .info-block {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Teardowns-page .picture-info-block .picture-block,
  #Teardowns-page .picture-info-block .info-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #Teardowns-page .picture-info-block .picture-block,
  #Teardowns-page .picture-info-block .info-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
#Teardowns-page .picture-info-block .info-block {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 300px;
}
#Teardowns-page .picture-info-block .info-block img {
  display: block;
  margin: 0 auto 40px;
}
#Teardowns-page .picture-info-block .info-block p {
  margin-bottom: 0;
  text-align: center;
}
#Teardowns-page .picture-info-block .info-block p:last-child {
  color: #C8C8C8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: auto;
}
#Landing-page {
  background-color: #FBFBFB;
  padding-bottom: 80px;
}
#Landing-page .logo {
  display: block;
  height: 60px;
  margin: 60px auto 40px;
}
#Landing-page h1 {
  display: block;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 60px;
  text-align: center;
}
#Landing-page p:last-child {
  margin-bottom: 0;
}
#Landing-page .left-block {
  margin-bottom: 60px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Landing-page .left-block {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Landing-page .left-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 37.5%;
  }
}
@media (min-width: 1024px) {
  #Landing-page .left-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 33.33333333%;
  }
}
#Landing-page .left-block img {
  margin-bottom: 40px;
  max-width: 100%;
}
#Landing-page .left-block a {
  color: #0056EE;
  text-decoration: none;
}
#Landing-page .right-block {
  margin-bottom: 60px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Landing-page .right-block {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Landing-page .right-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 62.5%;
  }
}
@media (min-width: 1024px) {
  #Landing-page .right-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 66.66666667%;
  }
}
#Landing-page-2 ~ #Front-page {
  overflow: visible;
}
#Landing-page-2 ~ #Front-page .col-group {
  position: relative;
}
#Landing-page-2 ~ #Front-page .col-group img {
  display: block;
  height: 44px;
  margin: 40px auto 30px;
}
#Landing-page-2 ~ #Front-page .form {
  float: none !important;
  margin: 0 auto -40px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Landing-page-2 ~ #Front-page .form {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Landing-page-2 ~ #Front-page .form {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 87.5%;
  }
}
@media (min-width: 1024px) {
  #Landing-page-2 ~ #Front-page .form {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 66.66666667%;
  }
}
#Landing-page-2 ~ #Front-page h1 {
  display: block;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 18px;
  padding: 0 40px;
  text-align: center;
}
#Landing-page-2 ~ #Front-page .scene-person,
#Landing-page-2 ~ #Front-page .scene-dot,
#Landing-page-2 ~ #Front-page .scene-notification {
  -webkit-transition-delay: 0 !important;
  transition-delay: 0 !important;
}
#Landing-page-2 ~ #Front-page .town-scene {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
#Landing-page-2 ~ #Front-page .town-scene-container {
  min-height: 400px;
}
@media (min-width: 768px) {
  #Landing-page-2 ~ #Front-page .town-scene-container {
    min-height: 746px;
  }
}
@media (min-width: 768px) {
  #Landing-page-2 ~ #Front-page {
    max-height: 670px;
    min-height: 670px;
  }
}
#Landing-page-2 ~ .landing-information {
  background-color: #FBFBFB;
}
#Landing-page-2 ~ .landing-information .col-group {
  padding-bottom: 60px;
}
#Landing-page-2 ~ .landing-information .half-block {
  margin-top: 60px;
}
@media (min-width: 320px) and (max-width: 1023px) {
  #Landing-page-2 ~ .landing-information .half-block {
    float: left;
    padding-right: 3.52564103%;
    padding-left: 3.52564103%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #Landing-page-2 ~ .landing-information .half-block {
    float: left;
    padding-right: 1.63043478%;
    padding-left: 1.63043478%;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #Landing-page-2 ~ .landing-information .half-block {
    float: left;
    padding-right: 1.04166667%;
    padding-left: 1.04166667%;
    width: 50%;
  }
}
#Landing-page-2 ~ .landing-information .half-block p:first-child {
  padding-top: 20px;
}
#Landing-page-2 ~ .landing-information .col--full h3 {
  margin-top: 18px;
}
#Landing-page-2 ~ .landing-information a {
  color: #0056EE;
  text-decoration: none;
}
[id^=Landing-page] ~ .trusted-by {
  box-shadow: inset 0 1px 0 0 #C8C8C8;
  overflow: hidden;
}
[id^=Landing-page] ~ .trusted-by h4 {
  margin-top: 40px;
}
[id^=Landing-page] ~ .trusted-by h4 + div {
  margin-bottom: 80px;
}
[id^=Landing-page] ~ .trusted-by img {
  opacity: .3;
}
[id^=Landing-page] ~ .trusted-by p {
  color: #AFAFAF;
  margin-bottom: 40px;
  line-height: 1;
}
.register-form {
  background-color: #FFF;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 40px 0;
  text-align: center;
}
.register-form h3 {
  color: #0056EE;
  display: block;
  margin-bottom: 0;
  text-align: center;
}
.register-form .form-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 20px 40px;
}
.register-form label {
  color: #474747;
}
.register-form .input {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 20px 20px 0;
  position: relative;
  text-align: left;
  width: 50%;
}
@media (max-width: 600px) {
  .register-form .input {
    width: 100%;
  }
}
.register-form .input span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.register-form .input input,
.register-form .input select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #FBFBFB;
  border: 0;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #C8C8C8;
  color: #474747;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  min-height: 40px;
  padding: 6px 10px 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.register-form .input input::-webkit-input-placeholder,
.register-form .input select::-webkit-input-placeholder {
  color: transparent;
}
.register-form .input input::-moz-placeholder,
.register-form .input select::-moz-placeholder {
  color: transparent;
}
.register-form .input input:-moz-placeholder,
.register-form .input select:-moz-placeholder {
  color: transparent;
}
.register-form .input input:-ms-input-placeholder,
.register-form .input select:-ms-input-placeholder {
  color: transparent;
}
.register-form .input input:required:not(:focus)[placeholder]:not(:placeholder-shown):valid + span,
.register-form .input select:required:not(:focus)[placeholder]:not(:placeholder-shown):valid + span {
  background-image: url(img/ico/checkmark-green.svg);
  background-position: center right;
  background-repeat: no-repeat;
  color: #C8C8C8;
}
.register-form .input input:required:not(:focus)[placeholder]:not(:placeholder-shown):invalid,
.register-form .input select:required:not(:focus)[placeholder]:not(:placeholder-shown):invalid {
  box-shadow: inset 0 0 0 1px #F15F0D;
}
.register-form .input input:required:not(:focus)[placeholder]:not(:placeholder-shown):invalid + span,
.register-form .input select:required:not(:focus)[placeholder]:not(:placeholder-shown):invalid + span {
  background-image: url(img/ico/cross-red.svg);
  background-position: center right;
  background-repeat: no-repeat;
  color: #C8C8C8;
}
.register-form .input input:required:not(:focus)[placeholder]:not(:placeholder-shown):invalid + span:after,
.register-form .input select:required:not(:focus)[placeholder]:not(:placeholder-shown):invalid + span:after {
  content: attr(data-invalid-message);
  color: #F15F0D;
  float: right;
  margin-right: 18px;
  text-transform: none;
}
.register-form .input select:invalid {
  color: #C8C8C8;
}
.register-form .arrow {
  border: 3px solid transparent;
  border-bottom: 0;
  border-top-color: inherit;
  bottom: 8px;
  content: '';
  position: absolute;
  right: 30px;
}
.register-form input[type=checkbox] {
  display: none;
}
.register-form input[type=checkbox] + label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.register-form input[type=checkbox] + label:before {
  background-color: #FBFBFB;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #C8C8C8;
  content: '';
  display: inline-block;
  margin-right: 10px;
  padding: 9px;
  vertical-align: text-bottom;
}
.register-form input[type=checkbox]:checked + label:before {
  background-image: url(img/ico/checkmark-green.svg);
}
.register-form .button {
  display: block;
  margin: 40px auto 0;
}
.breadcrumbs {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
  text-transform: uppercase;
}
.page-template-page-modular-page-new .breadcrumbs {
  display:none;
}
.breadcrumbs li {
  color: #474747;
  cursor: default;
  float: left;
  font-size: 12px;
  line-height: 15px;
}
.breadcrumbs li:last-child {
  color: #D3D3D3;
}
.breadcrumbs li:not(:last-child):after {
  content: ' \203A   ';
  white-space: pre;
}
.breadcrumbs li a {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}

.pagination{
  text-align:center;
}
.pagination a{
  color:#0056EE;
  text-decoration:none;
  font-weight:bold
}

/**/


.register-form .gform_wrapper h3.gform_title {
  color: #0056EE;
  font-size: 28px;
  font-weight: normal;
  line-height: 31px;
  margin: 0;
}

.register-form .gform_wrapper .gform_body {
  width: 100% !important;
}

.register-form .gform_wrapper ul.gform_fields {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 20px 40px;
}

.register-form .gform_wrapper ul.gform_fields li.gfield {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: auto !important;
  padding: 0px 20px 0;
  position: relative;
  text-align: left;
  width: 50%;
}

.register-form .gform_wrapper ul.gform_fields li.gfield#field_1_7 {
    clear: both;
    display: block;
  font-size: 18px;
    margin: 0;
    text-align: center;
    width: 100%;
}

.register-form .gform_wrapper .gfield_checkbox li input[type=checkbox] {
  display: none;
}

.register-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
  font-weight: normal;
}

.register-form .gform_wrapper label.gfield_label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .register-form .gform_wrapper .top_label div.ginput_container {
  margin: 0;
}

.register-form .gform_wrapper .top_label input.medium {
  -webkit-appearance: none;
  appearance: none;
  background-color: #FBFBFB;
  border: 0;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #C8C8C8;
  color: #474747;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  margin: 0 !important;
  min-height: 40px;
  padding: 6px 10px 8px !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

.register-form .gform_wrapper ul.gform_fields li.gfield select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #FBFBFB;
  border: 0;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #C8C8C8;
  color: #474747;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  min-height: 40px;
  padding: 6px 10px 8px !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}


.register-form .gform_wrapper .gform_footer {
  margin: 0;
    padding: 0;
}

.register-form .gform_wrapper .gform_footer .button {
  margin: 0 auto;
}

.register-form .gform_wrapper div.validation_error {
    background-color: #f00;
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 125%;
    margin: 0 20px 20px;
    padding: 20px 15px;
    text-align: center;
    width: auto;
    display: none;
}

.register-form .gform_wrapper li.gfield.gfield_error {
  background: none;
  border: none;
  margin-bottom: 0 !important;
}

.register-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  color: #f00;
  margin-top: 0;
}

.register-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 0;
}

.register-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  color: #f00;
  line-height: 125%;
  padding: 5px 0;
  display: none;
}

.register-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  background-color: #ffbbbb;
  border: 1px solid #f00;
}

@media only screen and (min-width: 641px) {
  .register-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: initial !important;
  }
  .register-form .gform_wrapper.gform_validation_error .top_label input.medium {
    width: 100%;
  }
}

@media only screen and (max-width: 641px) {
  .register-form .gform_wrapper ul.gform_fields li.gfield {
    padding: 0;
    width: 100%;
  }
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/* fixes button placement for mobile*/
@media (max-width: 767px) {
  div.have-questions button.button {
    display: block;
  }
  div.have-questions span.button {
    display: block;
  }
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.swiper-slide img {
margin: 50px auto;
}
.card-block-content>figure>figcaption>p{max-width: 280px;}
.benefits>li{padding: 10px;}

.ajax-loading{

    border-top: 1px solid #C8C8C8;
    padding-top: 28px;

}



.footer-logo-x{
  background-image: url(../../uploads/2017/01/footer-logo.png);
  background-size: 85px 78px;
  height: 78px;
display:block;
  width: 85px;
float:right;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  .footer-logo-x{
    background-image: url(../../uploads/2017/01/footer-logo@2x.png);
  float:none;
  margin:auto;
  }


}


.footer-logo:after{
  clear:both;
  display:block;
  content:'';
}

.slides-length-1 .swiper-wrapper li.card-item{
  float:none;
  margin:auto;
}

/* Landing page / page-top 100 */

.landing-banner{
  background:url(img/landing/landing-banner.png) no-repeat bottom right #fffffe;
  background-size:cover;
  padding-top:85px;
  padding-bottom:242px;
  display:block;
  margin-top:0px;
}

.landing-banner h2{
  color: #484848;
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  border:none;
  margin:0px;
  margin-bottom:41px;
  letter-spacing:2.5px;
}

h2:before{
  margin-right:30px;
}



.landing-banner p{
  color: #484848;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  border:none;
  letter-spacing:0.5px;
  max-width:650px;
  margin:auto;
}

.orange-button{
  color: #FFFFFF;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  padding:18px 27px;
  border-radius:5px;
  background-color: #F1A62D;
  letter-spacing:1.5px;
  text-decoration:none;
  text-transform:uppercase;
  margin:auto;
  min-width:232px;
  display:table;
}

.landing-banner .orange-button{
  margin-top:40px;
}

/* Download Repoert */

.download-report{
  background:url("img/landing/pattern-bg.png") repeat;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
  max-width:812px;
  margin:auto;
  display:block;
  margin-top:100px;
  margin-bottom:100px;
  text-align:center;
  color:#fff;
  padding:90px 90px 80px;
}

.download-report h3{
  color: #FFFFFF;
  font-family: Ubuntu;
  font-size: 28px;
  font-weight:500;
  line-height: 60px;
  text-align: center;
  letter-spacing:0.5px;
}

.download-report p{
  color: #FFFFFF;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 28px;
  letter-spacing:0.5px;
  text-align: center;
  margin-bottom:42px;
}

/* Clients Logos */

.top-logos{
  background-color: #F1F2F2;
  padding-top:1px;
  padding-bottom:85px;
}

.top-logos h2, .upcoming-events h2{
  margin:0px;
  margin-top:85px;
  margin-bottom:60px;
}

.top-logos ul{
  padding-left:0px;
  max-width:960px;
  margin:auto;
  margin-bottom:50px;
}

.top-logos ul li{
  display:inline-block;
  float:left;
  width:23%;
  text-align:center;
  margin:1%;
  height:200px;
  padding:15px 10px;
  background-color: #FFFFFF;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  position:relative;
}

.top-logos ul li:before{
  content: '';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.top-logos ul li .company-logo{
  display:inline-block;
  vertical-align:middle;
  width:97%;
}

.top-logos ul li .company-logo img{
  max-width:100%;
  max-height:90px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  opacity:1;
}

.top-logos p{
  opacity:0;
  margin-bottom:0px;
  position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;

}

.top-logos ul li:hover  img{
  opacity:0;
}

.top-logos ul li:hover  p{
  opacity:1;
}

.top-logos ul:after, .upcoming-events ul:after, .quote-section:after{
  clear:both;
  content:'';
  display:block;
}

/* Upcoming events */

.upcoming-events{
  max-width:960px;
  margin:auto;
}



.upcoming-events ul{
  padding-left:0px;
  margin-bottom:-10px;
}

.upcoming-events ul li{
  display:inline-block;
  float:left;
  width:22%;
  margin:1.5%;
  position:relative;
  text-align:center;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  padding:0px !important  ;
}

.upcoming-events .event-title{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat ;
  height:200px;
  position:relative;
}

.upcoming-events .event-title:before{
  content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.upcoming-events .event-title:after{
  content: ' ';
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:rgba(0,25,69,0.7);
  position:absolute;
}

.upcoming-events .event-title p{
  color: #FFFFFF;
  font-family: Ubuntu;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  display:inline-block;
  vertical-align:middle;
  padding:5px 10px;
  position:relative;
  z-index:1;
  margin-bottom:0px;
  width:97%;
}

.upcoming-events .event-date{
  color: #484848;
  font-family: "Source Sans Pro";
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  padding-top:37px;
}

.upcoming-events a.register-btn{
  color: #484848;
  font-family: "Source Sans Pro";
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #484848;
  background-color: #fff;
  padding:7px 13px;
  border-radius:5px;
  text-decoration:none;
  display:table;
  letter-spacing:1px;
  margin:28px auto 32px;
  text-transform:uppercase;
  min-width:160px;
}

/* Quote section */

.quote-section{
  max-width:780px;
  margin:auto;
  padding:127px 0px;
  padding-right:85px;
  padding-left:85px;
  box-shadow: 0 0 3px  rgba(0,0,0,0.5);
}

.quote-section .left-half{
  display:inline-block;
  float:left;
  width:25%;
  text-align:center;
}

.quote-section .right-half{
  display:inline-block;
  float:left;
  width:75%;
  padding-left:75px;
  position:relative;
}

.quote-section .right-half:before{
  height: 94px;
  width: 1px;
  border: 1px solid #fff;
  background-color: #E8E8E8;
  content:'';
  display:block;
  position:absolute;
  top:25%;
  margin-left:-40px;
}

.quote-author-img img{
  width:138px;
  border-radius:200px;
  margin-bottom:30px;
}

.quote-section .company-logo img{
  max-width:135px;
}

.quote-section p{
  color: #484848;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 30px;
  margin-bottom:50px;
  letter-spacing:0.5px;
}

.quote-section .quote-author{
  color: #484848;
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 24px;
  letter-spacing:1px;
}

.quote-section .quote-author strong{
  font-weight:bold;
  display:block;
}



.subscriptions-wrapper{
  max-width:625px;
  margin:auto;
}

.subscriptions-wrapper .left-image{
  display:inline-block;
  float:left;
  width:50%;
}

.subscriptions-wrapper .right-text{
  display:inline-block;
  float:left;
  width:50%;
}

.subscriptions-wrapper .right-text p{
  color: #484848;
    font-family: "Source Sans Pro";
    font-size: 20px;
    line-height: 28px;
    border: none;
  margin-bottom:50px;
  margin-top:40px;
    letter-spacing: 0.5px;
}

.subscriptions-wrapper .right-text a{
  margin-left:0px;
}

.subscriptions-wrapper:after{
  clear:both;
  content:'';
  display:block;
}



.top-subscriptions, .download-report, .top-logos, .upcoming-events, .quote-section, .blog-posts{
  margin-top:85px !important;
  margin-bottom:0px !important;
}
.interact-596e7d177d87a70011b5dbaa{

}

/* .hidden {
    height:0px;
    -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
    overflow: hidden;
}
.download-report .hidden
    .hidden.open {
        height: 830px;
        -webkit-transition:height, 0.5s linear;
        -moz-transition: height, 0.5s linear;
        -ms-transition: height, 0.5s linear;
        -o-transition: height, 0.5s linear;
        transition: height, 0.5s linear;
    } */
.download-report {
  position:relative;
}
.download-report .hidden{
  display: none;
}

.download-report.quiz-taken{
  height: 993px;
}

.download-report .hidden{
  position:absolute;
  top:80px;
  left:90px; right: 90px;
}

.top-subscriptions h2, .blog-posts h2{
  margin-top:0px;
}

.blog-posts h2{
  margin-bottom:60px;
}

.blog-posts{
  padding-bottom:0px !important;
  margin-bottom:-20px !important;
}


/* ABOUT PAGE */
.grid-container {
  max-width: 960px;
}

.grid-container.large,
.page-template-page-news .grid-container {
  max-width: 1180px;
}

section.interable-team {
  padding-bottom: 0;
}

.page-template-page-about .heading {
  padding:0 0 100px;
  text-align:center;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 70%;
  background-color: #fff;
}

.page-template-page-about section,
.page-template-page-news section {
  background-color: #fff;
}

.page-template-page-about section.iterable-team {
    position: relative;
}

.page-template-page-about .iterable-team .team-photo-large-container h4.section-title {
  color: #4c4c4c;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 0px;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 100%;
  text-align: center;
}

.page-template-page-about .team-photo-large {
  width: 100%;
  padding: 0 20px;
}

.page-template-page-about .iterable-team .team-photo-large-container .description {
  color: #f8a41d;
  text-align: center;
  font-size: 24px;
  position: absolute;
}

.page-template-page-about .iterable-team .team-photo-large-container #callout-one {
  left: 6%;
  top: 80px;
}

.page-template-page-about .iterable-team .team-photo-large-container #callout-two {
  left: 15%;
  bottom: 30%;
}

.page-template-page-about .iterable-team .team-photo-large-container #callout-three {
  right: 4%;
}

.page-template-page-about .iterable-team .team-photo-large-container #callout-four {
  right: 8%;
  bottom: 31%;
}

.page-template-page-about .team-photo-small-container,
.page-template-page-about .team-photo-small,
.page-template-page-about .team-photo-medium-container {
  display: none;
}

.page-template-page-about h2:before {
  display: none;
}

.page-template-page-about .heading .button--fill-orange,
.page-template-page-about .careers-at-iterable .button--fill-orange,
#activate-today .button--fill-orange,
.news-items-list .button--fill-orange,
.news-items-list button.alm-load-more-btn,
.page-template-page-responsys .button--fill-orange {
  padding: 15px 50px;
  border-radius: 4px;
  background-color: #e65825;
  color: #fff;
  font-size: 13px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.page-template-page-about .heading #company-contact-us {
  display: inline-block;
  margin-top: 60px;
}

.news-items-list button.alm-load-more-btn {
  line-height: inherit;
  height: auto;}

.leadership-team {
  background-image: url('/wp-content/themes/iterable/img/about-images/circle-left.jpg');
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: left top;
}

.leadership-team .leadership-title {
  text-align: center;
}

.page-template-page-news h4.section-title,
.page-template-page-about h4.section-title,
.page-template-page-responsys h4.section-title {
  color: #4c4c4c;
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 60px;
}

.leadership-team .leader {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11), inset 0 -1px 0 0 #EEE;
  padding: 30px 40px;
  margin-bottom: 30px;
  background-color: #fff;
}

.leadership-team .leader .profile-photo {
  height: 200px;
  border-radius: 200px;
  width: 200px;
  background-size: cover;
  background-position: center;
}

.leadership-team .leader .name {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 10px;
}

.leadership-team .leader .title {
  color: #6484a0;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
}

.leadership-team .leader i.fa {
  margin: 0 2px;
}

.leadership-team .leader .git {
  color: #181616;
}

section.funded {
  padding-bottom: 100px;
}

section.funded h4.label {
  background-color: #fff;
  margin-top: 40px;
}

.funded .funded-by-container {
  text-align: center;
}

.funded .funded-by-container img {
  border-right: 1px solid #cccccc;
  height: 80px;
  padding: 0 10px;
}

.careers-at-iterable {
  padding-top: 50px;
  padding-bottom: 100px !important;
}

.careers-at-iterable .team-photo-large {
  margin-bottom: 40px;
}

.careers-at-iterable .featured-jobs {
  margin-top: 40px;
}

.careers-at-iterable .career-icon {
  margin-bottom: 10px;
}

.careers-at-iterable .career-title {
  color: #f8a41d;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 300px;
}

.careers-at-iterable .job-button {
  text-align: center;
  margin-top: 40px;
}

/* WHAT'S NEW SECTION */
.page-template-page-about section.whats-new {
  background-color: #fbfbfb;
  padding-bottom: 100px;
  padding-top: 100px;
}

.whats-new-container {
  -webkit-box-shadow: 0px 20px 30px 1px rgba(0,0,0,0.21);
  -moz-box-shadow: 0px 20px 30px 1px rgba(0,0,0,0.21);
  box-shadow: 0px 20px 30px 1px rgba(0,0,0,0.21);
  margin: 0 10px;
}
.whats-new-container .whats-new-title-container {
  background-color: #f8a41d;
  padding: 20px;
  text-align: center;
  transition-duration: .5s;
}

.whats-new-container .whats-new-title-container:hover {
  background-color: #e65825;
}

.whats-new-container .whats-new-title-container h5 {
  margin-bottom: 0;
  color: #fff;
  font-weight: 600;
}

.whats-new-container .whats-new-body-container {
  padding: 20px;
}

.whats-new-container .whats-new-body-container .whats-new-title {
  margin-bottom: 0;
}
.whats-new-container .whats-new-body-container .whats-new-title a {
  color: #f8a41d;
  font-weight: 700;
  text-transform: uppercase;
}

.whats-new-container .see-all {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #e9ebec;
  margin-bottom: 0;
}
.whats-new-container .see-all a {
  color: #e65825;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  display: inline-block;
  transition-duration: .5s;
}

.whats-new-container .see-all a:hover {
  color: #f8a41d;
}


/* LEADING BRANDS SECTION */
.ignite-growth {
  padding: 100px 0;
}

.page-template-page-news h4.section-title,
.page-template-page-about .ignite-growth h4.section-title,
.page-template-page-responsys .ignite-growth h4.section-title {
  margin-bottom: 30px;
}
.leading-brands-mobile {
  display: none;
}

#activate-today {
  background-color: #fff;
}

#activate-today h2.section-title {
 margin-bottom: 40px !important;
  display: inline-block;
  width: 100%;
  margin-left: 0;
  margin-top: 40px;
}

#activate-today h2.section-title::before {
  display: none;
}

#activate-today .button--fill-orange {
  display: inline-block;
  font-size: 16px;
}

#activate-today {
  padding: 100px 0;
}


@media (max-width: 1280px) and (min-width: 1120px) {
  .page-template-page-about .iterable-team .team-photo-large-container h4.section-title {
    font-size: 32px;
    line-height: 38px;
  }
}

@media (max-width: 1119px) and (min-width: 980px) {
  .page-template-page-about .iterable-team .team-photo-large-container h4.section-title {
    font-size: 28px;
    line-height: 32px;
    left: 0;
  }

  .page-template-page-about .iterable-team .team-photo-large-container .description {
    line-height: 24px;
    font-size: 22px;
  }

  .page-template-page-about .iterable-team .team-photo-large-container #callout-one {
    top: 60px;
  }
  .page-template-page-about .iterable-team .team-photo-large-container #callout-two {
    bottom: 33%;
  }

  .page-template-page-about .iterable-team .team-photo-large-container #callout-four {
    bottom: 35%;
  }

}

@media (max-width: 767px) {
  .page-template-page-about .heading {
    background-image: url(https://1giyep1rf08048332uak0q01-wpengine.netdna-ssl.com/wp-content/uploads/2017/09/header_background_mobile.png);
  }
}

@media (max-width: 979px) and (min-width: 641px) {
  .page-template-page-about .team-photo-medium-container {
    display: inline-block;
  }

  .page-template-page-about .team-photo-large-container,
  .page-template-page-about .team-photo-small-container {
    display: none;
  }

  .page-template-page-about .iterable-team .team-photo-medium-container h4.section-title {
    color: #4c4c4c;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
  }
  .page-template-page-about .iterable-team .team-photo-medium-container img {
    width: 100%;
  }

  .page-template-page-about .iterable-team .team-photo-medium-container .description {
    color: #f8a41d;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    position: absolute;
  }

  .page-template-page-about .iterable-team .team-photo-medium-container #callout-four {
    display: none;
  }

  .page-template-page-about .iterable-team .team-photo-medium-container #callout-three {
    right: 25%;
    top: 24%;
  }

  .page-template-page-about .iterable-team .team-photo-medium-container #callout-two {
    bottom: 22%;
    left: 34%;
  }

  .page-template-page-about .iterable-team .team-photo-medium-container #callout-one {
    top: 42%;
    left: 21%;
  }
}

@media (max-width: 900px) and (min-width: 641px) {
   .funded .funded-by-container img {
    width: 27%;
    padding: 0 3%;
    margin-bottom: 20px;
    height: auto;
  }

  .funded .funded-by-container img:nth-child(3n) {
    border-right: none;
  }
}



@media screen and (max-width: 640px) {
  .page-template-page-about .team-photo-small-container,
  .page-template-page-about .team-photo-small {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 0px;
  }

  .page-template-page-about .team-photo-small {
    margin-bottom: 20px;
  }

  .page-template-page-about .team-photo-small-container h4 {
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
  }

  .page-template-page-about .iterable-team .team-photo-small-container .description {
    color: #f8a41d;
    text-align: center;
    font-size: 20px;
    position: absolute;
  }

  .page-template-page-about .iterable-team .team-photo-small-container #callout-one {
    left: 39%;
    top: 41%;
  }

  .page-template-page-about .iterable-team .team-photo-small-container #callout-two {
    bottom: 27%;
    right: 8%;
  }


  .page-template-page-about .iterable-team .team-photo-small-container #callout-three {
    top: 20%;
    right: 5%;
  }


  .page-template-page-about .team-photo-large-container {
    display: none;
  }

  .page-template-page-about .heading {
    background-image: none;
    padding-top: 40px;
  }

  .page-template-page-about .heading h2 {
    font-size: 30px;
    line-height: 32px;
    padding: 0 30px;
    margin-bottom: 20px;
    font-weight: 700;

  }

  .leadership-team {
    background-image: none;
    text-align: center;
  }

  .leadership-team .leader .profile-photo {
    margin: auto;
  }

  .funded ul.solid-list {
    height: auto;
  }

  .funded .funded-by-container img {
    width: 49%;
    padding: 20px;
    margin-bottom: 20px;
    height: auto;
  }

  .funded .funded-by-container img:nth-child(even) {
    border-right: none;
  }

  .page-template-page-news h4.section-title, .page-template-page-about .ignite-growth h4.section-title {
    line-height: 36px;
  }

  .leading-brands-large {
    display: none;
  }


  .leading-brands-mobile {
    display: inline-block;
    width: 100%;
  }

  .careers-at-iterable .career-title {
    max-width: none;
  }

  .careers-at-iterable .team-photo-large {
    display: none;
  }

  .whats-new-container {
    margin-bottom: 30px;
  }

  .whats-new-container .whats-new-body-container p {
    display: none;
  }

  .whats-new-container .whats-new-body-container p:nth-child(1),
  .whats-new-container .whats-new-body-container p:nth-child(2),
  .whats-new-container .whats-new-body-container p.see-all {
    display: inline-block;
    width: 100%;
  }
}



/* PAGE TEMPLATE - RESPONSYS LANDING PAGE */
.page-template-page-responsys header.is-fixed {
  background-color: rgba(255, 255, 255, 1);
}

.page-template-page-responsys header.is-fixed + .header-shift {
  height: 64px;
}

.page-template-page-responsys header .logotype {
  width: 170px;
}

.page-template-page-responsys header ul {
  display: none;
}

.page-template-page-responsys header .logotype {
    float: none;
    margin: auto;
    margin-top: 0px;
}
.page-template-page-responsys .responsys-header {
  padding: 0;
  color: #fff;
  position: relative;
}

.page-template-page-responsys .responsys-header {
  /*overflow: visible;*/
  background-image: url('./img/responsys-images/header-desktop-responsys.png');
  background-size: cover;
  background-color: #fff;
  background-size: auto 100%;
}

.page-template-page-responsys .responsys-header img.background-image {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.page-template-page-responsys .responsys-header .cell {
  color: #fff;
  padding-top: 200px;
  padding-bottom: 270px;
  position: relative;
}

.page-template-page-responsys .responsys-header .cell h1 {
  color: #fff;
  font-size: 48px;
}



.page-template-page-responsys .responsys-header .cell h4 {
  color: #fff;
  font-size: 30px;
  line-height: 32px;
}

.page-template-page-responsys .ignite-growth {
  background-color: #f2f5f6;
}

.page-template-page-responsys .slow-lane {
  padding-top: 50px;
}

.page-template-page-responsys .slow-lane h3 {
  font-weight: 700;
}

.page-template-page-responsys .slow-lane img {
  max-width: 250px;
}

.page-template-page-responsys .slow-lane .dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.page-template-page-responsys .slow-lane .percentage-container  {
  max-width: 330px;
  margin: 20px auto;
}

.page-template-page-responsys .slow-lane .percentage-container p {
  font-size: 30px;
  font-weight: 700;
  width: 107px;
  display: inline-block;
  float: left;
  text-align: left;
}

.page-template-page-responsys .slow-lane .percentage-container .small-text {
  font-size: 15px;
  position: relative;
  top: -3px;
  font-weight: 700;
  width: 223px;
}

.page-template-page-responsys .slow-lane .dot.yellow {
  background-color: #f1bd0f;
}

.page-template-page-responsys .slow-lane .dot.red {
  background-color: #d2443a;
}

.page-template-page-responsys .savings-calculator {
  /*position: relative;*/
  overflow: visible;
}

.page-template-page-responsys .savings-calculator .grid-container {
  background-color: #f2f5f6;
  padding: 20px;
  border-radius: 20px;
  position: relative;

}

.page-template-page-responsys .savings-calculator #calculator-fields h3 {
  margin-top: 15px;
  font-weight: 700;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-description-container {
  display: inline-block;
  width: 75%;
  float: left;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-description-container p {
  height: 55px;
  margin-bottom: 0;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container {
  display: inline-block;
  width: 25%;
  float: left;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span {
  display: inline-block;
  width: 100%;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span.first-name,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span.last-name,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span.company-name,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span.email-address,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span.total-tco,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container span.annual-savings,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container #submit-results,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container #submit-results,
.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container .ajax-loader {
  display: none;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container input {
    height: 45px;
    margin-bottom: 10px;
    background-color: rgba(228,231,232,0.4);
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #e4e7e8;
    font-weight: 700;
    font-size: 22px;
    text-align: right;
    color: #484848;
}

.page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container input.empty {
  border: 2px solid red;
}

.page-template-page-responsys .savings-calculator .wpcf7-response-output {
  display: none !important;
}

.page-template-page-responsys .has-tip {
  border-bottom: none;
}

.page-template-page-responsys .tooltip {
  max-width: 300px;
  background-color: #fff;
  padding: 20px;
}


.page-template-page-responsys .tooltip::before {
  border-color: #fff transparent transparent;
}

.page-template-page-responsys .tooltip h4 {
  color: #4c4c4c;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  top: -10px;
}

.page-template-page-responsys .tooltip p {
  color: #4c4c4c;
  font-size: 14px;
  margin-bottom: 0;
}

.page-template-page-responsys i.fa {
  color: #bcbdbe;
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.page-template-page-responsys #refresh-form {
  color: #484848;
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
  text-decoration: underline;
  opacity: 0.7;
  transition-duration: .5s;
  float: right;
}

.page-template-page-responsys #refresh-form:hover {
  opacity: 1;
}

.page-template-page-responsys .savings-calculator #savings-calculator {
  /*position: relative;
  overflow: visible;*/
  background-size: 100% 100%;
}
.page-template-page-responsys .savings-calculator #savings-calculator .background-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;

}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container {

  padding: 100px 12%;
  color: #fff;
  height: 450px;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container .hidden {
  display: none;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container h3 {
  color: #fff;
  font-weight: 700;
  width: 100%;
  margin-bottom: 30px;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container .results-container h3 {
   margin-bottom: 20px;
  font-size: 65px;
  display: inline-block;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container .results-container h5 {
  color: #fff;
  font-weight: 700;
}


.page-template-page-responsys .savings-calculator #savings-calculator .text-container .results-container p {
  font-weight: 700;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container .results-container p span.large-text {
   font-size: 22px;
  font-weight: 700;
  text-decoration: underline;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container .results-container p.disclaimer {
  font-weight: 300;
  font-size: 12px;
}
.page-template-page-responsys .savings-calculator #savings-calculator .text-container .button--fill-orange {
  margin-bottom: 30px;
  display: inline-block;
}

.page-template-page-responsys .savings-calculator #savings-calculator .text-container p {
  color: #fff;
  display: inline-block;
}

.page-template-page-responsys .savings-calculator .lines-one-desktop-container {
  position: relative;
  background: transparent;
}

.page-template-page-responsys .savings-calculator .lines-one-desktop {
  position: absolute;
  right: -243px;
  top: -127px;
}

.page-template-page-responsys .reveal-overlay .reveal {
  background-color: #f2f5f6;
}

.page-template-page-responsys .reveal-overlay .reveal .hidden {
  display: none;
}

.page-template-page-responsys .reveal-overlay h3 {
  font-size: 24px;
  font-weight: 700;
}

.page-template-page-responsys .reveal-overlay p {
  font-size: 14px;
  margin-bottom: 0;
}

.page-template-page-responsys .reveal-overlay input {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
}

.page-template-page-responsys .reveal-overlay input.empty-fields {
  border: 2px solid red;
}

.page-template-page-responsys .reveal-overlay .button-container {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

.page-template-page-responsys .growth-marketing  {
  padding: 50px 0;
  position: relative;
  overflow: visible;
}

.page-template-page-responsys .growth-marketing .lines-two-desktop {
  position: absolute;
  left: 0;
  bottom: -150px;
}

.page-template-page-responsys .growth-marketing h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.page-template-page-responsys .growth-marketing .header {
  margin-bottom: 30px;
}

.page-template-page-responsys .growth-marketing .bullet {
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.page-template-page-responsys .growth-marketing .text-container {
  display: inline-block;
  width: 90%;
  float: left;
  border-bottom: 1px solid #484848;
}

.page-template-page-responsys .growth-marketing .bullet-container:last-of-type .text-container {
  border-bottom: none;
}

.page-template-page-responsys .growth-marketing .bullet-container {
  margin-bottom: 20px;
  display: inline-block;
}

.page-template-page-responsys .growth-marketing .text-container h3 {
  font-size: 21px;
  color: #4c4c4c;
  font-weight: 700;
  margin-bottom: 0;
}

.page-template-page-responsys .growth-marketing .text-container p {
  margin-bottom: 20px;
}

.page-template-page-responsys .complete-checklist {
  background-image: url('./img/responsys-images/bg-download.jpg');
  padding: 50px 0 80px 0;
}

.page-template-page-responsys .complete-checklist h3 {
  font-weight: 700;
  color: #fff;
}

.page-template-page-responsys .complete-checklist p {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
  display: inline-block;
}

.page-template-page-responsys .complete-checklist a {
  display: inline-block;
}


.page-template-page-responsys .testimonial-section {
  padding: 100px 0;
}

.page-template-page-responsys .testimonial-section .logo {
  margin-bottom: 30px;
}

.page-template-page-responsys .testimonial-section .testimonial {
  font-size: 24px;
  line-height: 32px;
}

.page-template-page-responsys .testimonial-section .author {
  margin-bottom: 0px;
  font-weight: 700;
}

.page-template-page-responsys #activate-today {
  padding: 0;
   margin: 60px auto;
}

.page-template-page-responsys header .toggle-menu {
  display: none !important;
}

@media (max-width: 1380px) and (min-width: 1025px) {
  .page-template-page-responsys .savings-calculator .lines-one-desktop {

    /*width: 250px;*/
  }
  .page-template-page-responsys .growth-marketing .lines-two-desktop {
    width: 200px;
  }

}
@media (max-width: 1024px) and (min-width: 640px) {

  .page-template-page-responsys .responsys-header {
    background-image: url('./img/responsys-images/header-tablet-responsys.png');
    background-size: 100% 100%;
  }
  .page-template-page-responsys .responsys-header .cell {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .page-template-page-responsys .responsys-header img.background-image {
    bottom: 0;
  }

  .page-template-page-responsys .savings-calculator .lines-one-desktop,
  .page-template-page-responsys .growth-marketing .lines-two-desktop {
    display: none;
  }


}



@media screen and (max-width: 640px) {

  .page-template-page-responsys .responsys-header {
    background-image: url('./img/responsys-images/header-mobile-responsys.jpg');
  }
  .page-template-page-responsys .responsys-header .cell {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .page-template-page-responsys .responsys-header .cell h1 {
    font-size: 42px;
    line-height: 48px;
  }

  .page-template-page-responsys .slow-lane .percentage-container p,
  .page-template-page-responsys .slow-lane .percentage-container .small-text {
    width: 100%;
    text-align: center;
  }

  .page-template-page-responsys .ignite-growth {
    background-color: #fff;
  }

  .page-template-page-responsys .savings-calculator .lines-one-desktop-container,
  .page-template-page-responsys .growth-marketing .lines-two-desktop {
  display: none;
  }

  .page-template-page-responsys .ignite-growth h4.section-title {
    line-height: 32px;
  }

  .page-template-page-responsys .growth-marketing .text-container {
    width: 84%;
  }

  .page-template-page-responsys .savings-calculator #savings-calculator .text-container .results-container h3 {
    font-size: 55px;
  }

  .page-template-page-responsys .savings-calculator .grid-container {
    border-radius: 0;
  }

  .page-template-page-responsys .savings-calculator #calculator-fields .fields-description-container {
    width: 65%;
    padding-right: 20px;
  }
  .page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container {
    width: 34%;
  }

  .page-template-page-responsys .savings-calculator #calculator-fields .fields-description-container p {
    height: 78px;
  }

  .page-template-page-responsys .savings-calculator #calculator-fields .fields-input-container input {
    height: 60px;
    margin-bottom: 18px;
  }

  .page-template-page-responsys .savings-calculator #savings-calculator {
    margin-top: 20px;
  }
}

/* NEwS PAGE */
.page-template-page-news header {
  background-color: rgba(255,255,255,0);
}

.page-template-page-news.is-top header  {
  background-color: rgba(255,255,255,1);
}

.page-template-page-news section.header {
  background-image: url('/wp-content/themes/iterable/img/news-images/news-header.jpg');
  background-position: top right;
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding: 140px 0 60px 0;
}

.page-template-page-news section.header .section-title {
  margin-bottom: 30px;
  font-size: 36px;
}

.page-template-page-news .news-items-list .cell {
  width: 33%;
  display: inline-block;
  float: left;
  clear: none !important;
}

.page-template-page-news .news-item-container {
  margin: 0 10px 50px 10px;
  padding: 0 20px;
  height: 300px;
}
.page-template-page-news .news-item-title {
  font-size: 20px;
}

.page-template-page-news .news-item-title a {
  color: #6484a0;
}

.page-template-page-news .news-logo {
  height: 40px;
  margin-bottom: 20px;
}

.page-template-page-news .read-more {
  color: #f8a41d;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 300px;
  text-transform: uppercase;
}

.page-template-page-news .three-box-callouts h2 {
  margin-left: 0;
}

.page-template-page-news .three-box-callouts h2:before {
  display: none;
}

.page-template-page-news .three-box-callouts .card-block-cover::before {
  display: none;
}

@media screen and (max-width: 640px) {
  .page-template-page-news section.header {
    background-image: url('/wp-content/themes/iterable/img/news-images/ellipse-mobile.jpg');
  }
}

@media (max-width:767px){

  section:not(.non-standard) h2{
    margin: 0px auto 60px;
  }

  .landing-banner{
    background: url(img/landing/landing-banner-mobile.png) no-repeat bottom right;
    background-size: auto;
    padding-top: 38px;
    padding-bottom: 192px;
  }

  .swiper-container.is-list .events {
    padding-left: 10px;
    padding-right: 10px;
    width: 84%;
    }

    .top-logos ul li{
      width:92%;
      margin:2% 4%;
      height:150px;
    }

  .download-report{
    padding:50px 30px 50px;
  }
  .download-report.quiz-taken{
    height: 923px;
  }

  .download-report .hidden{
    top:50px;
    left:30px; right: 30px;
  }


  .download-report h3{
    line-height:31px;
  }

  .quote-section{
    padding:40px 20px;
    width:90%;
  }

  .quote-section .right-half{
    width:100%;
    display:block;
    float:none;
    padding-left:0px;
  }

  .quote-section .right-half:before{
    display:none;
  }

  .quote-section .left-half{
    width:100%;
    display:block;
    float:none;
    margin-bottom:25px;
  }

  .download-report{
    width:90%;
  }

  .subscriptions-wrapper .right-text, .subscriptions-wrapper .left-image{
    float:none;
    width:100%;
    padding:0px 20px;
  }

   .subscriptions-wrapper .left-image{
     text-align:center;
   }

   .landing-banner p{
     padding:0px 15px;
     font-size: 17px;
    line-height: 24px;
   }

   .landing-banner h2{
    font-size:32px;
   }

  .subscriptions-wrapper .right-text a{
    margin:auto;
  }

  .upcoming-events .swiper-container{
    padding-bottom:20px !important;
  }
}

@media (min-width:768px) and (max-width:1023px){
  .swiper-container.is-list .events {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
    }

    .top-logos ul li{
      width:31.33%;
    }

    .quote-section{
      max-width:95%;
    }

    .landing-banner{
      background-size:1023px;
    }
}


@media screen and (max-width: 640px) {
  .page-template-page-news .news-items-list .cell {
    width: 100%;
  }
}