/* Variants */
body {
  font-family: open sans, tahoma;
  background-color: #fff;
  padding: 0;
  color: #444;
}
.pure-g {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
  font-family: 'Open Sans', 'Roboto', sans-serif !important;
}
input,
select,
textarea {
  background-color: #fff;
  color: #222;
  border: 1px solid #ccc;
}
a {
  color: inherit;
}
img,
img:focus,
a,
a:focus {
  outline: 0;
}
a:visited {
  color: #222;
}
a.blue-link {
  color: #3c75bb;
}
button.primary {
  padding: 0.5em 1.5em;
  color: #fff;
  background: #3c75bb;
  font-family: 'open sans', 'roboto', sans-serif;
  border: 0;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  -o-transition: -o-transform 0.2s, box-shadow 0.2s;
  -ms-transition: -ms-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
button.primary:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 30px 60px -12px rgba(50,50,93,0.25), 0 18px 36px -18px rgba(0,0,0,0.3), 0 -12px 36px -8px rgba(0,0,0,0.025);
  box-shadow: 0 30px 60px -12px rgba(50,50,93,0.25), 0 18px 36px -18px rgba(0,0,0,0.3), 0 -12px 36px -8px rgba(0,0,0,0.025);
}
/*
 * -- Layout Styles --
 */
.pure-button-primary {
  background-color: #3c75bb;
}
.main ul {
  padding-left: 1.25em;
}
.page-title {
  display: none;
}
.page-content {
  padding: 2em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
}
.l-box {
  padding: 0.5em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container {
  max-width: 1250px;
  margin: 0 auto;
}
.sizer {
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
div[class^="ion"] {
  font-size: 1em;
  display: inline-block;
}
.header .support-btns .btn .icon i {
  -ms-left: 50%;
}
/* pure extension */
@media screen and (min-width: 48em) {
  .page-title .container {
    padding: 1em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 48em) {
  .pure-u-sm-0 {
    display: none;
  }
}
@media screen and (min-width: 48em) and (max-width: 64em) {
  .pure-u-md-0 {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .pure-u-lg-0 {
    display: none;
  }
}
/* main 74 */
.header {
  background: #f5f6f7;
  color: #555;
  width: 100%;
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  -ms-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.header .container {
  height: 100%;
  max-width: 1440px;
}
.header .container .mobile-menu {
  vertical-align: middle;
}
.header .container .mobile-menu i {
  font-size: 1.75em;
}
.header .container .hamburger {
  margin: 0 auto;
  width: 1.5em;
  height: 1.25em;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header .container .hamburger.open span:nth-child(1) {
  top: 0.5em;
  width: 0;
  left: 50%;
}
.header .container .hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header .container .hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header .container .hamburger.open span:nth-child(4) {
  top: 0.5em;
  width: 0;
  left: 50%;
}
.header .container .hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: #fff;
  border-radius: 1em;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header .container .hamburger span:nth-child(1) {
  top: 0;
}
.header .container .hamburger span:nth-child(2),
.header .container .hamburger span:nth-child(3) {
  top: 0.5em;
}
.header .container .hamburger span:nth-child(4) {
  top: 1em;
}
.header .arrow {
  border: solid #1d3953;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.header .down {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.header a {
  color: #fff;
  text-decoration: none;
}
.header .logo,
.header .support-btns {
  vertical-align: middle;
}
.header .logo {
  font-family: open sans, serif;
  position: relative;
  padding: 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .logo img {
  max-height: 3em;
}
.header .logo svg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 80px;
  display: block;
}
.header .logo .logo-wrapper {
  display: inline-block;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.header .logo .logo-wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
.header .logo .icon {
  width: 80px;
}
.header .logo .text {
  text-align: right;
  line-height: 2em;
}
.header .logo .text .top {
  font-size: 2.5em;
  color: #3c75bb;
  font-weight: 600;
  letter-spacing: -1px;
}
.header .logo .text .bottom {
  font-size: 18px;
  color: #555;
}
.header .support-btns {
  text-align: right;
}
.header .info-wrapper {
  display: inline-block;
  vertical-align: middle;
  padding: 1em 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .login {
  position: relative;
}
.header .remote,
.header .phone,
.header .login {
  display: inline-block;
  font-family: 'open sans', 'roboto', sans-serif;
}
.header .remote:hover > ul,
.header .phone:hover > ul,
.header .login:hover > ul {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.header .remote > ul,
.header .phone > ul,
.header .login > ul {
  margin: 0;
  padding: 0;
  text-align: left;
  background: #fff;
  -webkit-box-shadow: 0 30px 60px -12px rgba(50,50,93,0.5), 0 18px 36px -18px rgba(0,0,0,0.5), 0 -12px 36px -8px rgba(0,0,0,0.05);
  box-shadow: 0 30px 60px -12px rgba(50,50,93,0.5), 0 18px 36px -18px rgba(0,0,0,0.5), 0 -12px 36px -8px rgba(0,0,0,0.05);
  position: absolute;
  left: 0;
  z-index: 999;
  top: 100%;
  display: none;
  width: 125%;
  border-radius: 0.25em;
}
.header .remote > ul a,
.header .phone > ul a,
.header .login > ul a {
  padding: 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #555 !important;
}
.header .remote > ul a li,
.header .phone > ul a li,
.header .login > ul a li {
  display: block;
  font-size: 0.9em;
  text-transform: initial;
  padding: 1em;
  border-radius: 0.25em;
}
.header .remote > ul a li:hover,
.header .phone > ul a li:hover,
.header .login > ul a li:hover {
  background: #f4f4f4;
}
.header .remote .item,
.header .phone .item,
.header .login .item {
  display: inline-block;
  padding: 0 1em;
}
.header .remote .item .button-box,
.header .phone .item .button-box,
.header .login .item .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
  width: 6em;
}
.header .remote .item .button-box svg,
.header .phone .item .button-box svg,
.header .login .item .button-box svg {
  fill: #fff;
  float: left;
  max-width: 1em;
  padding-top: 0.25em;
}
.header .remote .item h2,
.header .phone .item h2,
.header .login .item h2 {
  margin-top: 0;
  color: #1d3953;
  font-weight: 500;
  font-size: 1.3em;
}
.header .remote span,
.header .phone span,
.header .login span {
  margin-right: 0.25em;
  font-size: 0.8em;
}
.header .phone span {
  -webkit-transform: scale(1.25) rotate(20deg) translate(0, 2px);
  -moz-transform: scale(1.25) rotate(20deg) translate(0, 2px);
  -o-transform: scale(1.25) rotate(20deg) translate(0, 2px);
  -ms-transform: scale(1.25) rotate(20deg) translate(0, 2px);
  transform: scale(1.25) rotate(20deg) translate(0, 2px);
}
.header .dl-btns {
  padding: 0 0.5em;
}
.header .dl-btns .btn-wrapper {
  display: inline-block;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.9em;
}
.header .dl-btns .tv button {
  background: #3c75bb;
  color: #fff;
}
.header .dl-btns .tv i {
  color: #3c75bb;
}
.header .dl-btns .vfp button {
  background: #a91419;
  color: #fff;
}
.header .dl-btns .vfp i {
  color: #a91419;
}
.header .dl-btns button {
  border-radius: 0.25em;
  border: 0;
  padding: 0.5em 1em;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.header .dl-btns button:before {
  content: '';
  display: block;
  border-radius: 0.25em;
  top: 3px;
  bottom: 3px;
  left: 50%;
  right: 50%;
  position: absolute;
  background: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.header .dl-btns button:hover:before {
  left: 3px;
  right: 3px;
  background: #fff;
  color: #222;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}
.header .dl-btns button:hover span {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}
.header .dl-btns button:hover i {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}
.header .dl-btns button span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.header .dl-btns button i {
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  font-size: 2em;
}
@media screen and (max-width: 64em) {
  .header {
    z-index: 2;
  }
  .header .login {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  .header .logo svg {
    width: 100% !important;
  }
  .header .logo,
  .header .support-btns {
    text-align: center;
  }
  .header .dl-btns {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .header {
    z-index: 2;
  }
  .header .support-btns {
    display: none;
text
  }
}
.login-drop-mobile {
  margin: 0;
  padding: 0;
  text-align: left;
  background: #f5f6f7;
  -webkit-box-shadow: 0 30px 60px -12px rgba(50,50,93,0.5), 0 18px 36px -18px rgba(0,0,0,0.5), 0 -12px 36px -8px rgba(0,0,0,0.05);
  box-shadow: 0 30px 60px -12px rgba(50,50,93,0.5), 0 18px 36px -18px rgba(0,0,0,0.5), 0 -12px 36px -8px rgba(0,0,0,0.05);
  position: fixed;
  left: 200em;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 999;
  width: 12em;
  border-right: 0.2em solid #33639f;
  border-radius: 0.25em;
  top: 0;
}
.login-drop-mobile a {
  display: block;
}
.login-drop-mobile a li {
  color: #1d3953;
  display: list-item;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: left;
  color: #1d3953 !important;
  padding: 0.5em;
  list-style-type: circle;
  margin-left: 1.5em;
}
nav {
  position: relative;
  background-color: #f5f6f7;
  z-index: 2;
}
nav .mlogin {
  display: none;
}
nav .mlogin .login {
  display: inline-block;
  font-family: 'open sans', 'roboto', sans-serif;
  width: 100%;
}
nav .mlogin .login .item {
  display: inline-block;
  width: 100%;
}
nav .mlogin .login .item .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  width: 100%;
  border: none;
}
nav .mlogin .login .item .button-box svg {
  fill: #fff;
  float: left;
  max-width: 1em;
  padding-top: 0.25em;
}
nav .mlogin .login .item h2 {
  margin-top: 0;
  color: #1d3953;
  font-weight: 500;
  font-size: 1.3em;
}
nav .mlogin .login span {
  margin-right: 0.25em;
  font-size: 0.8em;
}
nav .arrow {
  border: solid #1d3953;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  margin: 0.2em 0.25em;
}
nav .down {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
nav .container {
  max-width: none;
  padding: 0em 1em;
  border-bottom: 1px solid #1d3953;
}
@media screen and (min-width: 64em) {
  nav .mobile-nav {
    display: none;
  }
  nav a {
    text-decoration: none;
  }
  nav ul.top-nav li.bott {
    display: none;
  }
  nav ul.top-nav li.top {
    color: #1d3953;
    display: inline-block;
    line-height: 3.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
  }
  nav ul.top-nav li.top:hover {
    background: #ccd1d6;
  }
  nav ul.top-nav li.top > div a {
    color: #1d3953;
  }
  nav ul.top-nav li.top > a {
    color: #1d3953;
    text-decoration: none;
  }
  nav ul.top-nav li.top > a:visited {
    color: #1d3953;
  }
  nav ul {
    margin: 0;
    padding: 0;
    z-index: 9;
  }
  nav ul li {
    line-height: initial;
    position: relative;
    cursor: pointer;
  }
  nav ul li.home span {
    display: none;
  }
  nav ul li.home i {
    padding: 0;
    font-size: 1.25em;
  }
  nav ul li i {
    padding: 0 0.5em;
  }
  nav ul li:hover > ul {
    display: block;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  nav ul li > ul {
    background: #fff;
    -webkit-box-shadow: 0 30px 60px -12px rgba(50,50,93,0.5), 0 18px 36px -18px rgba(0,0,0,0.5), 0 -12px 36px -8px rgba(0,0,0,0.05);
    box-shadow: 0 30px 60px -12px rgba(50,50,93,0.5), 0 18px 36px -18px rgba(0,0,0,0.5), 0 -12px 36px -8px rgba(0,0,0,0.05);
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    width: 125%;
    border-radius: 0.25em;
  }
  nav ul li > ul a {
    padding: 1em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555 !important;
  }
  nav ul li > ul li {
    display: block;
    font-size: 0.9em;
    text-transform: initial;
    padding: 1em;
    border-radius: 0.25em;
  }
  nav ul li > ul li:hover > ul {
    display: block;
  }
  nav ul li > ul li > ul {
    display: none;
    width: 100%;
    left: 100%;
    top: 0;
  }
  nav ul li > ul li > ul li {
    font-size: 1em;
  }
  nav ul li > ul li:hover {
    background: #f4f4f4;
  }
  nav ul li > ul li:last-of-type {
    border-bottom: 0;
  }
  nav ul li > ul li i {
    font-size: 0.8em;
    float: right;
  }
  nav ul li i {
    padding: 0 0.5em;
  }
}
@media screen and (max-width: 64em) {
  nav {
    z-index: 2;
  }
  nav .mlogin {
    display: block;
  }
  nav .mobile-nav i {
    float: left;
    padding-right: 0.5em;
    font-size: 1.75em;
    line-height: 2.1;
  }
  nav .mobile-nav .menu,
  nav .mobile-nav .call {
    padding: 0 1em;
    line-height: 3.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
  }
  nav .mobile-nav .text {
    color: #1d3953;
  }
  nav .mobile-nav .menu {
    text-align: right;
  }
  nav .mobile-nav .text,
  nav .mobile-nav .menu-wrapper,
  nav .mobile-nav .hamburger {
    display: inline-block;
  }
  nav .mobile-nav .hamburger {
    margin: 0 auto;
    width: 1.5em;
    height: 1.25em;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    right: 0.5em;
    top: 0.3em;
  }
  nav .mobile-nav .hamburger.open span:nth-child(1) {
    top: 0.5em;
    width: 0;
    left: 50%;
  }
  nav .mobile-nav .hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  nav .mobile-nav .hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  nav .mobile-nav .hamburger.open span:nth-child(4) {
    top: 0.5em;
    width: 0;
    left: 50%;
  }
  nav .mobile-nav .hamburger span {
    display: block;
    position: absolute;
    height: 0.2em;
    width: 100%;
    background: #1d3953;
    border-radius: 1em;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  nav .mobile-nav .hamburger span:nth-child(1) {
    top: 0;
  }
  nav .mobile-nav .hamburger span:nth-child(2),
  nav .mobile-nav .hamburger span:nth-child(3) {
    top: 0.5em;
  }
  nav .mobile-nav .hamburger span:nth-child(4) {
    top: 1em;
  }
  nav i {
    float: right;
  }
  nav a {
    color: #1d3953 !important;
    text-decoration: none;
  }
  nav ul {
    padding: 0;
    margin: 0;
  }
  nav ul .bott {
    display: block;
  }
  nav ul .free {
    display: none;
  }
  nav ul.top-nav {
    background: #f5f6f7;
    border-right: 0.2em solid #33639f;
    -webkit-box-shadow: 0.1em 0 0.25em rgba(0,0,0,0.5);
    box-shadow: 0.1em 0 0.25em rgba(0,0,0,0.5);
    color: #1d3953;
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 15em;
    padding-bottom: 5em;
    z-index: 999;
    overflow-y: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  nav ul.top-nav.active {
    left: 0;
  }
  nav ul.top-nav .home {
    padding: 1em 1em 0;
  }
  nav ul.top-nav > li {
    padding: 0.75em 1em;
    border-bottom: 1px solid #1d3953;
  }
  nav ul.top-nav > li ul {
    max-height: 42;
    overflow: hidden;
    -webkit-transition: all 0.25se ease-in-out;
    -moz-transition: all 0.25se ease-in-out;
    -o-transition: all 0.25se ease-in-out;
    -ms-transition: all 0.25se ease-in-out;
    transition: all 0.25se ease-in-out;
  }
  nav ul.top-nav > li > ul {
    padding-left: 1.2em;
  }
  nav ul.top-nav > li > ul > li,
  nav ul.top-nav > li > ul > a li {
    padding: 0.5em 0;
  }
  nav ul.top-nav > li > ul > li i,
  nav ul.top-nav > li > ul > a li i,
  nav ul.top-nav > li > ul > li > ul,
  nav ul.top-nav > li > ul > a li > ul {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  nav .dl {
    display: none;
  }
}
@media screen and (max-width: 35.6em) {
  nav .mlogin {
    display: block;
  }
  nav ul.top-nav {
    width: 12em;
  }
  nav .mobile-nav .supp {
    display: none;
  }
}
div.scroll-back-up {
  position: fixed;
  left: -75%;
  bottom: 1.5em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 0.2em;
  padding: 0.3em 0.7em;
  z-index: 1000;
  -webkit-transition: opacity 0.5s ease, left 0s linear 0.5s;
  -moz-transition: opacity 0.5s ease, left 0s linear 0.5s;
  -o-transition: opacity 0.5s ease, left 0s linear 0.5s;
  -ms-transition: opacity 0.5s ease, left 0s linear 0.5s;
  transition: opacity 0.5s ease, left 0s linear 0.5s;
  cursor: pointer;
  font-size: 1.5em;
  text-align: center;
}
div.scroll-back-up.active {
  left: calc(50% + 550px);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.5s ease, left 0s linear;
  -moz-transition: opacity 0.5s ease, left 0s linear;
  -o-transition: opacity 0.5s ease, left 0s linear;
  -ms-transition: opacity 0.5s ease, left 0s linear;
  transition: opacity 0.5s ease, left 0s linear;
}
@media screen and (max-width: 1280px) {
  div.scroll-back-up.active {
    left: calc(100% - 3.5em);
  }
}
blocker {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
  -moz-transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
  -o-transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
  -ms-transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
  transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
  background-color: rgba(0,0,0,0.85);
  text-align: center;
}
blocker.blocking {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  z-index: 10000;
  -webkit-transition: opacity 0.5s ease-in-out, z-index 0s linear;
  -moz-transition: opacity 0.5s ease-in-out, z-index 0s linear;
  -o-transition: opacity 0.5s ease-in-out, z-index 0s linear;
  -ms-transition: opacity 0.5s ease-in-out, z-index 0s linear;
  transition: opacity 0.5s ease-in-out, z-index 0s linear;
}
blocker .lightbox {
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #fff;
}
blocker .lightbox .controls > div {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  -webkit-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
  transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
}
blocker .lightbox .controls > div > * {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em;
  cursor: pointer;
  text-shadow: 0px 0px 2px #000;
}
blocker .lightbox .controls i {
  font-size: 1.5em;
}
blocker .lightbox .controls .left-control {
  left: 0;
  right: 50%;
  text-align: left;
}
blocker .lightbox .controls .left-control.no-more {
  left: -5em;
}
blocker .lightbox .controls .right-control {
  left: 50%;
  right: 0;
  text-align: right;
}
blocker .lightbox .controls .right-control.no-more {
  right: -5em;
}
blocker .lightbox .controls .close-control {
  z-index: 101;
  right: 3em;
  width: 1em;
  top: 1em;
  height: 1em;
  bottom: auto;
}
blocker .lightbox .panels {
  white-space: nowrap;
  position: relative;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  left: 0;
  height: 100%;
}
blocker .lightbox .panel {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
blocker .lightbox .panel > div {
  display: inline-block;
  vertical-align: middle;
}
blocker .lightbox .panel img {
  max-height: calc(100vh - 3em);
  max-width: 100%;
}
blocker .lightbox * {
  max-width: 100%;
  max-height: 100%;
  max-width: 100vw;
  max-height: 100vh;
}
blocker .lightbox.with-gallery .controls > div {
  bottom: 9em;
}
blocker .lightbox.with-gallery .panels {
  height: calc(100% - 9em);
}
blocker .lightbox.with-gallery .panel img {
  max-height: calc(100vh - 11em);
}
blocker .lightbox .gallery {
  overflow: auto;
}
blocker .lightbox .gallery .slider {
  max-width: none;
  white-space: nowrap;
}
blocker .lightbox .gallery .slider > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5em;
  margin: 0.5em;
  height: 6em;
  width: 8em;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: box-shadow 0.5s ease-in-out;
  -moz-transition: box-shadow 0.5s ease-in-out;
  -o-transition: box-shadow 0.5s ease-in-out;
  -ms-transition: box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0.2em;
  position: relative;
  overflow: hidden;
}
blocker .lightbox .gallery .slider > div:before {
  position: absolute;
  content: 'selected';
  bottom: -2em;
  right: 0;
  width: 100%;
  padding: 0.2em 0;
  background-color: #f79f1d;
  color: #262523;
  font-size: 0.8em;
  -webkit-transition: bottom 0.5s ease;
  -moz-transition: bottom 0.5s ease;
  -o-transition: bottom 0.5s ease;
  -ms-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease;
}
blocker .lightbox .gallery .slider > div.active:before {
  bottom: 0;
}
footer {
  background: #ededed;
  color: #122e4a;
}
footer h1,
footer h2,
footer h3,
footer a,
footer a:visited {
  color: #122e4a;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  color: #f79f1d;
}
footer h1,
footer h2,
footer h3 {
  font-family: 'Open Sans', 'Roboto', sans-serif;
}
footer h3 {
  margin-bottom: 0;
  margin-top: 0.5em;
}
footer > .container {
  padding: 4em 0;
}
footer .info .logo {
  font-family: open sans, serif;
  position: relative;
  padding: 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
footer .info .logo img {
  max-height: 3em;
}
footer .info .logo svg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 70px;
  display: block;
}
footer .info .logo .logo-wrapper {
  display: inline-block;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
footer .info .logo .logo-wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
footer .info .logo .icon {
  width: 80px;
}
footer .info .logo .text {
  text-align: right;
  line-height: 2em;
}
footer .info .logo .text .top {
  font-size: 2.5em;
  color: #3c75bb;
  font-weight: 600;
  letter-spacing: -1px;
}
footer .info .logo .text .bottom {
  font-size: 18px;
  color: #555;
}
footer .info,
footer .quick-links {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
footer .contacts {
  padding: 1em;
}
footer .contacts a {
  margin-top: 0.5em;
}
footer .contacts .bolder {
  font-weight: 600;
}
footer .copyright {
  padding: 1em 0 3em;
  text-align: center;
  font-size: 0.9em;
}
footer .socials {
  padding: 0em 0em 0em 1em;
  max-width: 200px;
}
footer .socials svg {
  max-width: 3em;
  fill: #295fb3;
}
footer .quick-links {
  padding: 2em;
}
footer .quick-links .links {
  padding: 1em;
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* BHPH Software 2 */
/* Broker 2 */
/* Careers 2 */
.careers a {
  text-decoration: none;
}
.careers .page-header {
  background: #fff;
}
.careers .alt {
  background: #f2f4f5;
}
.careers section .container {
  max-width: 100%;
}
.careers section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.careers section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.careers section .container .slide-digital .slide-text,
.careers section .container .slide-digital .img {
  vertical-align: middle;
}
.careers section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.careers section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.careers section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.careers section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.careers section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.careers section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.careers section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.careers section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.careers section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.careers section .container .slide-digital img {
  margin-top: -4em;
}
.careers section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.careers .positions {
  padding: 5em;
}
.careers .positions .lg-container {
  max-width: 1450px;
}
.careers .positions .lg-container .position-hold .entry {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border-bottom: 1px solid #dadada;
  padding: 1.5em 0;
}
.careers .positions .lg-container .position-hold .entry .right {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: right;
  -moz-box-pack: right;
  -o-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  justify-content: right;
}
.careers .positions .lg-container .position-hold .entry .right .primary {
  color: #fff;
  background: #3474ba;
  padding: 0.5em;
  padding: 0.5em 1.5em;
  font-size: 1.25em;
  text-align: right;
}
.careers .positions .lg-container .position-hold .entry .left h1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.careers .positions .lg-container .position-hold .entry .left h2 {
  color: #122e4a;
  text-align: left;
  font-weight: 500;
  font-size: 2em;
  font-family: 'Roboto-light', sans-serif !important;
}
.careers .positions .lg-container .position-hold .entry .left p {
  color: #2777c3;
  font-weight: 500;
  text-align: left;
  font-weight: 500;
  font-size: 1.4em;
}
.careers .positions .lg-container .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
  padding: 1em;
}
.careers .start {
  padding: 5em;
}
.careers .start .lg-container {
  max-width: 1800px;
  padding: 3em;
}
.careers .start .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.careers .start h1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.careers .start p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
  font-size: 1.4em;
}
.careers .slider {
  height: 100%;
  width: 100%;
}
.careers .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .careers .positions {
    padding: 0 !important;
  }
  .careers .positions .rdh1 {
    padding: 0 !important;
  }
  .careers .positions .position-hold .entry .left h2,
  .careers .positions .position-hold .entry .left p {
    text-align: center;
  }
  .careers .positions .position-hold .entry .right {
    margin: 0 auto;
    display: block !important;
  }
  .careers .start {
    padding: 0 !important;
  }
  .careers .start .lg-container {
    padding: 1em !important;
  }
  .careers .start .lg-container .pure-u-md-11-24.pure-u-1 {
    padding-top: 1em !important;
  }
  .careers .slide-digital {
    padding: 0 !important;
  }
  .careers .slide-digital .slide-text {
    padding: 0 !important;
  }
  .careers .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .careers .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .careers .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .careers .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .careers .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Contact Us 2 */
.contact-head a {
  text-decoration: none;
}
.contact-head .page-header {
  background: #fff;
}
.contact-head .alt {
  background: #f2f4f5;
}
.contact-head section .container {
  max-width: 100%;
}
.contact-head section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.contact-head section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.contact-head section .container .slide-digital .slide-text,
.contact-head section .container .slide-digital .img {
  vertical-align: middle;
}
.contact-head section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-head section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.contact-head section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-head section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.contact-head section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.contact-head section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.contact-head section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.contact-head section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.contact-head section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-head section .container .slide-digital img {
  margin-top: -4em;
}
.contact-head section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
@media screen and (max-width: 64em) {
  .contact-head .slide-digital {
    padding: 0 !important;
  }
  .contact-head .slide-digital .slide-text {
    padding: 0 !important;
  }
  .contact-head .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .contact-head .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .contact-head .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .contact-head .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contact-head .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
.contact-us-wrapper {
  margin: 1em auto;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #262523;
}
.contact-us-wrapper h2 {
  margin-top: 0;
}
.contact-us-wrapper .contact-info span {
  color: #3c75bb;
  font-weight: 500;
}
.contact-us-wrapper .contact-box {
  background-color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 35em;
  margin: 0 auto 1em;
  border-radius: 0.5em;
}
.contact-us-wrapper .contact-box p {
  padding: 0 0.5em;
  line-height: 2em;
}
.contact-us-wrapper .contact-box .day {
  padding: 0.5em;
}
.contact-us-wrapper .contact-box .day span {
  display: inline-block;
  width: 7em;
  font-weight: 500;
}
@media screen and (max-width: 48em) {
  .contact-us-wrapper {
    padding: 0;
    margin: 1em auto;
  }
  .contact-us-wrapper .contact-box {
    max-width: 100%;
  }
}
/* Customers Page 2 */
/* Dealer Management Software Test2 2 */
/* Demo Form 2 */
.demo-head a {
  text-decoration: none;
}
.demo-head .page-header {
  background: #fff;
}
.demo-head .alt {
  background: #f2f4f5;
}
.demo-head section .container {
  max-width: 100%;
}
.demo-head section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.demo-head section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.demo-head section .container .slide-digital .slide-text,
.demo-head section .container .slide-digital .img {
  vertical-align: middle;
}
.demo-head section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-head section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.demo-head section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-head section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.demo-head section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.demo-head section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.demo-head section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.demo-head section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.demo-head section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-head section .container .slide-digital img {
  margin-top: -4em;
}
.demo-head section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
@media screen and (max-width: 64em) {
  .demo-head .slide-digital {
    padding: 0 !important;
  }
  .demo-head .slide-digital .slide-text {
    padding: 0 !important;
  }
  .demo-head .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .demo-head .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .demo-head .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .demo-head .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .demo-head .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
.contact-us-wrapper .requirements-box {
  background-color: #fff;
  border-radius: 0.5em;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 35em;
  margin: 0px auto;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
/* Demo Form - Script Testing 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
.contact-us-wrapper .requirements-box {
  background-color: #fff;
  border-radius: 0.5em;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 35em;
  margin: 0px auto;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
/* Digital Marketing 2 */
.digital-marketing a {
  text-decoration: none;
}
.digital-marketing .page-header {
  background: #fff;
}
.digital-marketing .alt {
  background: #f2f4f5;
}
.digital-marketing section .container {
  max-width: 100%;
}
.digital-marketing section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.digital-marketing section .container .slide-digital {
  display: inline-block;
  text-align: left;
  background: url("/img/digital-advertising.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  left: 0;
  text-align: right;
  width: 100%;
  position: relative;
}
.digital-marketing section .container .slide-digital .slide-text,
.digital-marketing section .container .slide-digital .img {
  vertical-align: middle;
}
.digital-marketing section .container .slide-digital .slide-text {
  color: #fff;
  padding: 5em 4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.digital-marketing section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.digital-marketing section .container .slide-digital .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  font-size: 20px;
  padding: 0.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
}
.digital-marketing section .container .slide-digital .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
.digital-marketing section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  padding: 1em;
}
.digital-marketing section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.digital-marketing section .container .slide-digital .text-wrapper p {
  font-size: 1.25em;
}
.digital-marketing section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.digital-marketing section .container .slide-digital img {
  margin-top: -4em;
}
.digital-marketing section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.digital-marketing .traffic {
  padding: 3em;
}
.digital-marketing .traffic .lg-container {
  max-width: 1450px;
  padding: 1em;
}
.digital-marketing .traffic .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .traffic .large {
  color: #122e4a;
  font-weight: 500;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .traffic .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-weight: 500;
  font-size: 1.25em;
  border: none;
}
.digital-marketing .traffic .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.digital-marketing .traffic .bold span {
  padding: 0.25em;
  display: block;
  max-width: 29em;
}
.digital-marketing .optimize-leads {
  padding: 3em;
}
.digital-marketing .optimize-leads .lg-container {
  max-width: 1800px;
  padding: 3em;
}
.digital-marketing .optimize-leads .lg-container .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .optimize-leads .lg-container .large {
  color: #122e4a;
  font-weight: 500;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .optimize-leads .lg-container .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.digital-marketing .main-products {
  position: relative;
}
.digital-marketing .main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.digital-marketing .main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.digital-marketing .main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.digital-marketing .main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.digital-marketing .main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.digital-marketing .main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.digital-marketing .main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.digital-marketing .main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.digital-marketing .extend-reach {
  padding: 3em;
}
.digital-marketing .extend-reach .lg-container {
  max-width: 1450px;
  padding: 3em;
}
.digital-marketing .extend-reach .lg-container .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .extend-reach .lg-container .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.digital-marketing .extend-reach .lg-container .card-box {
  padding-top: 4em;
}
.digital-marketing .extend-reach .lg-container .card-box .env {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.digital-marketing .extend-reach .lg-container .card-box .env .icon {
  padding: 0.5em;
  background: #2c62b8;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: -2em;
}
.digital-marketing .extend-reach .lg-container .card-box .env .icon svg {
  fill: #fff;
  max-width: 2.5em;
  margin-top: 0.75em;
}
.digital-marketing .extend-reach .lg-container .card-box .env .icon .alt-svg {
  max-width: 3em;
}
.digital-marketing .extend-reach .lg-container .card-box .env .card {
  background: #fff;
  height: 16em;
  padding: 1em 1.5em 1em 1.5em;
  position: relative;
  -webkit-box-shadow: 0.5em 0.5em 0.5em #ccc;
  box-shadow: 0.5em 0.5em 0.5em #ccc;
}
.digital-marketing .extend-reach .lg-container .card-box .env .card .cardh1 {
  text-transform: uppercase;
  color: #122e4a;
  font-size: 1.35em;
  padding-top: 1.5em;
}
.digital-marketing .extend-reach .lg-container .card-box .env .card .cardh1 p {
  padding: 1em;
}
.digital-marketing .slider {
  height: 100%;
  width: 100%;
}
.digital-marketing .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.digital-marketing .results {
  position: relative;
  padding: 3em;
}
.digital-marketing .results .lg-container {
  max-width: 1800px;
  padding: 0em 0em 1em 0em;
}
.digital-marketing .results .lg-container .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .results .lg-container p {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.digital-marketing .network {
  position: relative;
  z-index: -2;
  padding: 3em;
}
.digital-marketing .network .lg-container {
  max-width: 1800px;
  padding: 3em;
}
.digital-marketing .network .lg-container .top {
  margin: 0 auto;
  text-align: center;
  padding: 0 0 2em 0;
  display: block;
}
.digital-marketing .network .lg-container .google {
  -webkit-box-shadow: 0 0 0 5px #d50f0f;
  box-shadow: 0 0 0 5px #d50f0f;
}
.digital-marketing .network .lg-container .microsoft {
  -webkit-box-shadow: 0 0 0 5px #f79f2c;
  box-shadow: 0 0 0 5px #f79f2c;
}
.digital-marketing .network .lg-container .meta {
  -webkit-box-shadow: 0 0 0 5px #295eac;
  box-shadow: 0 0 0 5px #295eac;
}
.digital-marketing .network .lg-container .gap {
  padding: 0.33em 0;
}
.digital-marketing .network .lg-container .gap .page-gap {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.digital-marketing .network .lg-container .gap .page-gap .tab {
  background: #fff;
  padding: 1em;
}
.digital-marketing .network .lg-container .bottom {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.digital-marketing .network .lg-container .bottom .card {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.digital-marketing .network .lg-container .bottom .card .header-top {
  height: 2em;
}
.digital-marketing .network .lg-container .bottom .card .icon {
  background: #dedede;
  text-transform: uppercase;
  text-align: center;
  height: 2em;
  padding: 2.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-box-shadow: 0 10px 0 0 #fff, 5px 5px 5px #e4e5e6;
  box-shadow: 0 10px 0 0 #fff, 5px 5px 5px #e4e5e6;
  border-radius: 3.5em 3.5em 0 0;
}
.digital-marketing .network .lg-container .bottom .card .icon .cardh1 {
  color: #fff;
  padding: 0.5em 0;
  font-size: 1.5em;
  margin-top: -1em;
}
.digital-marketing .network .lg-container .bottom .card .premium {
  background: #ababab;
}
.digital-marketing .network .lg-container .bottom .card .enterprise {
  background: #686868;
}
.digital-marketing .network .lg-container .bottom .card .add-ons {
  background: #2a5eac;
}
.digital-marketing .network .lg-container .bottom .platform {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.digital-marketing .network .lg-container .bottom .platform .bold {
  font-size: 2em;
  color: #122e4a;
  font-weight: 500;
}
.digital-marketing .network .lg-container .bottom .page {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}
.digital-marketing .network .lg-container .bottom .page .tab {
  background: #fff;
  font-size: 0.9em;
  padding: 1em;
  height: 100%;
  -webkit-box-shadow: 5px 5px 5px #e4e5e6;
  box-shadow: 5px 5px 5px #e4e5e6;
  position: relative;
}
.digital-marketing .network .lg-container .bottom .page .tab div {
  position: absolute;
  bottom: 3em;
  font-size: 1.4em;
  color: #122e4a;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.digital-marketing .network .lg-container .monly {
  display: none;
}
.digital-marketing .network .lg-container .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.digital-marketing .network .lg-container p {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.digital-marketing .network .lg-container p:last-of-type {
  padding-bottom: 3em;
}
.digital-marketing .partners .picture {
  padding-bottom: 30%;
  background-image: url("/img/laptopguy.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: right bottom;
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.digital-marketing .partners .picture:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(51,99,159,0.75);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -o-transform: skew(25deg);
  -ms-transform: skew(25deg);
  transform: skew(25deg);
  width: 60%;
}
.digital-marketing .partners .picture:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(60,117,187,0.75);
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -o-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
  width: 60%;
}
.digital-marketing .partners .text-overlay {
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1em 2.5em;
  max-width: 450px;
}
.digital-marketing .partners .text-overlay h1 {
  color: #fff;
  margin: 0;
}
.digital-marketing .partners .text-overlay p {
  font-size: 18px;
  line-height: 1.5;
}
.digital-marketing .partners .text-overlay button {
  background-color: #f79f1d;
  color: #222;
}
.digital-marketing .schedule {
  position: relative;
  overflow: hidden;
}
.digital-marketing .schedule h1 {
  text-align: center;
}
.digital-marketing .schedule h2 {
  margin: 0;
}
.digital-marketing .schedule h3 {
  margin: 0;
  color: #666;
  font-weight: 400;
}
.digital-marketing .schedule .completed .wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  background: #32c850;
  color: #fff;
}
.digital-marketing .schedule .ga-class {
  text-align: right;
}
.digital-marketing .schedule .fl-class {
  text-align: left;
}
.digital-marketing .schedule .calendar-wrapper {
  padding: 1em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.digital-marketing .schedule .place {
  margin-top: 1em;
}
.digital-marketing .schedule .place i {
  margin-right: 0.5em;
}
.digital-marketing .schedule .place a {
  color: #3c75bb;
}
.digital-marketing .schedule .calendar {
  text-align: center;
  border-radius: 0.25em;
  overflow: hidden;
  min-width: 10em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.digital-marketing .schedule .calendar .day {
  background: #3c75bb;
  padding: 1em;
  color: #fff;
}
.digital-marketing .schedule .calendar .date {
  padding: 10px 0;
  background: #fff;
  color: #222;
  font-size: 3em;
  font-family: 'open sans', 'roboto', sans-serif;
  font-weight: 600;
}
.digital-marketing .getting .prod-content {
  padding-left: 4em;
}
.digital-marketing .getting .prod-content .item + .item {
  padding-top: 1.25em;
}
.digital-marketing .getting .prod-content .item:hover .icon:before {
  -webkit-transform: translate(-10px, -10px) scale(1);
  -moz-transform: translate(-10px, -10px) scale(1);
  -o-transform: translate(-10px, -10px) scale(1);
  -ms-transform: translate(-10px, -10px) scale(1);
  transform: translate(-10px, -10px) scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.digital-marketing .getting .prod-content .item:hover h3 {
  color: #3c75bb;
}
.digital-marketing .getting .prod-content .icon {
  display: inline-block;
  background: #3c75bb;
  border-radius: 50%;
  text-align: center;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 57px;
  font-size: 2.25em;
  position: relative;
}
.digital-marketing .getting .prod-content .icon:before {
  content: '';
  background: rgba(60,117,187,0.15);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10px, -10px) scale(0);
  -moz-transform: translate(-10px, -10px) scale(0);
  -o-transform: translate(-10px, -10px) scale(0);
  -ms-transform: translate(-10px, -10px) scale(0);
  transform: translate(-10px, -10px) scale(0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -o-transition: -o-transform 0.3s, opacity 0.2s;
  -ms-transition: -ms-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
.digital-marketing .getting .prod-content .text {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
  margin-top: 5px;
}
.digital-marketing .getting .prod-content .text h3,
.digital-marketing .getting .prod-content .text p {
  margin: 0;
}
.digital-marketing .getting .video-player,
.digital-marketing .getting .prod-content {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.digital-marketing .getting .big-container {
  max-width: 1550px;
  margin: 0 auto;
}
.digital-marketing .getting .video-player {
  padding: 4em;
}
.digital-marketing .getting .video-container {
  max-width: 600px;
  padding-bottom: 60%;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.digital-marketing .getting iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 64em) {
  .digital-marketing .core {
    display: none;
  }
  .digital-marketing .monly {
    display: block !important;
    padding: 3em 1em 0em 1em !important;
  }
  .digital-marketing .traffic,
  .digital-marketing .optimize-leads,
  .digital-marketing .extend-reach,
  .digital-marketing .results,
  .digital-marketing .network {
    padding: 0;
  }
  .digital-marketing .extend-reach .lg-container {
    padding: 1em;
  }
  .digital-marketing .network .lg-container {
    padding: 1em;
  }
  .digital-marketing section .container .slide-digital {
    padding: 3em 2em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .digital-marketing section .container .slide-digital .slide-text {
    padding: 0;
  }
  .digital-marketing section .container .slide-digital .top {
    font-size: 1.5em !important;
  }
  .digital-marketing .slider .left-control,
  .digital-marketing .slider .right-control {
    display: none;
  }
  .digital-marketing .slider .slide-btns {
    bottom: 1em;
  }
  .digital-marketing .main-products .container {
    margin-top: 0;
  }
  .digital-marketing .partners .text-overlay {
    max-width: 425px;
  }
  .digital-marketing .partners .picture {
    padding-bottom: 40%;
  }
  .digital-marketing .partners .picture:before,
  .digital-marketing .partners .picture:after {
    width: 75%;
  }
  .digital-marketing .getting .video-player {
    padding: 2em;
  }
  .digital-marketing .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .digital-marketing .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
/* DMS 2 */
.dms-content .form-box-dms {
  position: fixed;
  right: 300em;
  max-width: 800px;
  z-index: 999;
  overflow-y: scroll;
  top: 25%;
  background: url("img/break-bg.png");
  background-image: url("img/break-bg.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  border-radius: 1em;
}
.dms-content .pure-form.sign-up-form {
  background: none;
  color: #fff;
  font-size: 1.25em;
}
.dms-content .form-dia > h1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 2em;
  color: #fff;
  font-family: 'Roboto-light', sans-serif !important;
}
.dms-content .form-dia > p {
  color: #fff;
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif !important;
}
.dms-content div.field {
  width: 50%;
  margin: 0 auto;
}
.dms-content div.check {
  margin: 0 auto;
  display: block;
  text-align: center;
}
.dms-content div.submit.field {
  display: block;
  margin: 0 auto;
  text-align: center;
}
a {
  text-decoration: none;
}
.page-header {
  background: #fff;
}
.alt {
  background: #f2f4f5;
}
section .container {
  max-width: 100%;
}
section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
section .container .slide-digital {
  display: inline-block;
  background: url("/img/dms-screen-image.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  width: 100%;
  position: relative;
}
section .container .slide-digital .slide-text,
section .container .slide-digital .img {
  vertical-align: middle;
}
section .container .slide-digital .slide-text {
  color: #fff;
  padding: 5em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
section .container .slide-digital .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  font-size: 20px;
  padding: 0.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
}
section .container .slide-digital .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: left;
  padding: 1em;
}
section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
section .container .slide-digital .text-wrapper p {
  line-height: 1.25em;
  font-size: 1.25em;
}
section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section .container .slide-digital img {
  margin-top: -4em;
}
section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.main-products {
  position: relative;
}
.main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.dms {
  padding: 5em;
}
.dms .lg-container {
  max-width: 1450px;
}
.dms .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.dms .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.dms .large {
  color: #122e4a;
  font-weight: 500;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.dms .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.slider {
  height: 100%;
  width: 100%;
}
.slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.feature-box .container {
  max-width: 1550px;
  padding: 5em 1em 5em 1em;
}
.feature-box .container .lbox,
.feature-box .container .rbox,
.feature-box .container .mbox {
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feature-box .container .lbox .tab,
.feature-box .container .rbox .tab,
.feature-box .container .mbox .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 30em;
  border: 2px solid #6b6b6b;
  -webkit-box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  box-shadow: 0 2em 2em rgba(0,0,0,0.071);
}
.feature-box .container .lbox .tab a,
.feature-box .container .rbox .tab a,
.feature-box .container .mbox .tab a {
  padding-top: 2em;
}
.feature-box .container .lbox .tab h1,
.feature-box .container .rbox .tab h1,
.feature-box .container .mbox .tab h1 {
  color: #122e4a;
  font-size: 2em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
}
.feature-box .container .lbox .tab p,
.feature-box .container .rbox .tab p,
.feature-box .container .mbox .tab p {
  color: #122e4a;
  font-size: 1.2em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.feature-box .container .lbox .tab .info,
.feature-box .container .rbox .tab .info,
.feature-box .container .mbox .tab .info {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feature-box-alt .container {
  max-width: 1800px;
  padding: 5em 1em 5em 1em;
}
.feature-box-alt .container .lbox,
.feature-box-alt .container .rbox,
.feature-box-alt .container .mbox {
  padding: 2.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feature-box-alt .container .lbox .tab,
.feature-box-alt .container .rbox .tab,
.feature-box-alt .container .mbox .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 28em;
  padding: 1em 2em;
  border: 2px solid #6b6b6b;
  -webkit-box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  box-shadow: 0 2em 2em rgba(0,0,0,0.071);
}
.feature-box-alt .container .lbox .tab a,
.feature-box-alt .container .rbox .tab a,
.feature-box-alt .container .mbox .tab a {
  padding-top: 2em;
}
.feature-box-alt .container .lbox .tab h1,
.feature-box-alt .container .rbox .tab h1,
.feature-box-alt .container .mbox .tab h1 {
  color: #122e4a;
  font-size: 2em;
  font-weight: 500;
  font-family: 'Roboto-Light', sans-serif !important;
}
.feature-box-alt .container .lbox .tab p,
.feature-box-alt .container .rbox .tab p,
.feature-box-alt .container .mbox .tab p {
  color: #122e4a;
  font-size: 1.25em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.feature-box-alt .container .lbox .tab .info,
.feature-box-alt .container .rbox .tab .info,
.feature-box-alt .container .mbox .tab .info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}
.feature-box-alt .container .lbox .tab .bottom-img-box,
.feature-box-alt .container .rbox .tab .bottom-img-box,
.feature-box-alt .container .mbox .tab .bottom-img-box {
  margin-top: -4.5em;
  z-index: 0;
}
.feature-box-alt .container .lbox .tab .button-box,
.feature-box-alt .container .rbox .tab .button-box,
.feature-box-alt .container .mbox .tab .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.optimize-leads {
  padding: 3em;
}
.optimize-leads .lg-container {
  max-width: 1450px;
  padding: 3em;
}
.optimize-leads .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 600;
  font-size: 2em;
}
.optimize-leads .lg-container p {
  color: #122e4a;
  font-weight: 500;
}
.optimize-leads .lg-container .card {
  background: #fff;
}
.optimize-leads .lg-container .card .cardh1 {
  text-transform: uppercase;
  font-size: 1.35em;
}
.easy-financing {
  padding: 5em;
}
.easy-financing .lg-container {
  max-width: 1800px;
}
.easy-financing .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.easy-financing .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.easy-financing .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.easy-financing .bold {
  color: #122e4a;
  font-size: 1.5em;
  font-weight: 500;
}
.break {
  background-color: #143152;
  background: url("/img/break-bg.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.break .lg-container {
  max-width: 1450px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.break .lg-container h1 {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}
.break .lg-container .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  font-size: 1.5em;
  border-radius: 0;
}
.break-bottom {
  background-color: #143152;
  background: url("/img/break-bg.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.break-bottom .lg-container {
  max-width: 1450px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.break-bottom .lg-container h1 {
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
}
.break-bottom .lg-container .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.extend-reach {
  padding: 3em;
}
.extend-reach .lg-container {
  max-width: 1450px;
  padding: 3em;
}
.extend-reach .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 600;
  font-size: 2em;
}
.extend-reach .lg-container p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
}
.extend-reach .lg-container .card-box {
  padding-top: 4em;
}
.extend-reach .lg-container .card-box .env {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.extend-reach .lg-container .card-box .env .icon {
  padding: 0.5em;
  background: #2c62b8;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: -2em;
}
.extend-reach .lg-container .card-box .env .icon svg {
  fill: #fff;
  max-width: 2.5em;
  margin-top: 0.75em;
}
.extend-reach .lg-container .card-box .env .icon .alt-svg {
  max-width: 3em;
}
.extend-reach .lg-container .card-box .env .card {
  background: #fff;
  height: 16em;
  padding: 1em 1.5em 1em 1.5em;
  position: relative;
  -webkit-box-shadow: 0.5em 0.5em 0.5em #ccc;
  box-shadow: 0.5em 0.5em 0.5em #ccc;
}
.extend-reach .lg-container .card-box .env .card .cardh1 {
  text-transform: uppercase;
  color: #122e4a;
  font-size: 1.35em;
  padding-top: 1.5em;
}
.extend-reach .lg-container .card-box .env .card .cardh1 p {
  padding: 1em;
}
.slider {
  height: 100%;
  width: 100%;
}
.slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.bhph {
  position: relative;
  padding: 5em;
}
.bhph .lg-container {
  max-width: 1800px;
  padding: 0em 0em 1em 0em;
}
.bhph .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.bhph .lg-container li {
  color: #122e4a;
  font-weight: 500;
  font-size: 1.4em;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif !important;
  margin: 0 auto;
}
.manage-prospects {
  position: relative;
  padding: 5em;
}
.manage-prospects .lg-container {
  max-width: 1800px;
  padding: 0em 0em 1em 0em;
}
.manage-prospects .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.manage-prospects .lg-container p {
  color: #122e4a;
  font-weight: 500;
  font-size: 1.4em;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif !important;
  margin: 0 auto;
}
.signatures {
  position: relative;
  padding: 3em;
}
.signatures .lg-container {
  max-width: 1800px;
  padding: 0em 0em 1em 0em;
}
.signatures .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.signatures .lg-container p {
  color: #122e4a;
  font-weight: 500;
  font-size: 1.4em;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif !important;
}
.network {
  position: relative;
  z-index: -2;
  padding: 3em;
}
.network .lg-container {
  max-width: 1450px;
  padding: 3em;
}
.network .lg-container .top {
  margin: 0 auto;
  text-align: center;
  padding: 0 0 2em 0;
  display: block;
}
.network .lg-container .google {
  -webkit-box-shadow: 0 0 0 5px #d50f0f;
  box-shadow: 0 0 0 5px #d50f0f;
}
.network .lg-container .microsoft {
  -webkit-box-shadow: 0 0 0 5px #f79f2c;
  box-shadow: 0 0 0 5px #f79f2c;
}
.network .lg-container .meta {
  -webkit-box-shadow: 0 0 0 5px #295eac;
  box-shadow: 0 0 0 5px #295eac;
}
.network .lg-container .gap {
  padding: 0.33em 0;
}
.network .lg-container .gap .page-gap {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.network .lg-container .gap .page-gap .tab {
  background: #fff;
  padding: 1em;
}
.network .lg-container .bottom {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.network .lg-container .bottom .card {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.network .lg-container .bottom .card .header-top {
  height: 2em;
}
.network .lg-container .bottom .card .icon {
  background: #dedede;
  text-transform: uppercase;
  text-align: center;
  height: 2em;
  padding: 2.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-box-shadow: 0 10px 0 0 #fff, 5px 5px 5px #e4e5e6;
  box-shadow: 0 10px 0 0 #fff, 5px 5px 5px #e4e5e6;
  border-radius: 3.5em 3.5em 0 0;
}
.network .lg-container .bottom .card .icon .cardh1 {
  color: #fff;
  padding: 0.5em 0;
  font-size: 1.5em;
  margin-top: -1em;
}
.network .lg-container .bottom .card .premium {
  background: #ababab;
}
.network .lg-container .bottom .card .enterprise {
  background: #686868;
}
.network .lg-container .bottom .card .add-ons {
  background: #2a5eac;
}
.network .lg-container .bottom .platform {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.network .lg-container .bottom .platform .bold {
  font-size: 2em;
  color: #122e4a;
  font-weight: 500;
}
.network .lg-container .bottom .page {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}
.network .lg-container .bottom .page .tab {
  background: #fff;
  font-size: 0.9em;
  padding: 1em;
  height: 100%;
  -webkit-box-shadow: 5px 5px 5px #e4e5e6;
  box-shadow: 5px 5px 5px #e4e5e6;
}
.network .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 600;
  font-size: 2em;
}
.network .lg-container p {
  color: #122e4a;
  font-weight: 400;
  font-size: 1.15em;
  margin: 0 auto;
}
.partners .picture {
  padding-bottom: 30%;
  background-image: url("/img/laptopguy.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: right bottom;
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.partners .picture:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(51,99,159,0.75);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -o-transform: skew(25deg);
  -ms-transform: skew(25deg);
  transform: skew(25deg);
  width: 60%;
}
.partners .picture:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(60,117,187,0.75);
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -o-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
  width: 60%;
}
.partners .text-overlay {
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1em 2.5em;
  max-width: 450px;
}
.partners .text-overlay h1 {
  color: #fff;
  margin: 0;
}
.partners .text-overlay p {
  font-size: 18px;
  line-height: 1.5;
}
.partners .text-overlay button {
  background-color: #f79f1d;
  color: #222;
}
.schedule {
  position: relative;
  overflow: hidden;
}
.schedule h1 {
  text-align: center;
}
.schedule h2 {
  margin: 0;
}
.schedule h3 {
  margin: 0;
  color: #666;
  font-weight: 400;
}
.schedule .completed .wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  background: #32c850;
  color: #fff;
}
.schedule .ga-class {
  text-align: right;
}
.schedule .fl-class {
  text-align: left;
}
.schedule .calendar-wrapper {
  padding: 1em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.schedule .place {
  margin-top: 1em;
}
.schedule .place i {
  margin-right: 0.5em;
}
.schedule .place a {
  color: #3c75bb;
}
.schedule .calendar {
  text-align: center;
  border-radius: 0.25em;
  overflow: hidden;
  min-width: 10em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.schedule .calendar .day {
  background: #3c75bb;
  padding: 1em;
  color: #fff;
}
.schedule .calendar .date {
  padding: 10px 0;
  background: #fff;
  color: #222;
  font-size: 3em;
  font-family: 'open sans', 'roboto', sans-serif;
  font-weight: 600;
}
.getting .prod-content {
  padding-left: 4em;
}
.getting .prod-content .item + .item {
  padding-top: 1.25em;
}
.getting .prod-content .item:hover .icon:before {
  -webkit-transform: translate(-10px, -10px) scale(1);
  -moz-transform: translate(-10px, -10px) scale(1);
  -o-transform: translate(-10px, -10px) scale(1);
  -ms-transform: translate(-10px, -10px) scale(1);
  transform: translate(-10px, -10px) scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.getting .prod-content .item:hover h3 {
  color: #3c75bb;
}
.getting .prod-content .icon {
  display: inline-block;
  background: #3c75bb;
  border-radius: 50%;
  text-align: center;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 57px;
  font-size: 2.25em;
  position: relative;
}
.getting .prod-content .icon:before {
  content: '';
  background: rgba(60,117,187,0.15);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10px, -10px) scale(0);
  -moz-transform: translate(-10px, -10px) scale(0);
  -o-transform: translate(-10px, -10px) scale(0);
  -ms-transform: translate(-10px, -10px) scale(0);
  transform: translate(-10px, -10px) scale(0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -o-transition: -o-transform 0.3s, opacity 0.2s;
  -ms-transition: -ms-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
.getting .prod-content .text {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
  margin-top: 5px;
}
.getting .prod-content .text h3,
.getting .prod-content .text p {
  margin: 0;
}
.getting .video-player,
.getting .prod-content {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.getting .big-container {
  max-width: 1550px;
  margin: 0 auto;
}
.getting .video-player {
  padding: 4em;
}
.getting .video-container {
  max-width: 600px;
  padding-bottom: 60%;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.getting iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 64em) {
  .dms-content .slide-digital .slide-text {
    padding: 4em 2em !important;
  }
  .dms-content .slide-digital .slide-text .text-wrapper {
    padding: 0 !important;
  }
  .dms-content .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .dms-content .manage-prospects {
    padding: 0;
  }
  .dms-content .feature-box-alt {
    margin-top: 0;
  }
  .dms-content .feature-box-alt .bottom-img-box {
    margin-top: 0 !important;
  }
  .dms-content .main-products .container {
    margin-top: 0;
  }
  .dms-content .easy-financing {
    padding: 0;
  }
  .dms-content .dms {
    padding: 0;
  }
  .dms-content .break .pure-u-md-11-24 {
    margin: 0 auto;
  }
  .dms-content .partners .text-overlay {
    max-width: 425px;
  }
  .dms-content .partners .picture {
    padding-bottom: 40%;
  }
  .dms-content .partners .picture:before,
  .dms-content .partners .picture:after {
    width: 75%;
  }
  .dms-content .getting .video-player {
    padding: 2em;
  }
  .dms-content .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .dms-content .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
.show-it-in {
  right: 0 !important;
  left: 0;
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form {
  color: #262523;
  background-color: #fff;
  border: 1px solid #ccc;
}
.pure-form .checkbox-wrapper {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form .checkbox-wrapper .checkbox-box {
  background: #f4f4f4;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form .secondary-button {
  background-color: #32c850;
  color: #fff;
}
.pure-form .title {
  font-size: 1.5em;
  padding: 0.25em 0 0.25em 0.25em;
  margin: 0.25em 0;
  border-bottom: 2px solid #f7c00d;
}
.pure-form .title i {
  font-size: 0.75em;
}
.pure-form.sign-up-form {
  margin: 1em auto;
  max-width: 1250px;
  border: 0;
}
.pure-form .contact-terms {
  font-size: 0.9em;
  color: #666;
}
.pure-form .form-header {
  height: 10em;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: #222;
  position: relative;
}
.pure-form .form-header.contact {
  background-image: url("/img/dealerstock.jpg");
  background-position: left center;
}
.pure-form .form-header.training {
  background-image: url("/img/training-header.jpg");
  background-position: center 45%;
}
.pure-form .form-header .text-box {
  padding: 0.25em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(247,159,29,0.9);
  color: #262523;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  font-size: 1.5em;
  font-family: open sans;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #262523;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button {
  background-color: #3c75bb;
  color: #fff;
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: none;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.number.field > label > input {
  height: 2.3em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
div.select.field > label > select[disabled] {
  background-color: #eaeded;
  color: #cad2d3;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
/* DMS 2 2 */
/* DMS - Program 2 */
/* DMS - Requirements 2 */
/* DMS - Screenshots 2 */
/* DotNetDemo Form 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
.contact-us-wrapper .requirements-box {
  background-color: #fff;
  border-radius: 0.5em;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 35em;
  margin: 0px auto;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
/* Download Demo Page 2 */
.demo-list li {
  padding: 0.5em 0;
}
p.warning {
  color: #c8171e;
}
/* ELT Forms 2 */
/* End User License Agreement 2 */
#user-license-agreement {
  color: #444;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  overflow-y: auto;
  z-index: 9999;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#user-license-agreement strong {
  color: #000;
}
#user-license-agreement .centered {
  text-align: center;
}
/* FAQ 2 */
/* Finance Companies 2 */
/* Flat Rate Referral 2 */
#crmWebToEntityForm tr {
  height: 2.5em;
}
/* Flat Rate Success 2 */
/* Floor Plan Companies 2 */
/* Florida Auto Dealer License Guide 2 */
.license-header a {
  text-decoration: none;
}
.license-header .page-header {
  background: #fff;
}
.license-header .alt {
  background: #f2f4f5;
}
.license-header section .container {
  max-width: 100%;
}
.license-header section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.license-header section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.license-header section .container .slide-digital .slide-text,
.license-header section .container .slide-digital .img {
  vertical-align: middle;
}
.license-header section .container .slide-digital .slide-text {
  color: #fff;
  padding: 7em 1em 1em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.license-header section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.license-header section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.license-header section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.license-header section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.license-header section .container .slide-digital .text-wrapper .button-grid {
  padding: 7em 1em 0em 1em;
}
.license-header section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital img {
  margin-top: -4em;
}
.license-header section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.license-header .links-section {
  padding: 5em;
}
.license-header .links-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.license-header .links-section .helplinks {
  padding-bottom: 3em;
}
.license-header .links-section .helplinks li {
  line-height: 1.75em;
  font-size: 1.4em;
  text-align: left;
}
.license-header .links-section .helplinks li a {
  text-decoration: none;
  color: #3474ba;
}
.license-header .links-section .helplinks li a:hover {
  text-decoration: underline;
}
.license-header .links-section .state-selection-wrapper {
  text-align: left;
}
.license-header .links-section .state-selection-wrapper .hold {
  padding: 0em 2em 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header .links-section .state-selection-wrapper .hold .links p {
  font-size: 1.4em;
  color: #122e4a;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .links-section .state-selection-wrapper .hold .state {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-family: 'Roboto', sans-serif !important;
  background: #fff;
  color: #3474ba;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 1px solid #3474ba;
  width: 100%;
  cursor: pointer;
}
.license-header .links-section .state-selection-wrapper .hold .state.active {
  background: #3474ba;
  color: #fff;
}
.license-header .links-section .state-links {
  max-height: 96px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.license-header .links-section .state-links.active {
  max-height: 999em;
}
.license-header .links-section .state-links h3 {
  padding: 0 0.5em;
}
.license-header .links-section .state-links h3 span {
  color: #666;
  font-size: 0.8em;
}
.license-header .links-section .state-links h3 i {
  float: right;
}
.license-header .links-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
  text-align: left;
}
.license-header .links-section h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.license-header .links-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .slider {
  height: 100%;
  width: 100%;
}
.license-header .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .license-header .links-section {
    padding: 0;
  }
  .license-header .links-section .lg-container {
    padding: 1em;
  }
  .license-header .links-section .lg-container li {
    line-height: 1.75em;
    padding-bottom: 1.5em;
  }
  .license-header .slide-digital {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 .primary {
    min-width: 8em !important;
    font-size: 1.2em !important;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* Getting Started - DMS 2 */
/* Getting Started Websites 2 */
.website-tips a {
  text-decoration: none;
}
.website-tips .page-header {
  background: #fff;
}
.website-tips .alt {
  background: #f2f4f5;
}
.website-tips section .container {
  max-width: 100%;
}
.website-tips section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.website-tips section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.website-tips section .container .slide-digital .slide-text,
.website-tips section .container .slide-digital .img {
  vertical-align: middle;
}
.website-tips section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.website-tips section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.website-tips section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.website-tips section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.website-tips section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.website-tips section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.website-tips section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.website-tips section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.website-tips section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.website-tips section .container .slide-digital img {
  margin-top: -4em;
}
.website-tips section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.website-tips .visibility {
  padding: 5em;
}
.website-tips .visibility .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.website-tips .visibility .primary {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.website-tips .visibility .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.website-tips .visibility .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.website-tips .guides {
  padding: 5em;
}
.website-tips .guides .container .hold {
  padding: 0em 2em 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.website-tips .guides .container .hold .links p {
  font-size: 1.4em;
  color: #122e4a;
  font-family: 'Roboto', sans-serif !important;
}
.website-tips .guides .container .hold .state {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-family: 'Roboto', sans-serif !important;
  background: #fff;
  color: #3474ba;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 1px solid #3474ba;
  width: 100%;
  cursor: pointer;
}
.website-tips .guides h1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.website-tips .guides h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.website-tips .guides h3 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.website-tips .guides p {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.website-tips .guides li {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.website-tips .guides li p {
  font-size: inherit;
}
.website-tips .slider {
  height: 100%;
  width: 100%;
}
.website-tips .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .website-tips .guides {
    padding: 1em;
  }
  .website-tips .visibility {
    padding: 0 !important;
  }
  .website-tips .visibility .lg-container {
    padding: 1em !important;
  }
  .website-tips .visibility .lg-container .note-content {
    padding-left: 0 !important;
  }
  .website-tips .visibility .rdh1 {
    padding: 0 !important;
  }
  .website-tips .slide-digital {
    padding: 0 !important;
  }
  .website-tips .slide-digital .slide-text {
    padding: 0 !important;
  }
  .website-tips .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .website-tips .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .website-tips .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .website-tips .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .website-tips .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Helpful Links 2 */
.helpful-links a {
  text-decoration: none;
}
.helpful-links .page-header {
  background: #fff;
}
.helpful-links .alt {
  background: #f2f4f5;
}
.helpful-links section .container {
  max-width: 100%;
}
.helpful-links section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.helpful-links section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.helpful-links section .container .slide-digital .slide-text,
.helpful-links section .container .slide-digital .img {
  vertical-align: middle;
}
.helpful-links section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.helpful-links section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.helpful-links section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.helpful-links section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.helpful-links section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.helpful-links section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.helpful-links section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.helpful-links section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.helpful-links section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.helpful-links section .container .slide-digital img {
  margin-top: -4em;
}
.helpful-links section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.helpful-links .links-section {
  padding: 5em;
}
.helpful-links .links-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.helpful-links .links-section .helplinks {
  padding-bottom: 3em;
}
.helpful-links .links-section .helplinks li {
  line-height: 1.75em;
  font-size: 1.4em;
  text-align: left;
}
.helpful-links .links-section .helplinks li a {
  text-decoration: none;
  color: #3474ba;
}
.helpful-links .links-section .helplinks li a:hover {
  text-decoration: underline;
}
.helpful-links .links-section .state-selection-wrapper {
  text-align: left;
}
.helpful-links .links-section .state-selection-wrapper .hold {
  padding: 0em 2em 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.helpful-links .links-section .state-selection-wrapper .hold .links p {
  font-size: 1.4em;
  color: #122e4a;
  font-family: 'Roboto', sans-serif !important;
}
.helpful-links .links-section .state-selection-wrapper .hold .state {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-family: 'Roboto', sans-serif !important;
  background: #fff;
  color: #3474ba;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 1px solid #3474ba;
  width: 100%;
  cursor: pointer;
}
.helpful-links .links-section .state-selection-wrapper .hold .state.active {
  background: #3474ba;
  color: #fff;
}
.helpful-links .links-section .state-links {
  max-height: 96px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.helpful-links .links-section .state-links.active {
  max-height: 999em;
}
.helpful-links .links-section .state-links h3 {
  padding: 0 0.5em;
}
.helpful-links .links-section .state-links h3 span {
  color: #666;
  font-size: 0.8em;
}
.helpful-links .links-section .state-links h3 i {
  float: right;
}
.helpful-links .links-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
  text-align: left;
}
.helpful-links .links-section h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.helpful-links .links-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.helpful-links .slider {
  height: 100%;
  width: 100%;
}
.helpful-links .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .helpful-links .links-section {
    padding: 0;
  }
  .helpful-links .links-section .lg-container {
    padding: 1em;
  }
  .helpful-links .links-section .lg-container li {
    line-height: 1.75em;
    padding-bottom: 1.5em;
  }
  .helpful-links .slide-digital {
    padding: 0 !important;
  }
  .helpful-links .slide-digital .slide-text {
    padding: 0 !important;
  }
  .helpful-links .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .helpful-links .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .helpful-links .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .helpful-links .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .helpful-links .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Home 2 */
.home-content a {
  text-decoration: none;
}
.home-content .page-header {
  background: #fff;
}
.home-content .alt {
  background: #f2f4f5;
}
.home-content section .container {
  max-width: 100%;
}
.home-content section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.home-content section .container .slide-img {
  display: inline-block;
  background: url("/img/webslides/box-image.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  left: 0;
  width: 100%;
  position: relative;
}
.home-content section .container .slide-img .slide-text,
.home-content section .container .slide-img .img {
  vertical-align: middle;
}
.home-content section .container .slide-img .slide-text {
  color: #fff;
  padding: 5em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-content section .container .slide-img .slide-text a + a button {
  margin-left: 1em;
}
.home-content section .container .slide-img .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  font-size: 20px;
  padding: 0.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
}
.home-content section .container .slide-img .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
.home-content section .container .slide-img .text-wrapper {
  margin: 0 auto;
  padding: 1em;
}
.home-content section .container .slide-img .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.home-content section .container .slide-img .text-wrapper p {
  line-height: 1;
  font-size: 1.25em;
}
.home-content section .container .slide-img .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-content section .container .slide-img img {
  margin-top: -4em;
}
.home-content section .container .slide-img i {
  color: #fff;
  font-size: 2.5em;
}
.home-content .marketing-integrations .container {
  max-width: 1550px;
  padding: 5em 1em 5em 1em;
}
.home-content .marketing-integrations .container .lbox .tab {
  background: url("/img/device-stream.png");
}
.home-content .marketing-integrations .container .rbox .tab {
  background: url("/img/integration-partners-collage.png");
}
.home-content .marketing-integrations .container .lbox,
.home-content .marketing-integrations .container .rbox {
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-content .marketing-integrations .container .lbox .tab,
.home-content .marketing-integrations .container .rbox .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 25em;
  border: 2px solid #6b6b6b;
  -webkit-box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  padding: 1em;
}
.home-content .marketing-integrations .container .lbox .tab .button-box,
.home-content .marketing-integrations .container .rbox .tab .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.home-content .marketing-integrations .container .lbox .tab a,
.home-content .marketing-integrations .container .rbox .tab a {
  padding-top: 2em;
}
.home-content .marketing-integrations .container .lbox .tab h1,
.home-content .marketing-integrations .container .rbox .tab h1 {
  color: #122e4a;
  font-size: 2em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
}
.home-content .marketing-integrations .container .lbox .tab p,
.home-content .marketing-integrations .container .rbox .tab p {
  color: #122e4a;
  font-size: 1.25em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.home-content .info-center .container {
  max-width: 1250px;
  padding: 3em;
}
.home-content .info-center .container .data-grid .module {
  border-bottom: 3px solid #000;
  padding: 1em;
}
.home-content .info-center .container .data-grid .module .icon {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-content .info-center .container .data-grid .module .icon svg {
  max-width: 3em;
  fill: #005fb8;
}
.home-content .info-center .container .data-grid .module h1 {
  color: #005fb8;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 1.5em;
}
.home-content .info-center .container .data-grid .module p {
  color: #122e4a;
  font-size: 1em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.home-content .info-center .container .data-grid .module:last-of-type {
  border: none;
}
.home-content .info-center .container .middle-tab {
  text-align: center;
}
.home-content .info-center .container .middle-tab h1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.home-content .info-center .container .middle-tab p {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.home-content .prodms {
  padding: 3em;
}
.home-content .prodms .rdh1 {
  color: #1d3953;
  font-weight: 600;
  font-size: 1.1em;
}
.home-content .prodms .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.home-content .prodms .bold {
  color: #122e4a;
  font-size: 1.35em;
  font-weight: 500;
}
.home-content .slider {
  height: 100%;
  width: 100%;
}
.home-content .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.home-content .main-products {
  position: relative;
}
.home-content .main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.home-content .main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.home-content .main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.home-content .main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.home-content .main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.home-content .main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.home-content .main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.home-content .main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.home-content .partners .picture {
  padding-bottom: 30%;
  background-image: url("/img/laptopguy.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: right bottom;
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.home-content .partners .picture:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(51,99,159,0.75);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -o-transform: skew(25deg);
  -ms-transform: skew(25deg);
  transform: skew(25deg);
  width: 60%;
}
.home-content .partners .picture:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(60,117,187,0.75);
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -o-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
  width: 60%;
}
.home-content .partners .text-overlay {
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1em 2.5em;
  max-width: 450px;
}
.home-content .partners .text-overlay h1 {
  color: #fff;
  margin: 0;
}
.home-content .partners .text-overlay p {
  font-size: 18px;
  line-height: 1.5;
}
.home-content .partners .text-overlay button {
  background-color: #f79f1d;
  color: #222;
}
.home-content .schedule {
  position: relative;
  overflow: hidden;
}
.home-content .schedule h1 {
  text-align: center;
}
.home-content .schedule h2 {
  margin: 0;
}
.home-content .schedule h3 {
  margin: 0;
  color: #666;
  font-weight: 400;
}
.home-content .schedule .completed .wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  background: #32c850;
  color: #fff;
}
.home-content .schedule .ga-class {
  text-align: right;
}
.home-content .schedule .fl-class {
  text-align: left;
}
.home-content .schedule .calendar-wrapper {
  padding: 1em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.home-content .schedule .place {
  margin-top: 1em;
}
.home-content .schedule .place i {
  margin-right: 0.5em;
}
.home-content .schedule .place a {
  color: #3c75bb;
}
.home-content .schedule .calendar {
  text-align: center;
  border-radius: 0.25em;
  overflow: hidden;
  min-width: 10em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.home-content .schedule .calendar .day {
  background: #3c75bb;
  padding: 1em;
  color: #fff;
}
.home-content .schedule .calendar .date {
  padding: 10px 0;
  background: #fff;
  color: #222;
  font-size: 3em;
  font-family: 'open sans', 'roboto', sans-serif;
  font-weight: 600;
}
.home-content .getting .prod-content {
  padding-left: 4em;
}
.home-content .getting .prod-content .item + .item {
  padding-top: 1.25em;
}
.home-content .getting .prod-content .item:hover .icon:before {
  -webkit-transform: translate(-10px, -10px) scale(1);
  -moz-transform: translate(-10px, -10px) scale(1);
  -o-transform: translate(-10px, -10px) scale(1);
  -ms-transform: translate(-10px, -10px) scale(1);
  transform: translate(-10px, -10px) scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.home-content .getting .prod-content .item:hover h3 {
  color: #3c75bb;
}
.home-content .getting .prod-content .icon {
  display: inline-block;
  background: #3c75bb;
  border-radius: 50%;
  text-align: center;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 57px;
  font-size: 2.25em;
  position: relative;
}
.home-content .getting .prod-content .icon:before {
  content: '';
  background: rgba(60,117,187,0.15);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10px, -10px) scale(0);
  -moz-transform: translate(-10px, -10px) scale(0);
  -o-transform: translate(-10px, -10px) scale(0);
  -ms-transform: translate(-10px, -10px) scale(0);
  transform: translate(-10px, -10px) scale(0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -o-transition: -o-transform 0.3s, opacity 0.2s;
  -ms-transition: -ms-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
.home-content .getting .prod-content .text {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
  margin-top: 5px;
}
.home-content .getting .prod-content .text h3,
.home-content .getting .prod-content .text p {
  margin: 0;
}
.home-content .getting .video-player,
.home-content .getting .prod-content {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-content .getting .big-container {
  max-width: 1550px;
  margin: 0 auto;
}
.home-content .getting .video-player {
  padding: 4em;
}
.home-content .getting .video-container {
  max-width: 600px;
  padding-bottom: 60%;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.home-content .getting iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 64em) {
  .header {
    padding: 0;
  }
  .header .logo {
    padding: 0;
  }
  .home-content section {
    padding: 0 !important;
  }
  .home-content section .container .slide-img .text-wrapper {
    padding: 0;
  }
  .home-content section .container .slide-img .text-wrapper h1 {
    font-size: 1.5em;
  }
  .home-content .slider .left-control,
  .home-content .slider .right-control {
    display: none;
  }
  .home-content .slider .slide-btns {
    bottom: 1em;
  }
  .home-content .main-products .container {
    margin-top: 0;
  }
  .home-content .marketing-integrations {
    padding: 1em 0;
  }
  .home-content .info-center {
    padding: 2em 0;
  }
  .home-content .info-center .container {
    padding: 2em 1em;
  }
  .home-content .info-center .container .module {
    padding: 0;
  }
  .home-content .info-center .container .module .icon {
    padding: 1em 0.5em;
  }
  .home-content .info-center .container .module .icon svg {
    max-width: 0;
  }
  .home-content .partners .text-overlay {
    max-width: 425px;
  }
  .home-content .partners .picture {
    padding-bottom: 40%;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    width: 75%;
  }
  .home-content .getting .video-player {
    padding: 2em;
  }
  .home-content .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .home-content .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
/* Intelligent Inventory Marketing 2 */
.inventory-marketing .work,
.inventory-marketing .carbuying,
.inventory-marketing .smartway,
.inventory-marketing .convert,
.inventory-marketing .optimized {
  padding: 4em 0;
}
.inventory-marketing .work .img,
.inventory-marketing .carbuying .img,
.inventory-marketing .smartway .img,
.inventory-marketing .convert .img,
.inventory-marketing .optimized .img {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.inventory-marketing .work img,
.inventory-marketing .carbuying img,
.inventory-marketing .smartway img,
.inventory-marketing .convert img,
.inventory-marketing .optimized img {
  margin: 0 auto;
}
.inventory-marketing .work img {
  max-height: 175px;
  margin-top: 2em;
}
.inventory-marketing .carbuying img {
  max-height: 500px;
}
.inventory-marketing .smartway img {
  max-height: 500px;
}
.inventory-marketing .convert img {
  max-height: 400px;
  margin-top: -2em;
}
.inventory-marketing .optimized img {
  max-height: 350px;
}
/* Layouts 2 */
.websites-content a {
  text-decoration: none;
}
.websites-content .page-header {
  background: #fff;
}
.websites-content .alt {
  background: #f2f4f5;
}
.websites-content section .container {
  max-width: 100%;
}
.websites-content section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.websites-content section .container .slide-img {
  display: inline-block;
  background: url("/img/website-slide-rd.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  left: 0;
  width: 100%;
  position: relative;
}
.websites-content section .container .slide-img .slide-text,
.websites-content section .container .slide-img .img {
  vertical-align: middle;
}
.websites-content section .container .slide-img .slide-text {
  color: #fff;
  padding: 5em 4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content section .container .slide-img .slide-text a + a button {
  margin-left: 1em;
}
.websites-content section .container .slide-img .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 0em 1em 0em 0em;
  font-size: 20px;
  padding: 0.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
}
.websites-content section .container .slide-img .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
.websites-content section .container .slide-img .text-wrapper {
  margin: 0 auto;
  padding: 1em 0em 3em 1em;
}
.websites-content section .container .slide-img .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.websites-content section .container .slide-img .text-wrapper p {
  line-height: 1.25em;
  font-size: 1.25em;
}
.websites-content section .container .slide-img .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content section .container .slide-img img {
  margin-top: -4em;
}
.websites-content section .container .slide-img i {
  color: #fff;
  font-size: 2.5em;
}
.websites-content .main-products {
  position: relative;
}
.websites-content .main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.websites-content .main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.websites-content .main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.websites-content .main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.websites-content .main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.websites-content .main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.websites-content .main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.websites-content .main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.websites-content .layouts {
  padding: 3em 1em 4em;
  text-align: center;
}
.websites-content .layouts p {
  max-width: 650px;
  margin: 0 auto;
  margin-bottom: 2em;
}
.websites-content .layouts .container {
  max-width: 1600px;
}
.websites-content .layouts .title {
  margin-top: 0.5em;
  color: #122e4a;
  font-weight: 500;
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif;
}
.websites-content .layouts .layout-wrapper {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content .layouts .item {
  padding: 1em 1.5em;
  border-radius: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  display: inline-block;
  margin: 0 auto;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.websites-content .layouts-top {
  padding: 3em;
  text-align: center;
}
.websites-content .layouts-top .container {
  max-width: 1250px;
  padding: 2em;
}
.websites-content .layouts-top .container h1 {
  font-size: 3em;
  font-weight: 500;
  color: #122e4a;
  font-family: 'Roboto-Light', sans-serif !important;
}
.websites-content .layouts-top .container p {
  color: #122e4a;
  font-weight: 500;
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif;
}
@media screen and (max-width: 64em) {
  .websites-content .slide-text {
    padding: 3em 2em !important;
  }
  .websites-content .slide-text h1 {
    font-size: 1.5em !important;
  }
  .websites-content .connect {
    padding: 1em;
  }
  .websites-content .extensive-network {
    padding: 0;
  }
  .websites-content .presence {
    padding: 0;
  }
  .websites-content .layouts {
    padding: 0;
  }
  .websites-content .layouts .button-box {
    margin: 0.5em;
  }
  .websites-content .offers {
    padding: 0;
  }
  .websites-content .offers .container {
    padding: 0;
  }
  .websites-content .offers .container .middle-tab p {
    font-size: 1.2em;
  }
  .websites-content .offers .container .data-grid .module .icon {
    padding: 0.5em 0em 0 0em;
  }
  .websites-content .main-products .container {
    margin-top: 0;
  }
  .websites-content .partners .text-overlay {
    max-width: 425px;
  }
  .websites-content .partners .picture {
    padding-bottom: 40%;
  }
  .websites-content .partners .picture:before,
  .websites-content .partners .picture:after {
    width: 75%;
  }
  .websites-content .getting .video-player {
    padding: 2em;
  }
  .websites-content .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .websites-content .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
/* Location 2 */
.days {
  padding: 0.5em 0;
}
.map-canvas {
  min-height: 30vh;
  margin-top: 2em;
  padding: 0px;
}
@media only screen and (max-width: 35.6em) {
  .map-canvas {
    min-height: 20em;
  }
}
/* Mississippi Auto Dealer License Guide 2 */
.license-header a {
  text-decoration: none;
}
.license-header .page-header {
  background: #fff;
}
.license-header .alt {
  background: #f2f4f5;
}
.license-header section .container {
  max-width: 100%;
}
.license-header section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.license-header section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.license-header section .container .slide-digital .slide-text,
.license-header section .container .slide-digital .img {
  vertical-align: middle;
}
.license-header section .container .slide-digital .slide-text {
  color: #fff;
  padding: 7em 1em 1em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.license-header section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.license-header section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.license-header section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.license-header section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.license-header section .container .slide-digital .text-wrapper .button-grid {
  padding: 7em 1em 0em 1em;
}
.license-header section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital img {
  margin-top: -4em;
}
.license-header section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.license-header .links-section {
  padding: 5em;
}
.license-header .links-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.license-header .links-section .helplinks {
  padding-bottom: 3em;
}
.license-header .links-section .helplinks li {
  line-height: 1.75em;
  font-size: 1.4em;
  text-align: left;
}
.license-header .links-section .helplinks li a {
  text-decoration: none;
  color: #3474ba;
}
.license-header .links-section .helplinks li a:hover {
  text-decoration: underline;
}
.license-header .links-section .state-selection-wrapper {
  text-align: left;
}
.license-header .links-section .state-selection-wrapper .hold {
  padding: 0em 2em 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header .links-section .state-selection-wrapper .hold .links p {
  font-size: 1.4em;
  color: #122e4a;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .links-section .state-selection-wrapper .hold .state {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-family: 'Roboto', sans-serif !important;
  background: #fff;
  color: #3474ba;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 1px solid #3474ba;
  width: 100%;
  cursor: pointer;
}
.license-header .links-section .state-selection-wrapper .hold .state.active {
  background: #3474ba;
  color: #fff;
}
.license-header .links-section .state-links {
  max-height: 96px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.license-header .links-section .state-links.active {
  max-height: 999em;
}
.license-header .links-section .state-links h3 {
  padding: 0 0.5em;
}
.license-header .links-section .state-links h3 span {
  color: #666;
  font-size: 0.8em;
}
.license-header .links-section .state-links h3 i {
  float: right;
}
.license-header .links-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
  text-align: left;
}
.license-header .links-section h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.license-header .links-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .slider {
  height: 100%;
  width: 100%;
}
.license-header .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .license-header .links-section {
    padding: 0;
  }
  .license-header .links-section .lg-container {
    padding: 1em;
  }
  .license-header .links-section .lg-container li {
    line-height: 1.75em;
    padding-bottom: 1.5em;
  }
  .license-header .slide-digital {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 .primary {
    min-width: 8em !important;
    font-size: 1.2em !important;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* North Carolina Auto Dealer License 2 */
.license-header a {
  text-decoration: none;
}
.license-header .page-header {
  background: #fff;
}
.license-header .alt {
  background: #f2f4f5;
}
.license-header section .container {
  max-width: 100%;
}
.license-header section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.license-header section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.license-header section .container .slide-digital .slide-text,
.license-header section .container .slide-digital .img {
  vertical-align: middle;
}
.license-header section .container .slide-digital .slide-text {
  color: #fff;
  padding: 7em 1em 1em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.license-header section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.license-header section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.license-header section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.license-header section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.license-header section .container .slide-digital .text-wrapper .button-grid {
  padding: 7em 1em 0em 1em;
}
.license-header section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital img {
  margin-top: -4em;
}
.license-header section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.license-header .links-section {
  padding: 5em;
}
.license-header .links-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.license-header .links-section .helplinks {
  padding-bottom: 3em;
}
.license-header .links-section .helplinks li {
  line-height: 1.75em;
  font-size: 1.4em;
  text-align: left;
}
.license-header .links-section .helplinks li a {
  text-decoration: none;
  color: #3474ba;
}
.license-header .links-section .helplinks li a:hover {
  text-decoration: underline;
}
.license-header .links-section .state-selection-wrapper {
  text-align: left;
}
.license-header .links-section .state-selection-wrapper .hold {
  padding: 0em 2em 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header .links-section .state-selection-wrapper .hold .links p {
  font-size: 1.4em;
  color: #122e4a;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .links-section .state-selection-wrapper .hold .state {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-family: 'Roboto', sans-serif !important;
  background: #fff;
  color: #3474ba;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 1px solid #3474ba;
  width: 100%;
  cursor: pointer;
}
.license-header .links-section .state-selection-wrapper .hold .state.active {
  background: #3474ba;
  color: #fff;
}
.license-header .links-section .state-links {
  max-height: 96px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.license-header .links-section .state-links.active {
  max-height: 999em;
}
.license-header .links-section .state-links h3 {
  padding: 0 0.5em;
}
.license-header .links-section .state-links h3 span {
  color: #666;
  font-size: 0.8em;
}
.license-header .links-section .state-links h3 i {
  float: right;
}
.license-header .links-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
  text-align: left;
}
.license-header .links-section h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.license-header .links-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .slider {
  height: 100%;
  width: 100%;
}
.license-header .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .license-header .links-section {
    padding: 0;
  }
  .license-header .links-section .lg-container {
    padding: 1em;
  }
  .license-header .links-section .lg-container li {
    line-height: 1.75em;
    padding-bottom: 1.5em;
  }
  .license-header .slide-digital {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 .primary {
    min-width: 8em !important;
    font-size: 1.2em !important;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* Partners 2 */
.partners a {
  text-decoration: none;
}
.partners .page-header {
  background: #fff;
}
.partners .alt {
  background: #f2f4f5;
}
.partners section .container {
  max-width: 100%;
}
.partners section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.partners section .container .slide-digital {
  display: inline-block;
  background: url("/img/partners-slide.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  left: 0;
  width: 100%;
  position: relative;
  text-align: left;
}
.partners section .container .slide-digital .slide-text,
.partners section .container .slide-digital .img {
  vertical-align: middle;
}
.partners section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em 0em 5em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.partners section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.partners section .container .slide-digital .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  font-size: 1.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.partners section .container .slide-digital .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
.partners section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  padding: 5em 1em;
}
.partners section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.partners section .container .slide-digital .text-wrapper p {
  font-size: 1.25em;
}
.partners section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.partners section .container .slide-digital img {
  margin-top: -4em;
}
.partners section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.partners .main-products {
  position: relative;
}
.partners .main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.partners .main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.partners .main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.partners .main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.partners .main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.partners .main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.partners .main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.partners .main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.partners .break {
  background: #143152;
}
.partners .break .lg-container {
  max-width: 1450px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.partners .break .lg-container h1 {
  font-size: 3em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  color: #fff;
}
.partners .break .lg-container .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
  font-size: 1.5em;
  padding: 0.5em 2em;
  border-radius: 0;
}
.partners .integration-grids {
  padding: 3em;
}
.partners .integration-grids .lg-container {
  max-width: 100%;
}
.partners .integration-grids .lg-container .header-drop {
  padding: 1em;
  cursor: pointer;
}
.partners .integration-grids .lg-container .header-drop .inner {
  max-width: 1450px;
  margin: 0 auto;
}
.partners .integration-grids .lg-container .header-drop .inner h1 {
  color: #122e4a;
  font-weight: 400;
}
.partners .integration-grids .lg-container .header-drop .inner .img-grid {
  padding: 0.5em;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  max-height: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  -ms-transition: -ms-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  overflow: hidden;
}
.partners .integration-grids .lg-container .header-drop .inner .img-grid .gutter {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.partners .integration-grids .lg-container .header-drop .inner .img-grid .gutter .imgbox {
  padding: 0.5em;
  min-height: 14.5em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border: 2px solid #222;
  -webkit-box-shadow: 0.25em 0.25em 0.25em #444;
  box-shadow: 0.25em 0.25em 0.25em #444;
}
.partners .integration-grids .lg-container .header-drop .inner .img-grid .gutter .imgbox img {
  margin: 0 auto;
}
.partners .integration-grids .lg-container .header-drop .inner .show-grid {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  max-height: 250em;
}
.partners .integration-grids .lg-container .alt {
  background: #f5f6f7;
}
@media screen and (max-width: 64em) {
  .partners .integration-grids {
    padding: 0;
  }
  .partners .slide-digital .text-wrapper {
    padding: 5em 1em !important;
  }
  .partners .slide-digital .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .partners .slider .left-control,
  .partners .slider .right-control {
    display: none;
  }
  .partners .slider .slide-btns {
    bottom: 1em;
  }
  .partners .main-products .container {
    margin-top: 0;
  }
  .partners .partners .text-overlay {
    max-width: 425px;
  }
  .partners .partners .picture {
    padding-bottom: 40%;
  }
  .partners .partners .picture:before,
  .partners .partners .picture:after {
    width: 75%;
  }
  .partners .getting .video-player {
    padding: 2em;
  }
  .partners .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .partners .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
/* Pawn 2 */
/* Privacy 2 */
/* RD2 - Title Pawn Software 2 */
.title-pawn a {
  text-decoration: none;
}
.title-pawn .page-header {
  background: #fff;
}
.title-pawn .alt {
  background: #f2f4f5;
}
.title-pawn section .container {
  max-width: 100%;
}
.title-pawn section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.title-pawn section .container .slide-digital {
  display: inline-block;
  background: url("/img/title-pawn-repair.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  width: 100%;
  position: relative;
}
.title-pawn section .container .slide-digital .slide-text,
.title-pawn section .container .slide-digital .img {
  vertical-align: middle;
}
.title-pawn section .container .slide-digital .slide-text {
  color: #fff;
  padding: 2.5em 2em 7em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.title-pawn section .container .slide-digital .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.title-pawn section .container .slide-digital .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
.title-pawn section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: left;
  padding: 1em;
}
.title-pawn section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.title-pawn section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.title-pawn section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn section .container .slide-digital img {
  margin-top: -4em;
}
.title-pawn section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.title-pawn .main-products {
  position: relative;
}
.title-pawn .main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.title-pawn .main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.title-pawn .main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.title-pawn .main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.title-pawn .main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.title-pawn .main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.title-pawn .main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.title-pawn .main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.title-pawn .simple-features {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 4em;
}
.title-pawn .simple-features h1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .simple-features p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
  font-size: 1.4em;
}
.title-pawn .simple-features .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.title-pawn .simple-features .box {
  margin: 0 auto;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.title-pawn .simple-features .box .icon {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .simple-features .box .icon .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #fff;
  -webkit-box-shadow: 0 0.9em 1.3em rgba(0,0,0,0.161);
  box-shadow: 0 0.9em 1.3em rgba(0,0,0,0.161);
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.title-pawn .simple-features .box .icon .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.title-pawn .simple-features .box .icon .overlap-group .group svg {
  max-height: 3.5em;
  fill: #3474ba;
}
.title-pawn .simple-features .box .icon .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  font-size: 1em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  color: #122e4a;
}
.title-pawn .simple-features .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.title-pawn .simple-features .box p {
  font-size: 1.1em;
  line-height: 1.5;
  margin: 0.5em 0;
}
.title-pawn .streamline {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 5em;
}
.title-pawn .streamline h1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .streamline p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
  font-size: 1.4em;
}
.title-pawn .streamline .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.title-pawn .dms {
  padding: 5em;
}
.title-pawn .dms .lg-container {
  max-width: 1450px;
}
.title-pawn .dms .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.title-pawn .dms .rdh1 {
  color: #1d3953;
  font-weight: 600;
  font-size: 1.5em;
}
.title-pawn .dms .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .dms .bold {
  color: #122e4a;
  font-size: 1em;
  font-weight: 500;
}
.title-pawn .slider {
  height: 100%;
  width: 100%;
}
.title-pawn .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.title-pawn .feature-box-software .container {
  max-width: 1550px;
  padding: 5em 1em 5em 1em;
}
.title-pawn .feature-box-software .container .lbox,
.title-pawn .feature-box-software .container .rbox,
.title-pawn .feature-box-software .container .mbox {
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .feature-box-software .container .lbox .tab,
.title-pawn .feature-box-software .container .rbox .tab,
.title-pawn .feature-box-software .container .mbox .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 2px solid #6b6b6b;
  -webkit-box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  box-shadow: 0 2em 2em rgba(0,0,0,0.071);
}
.title-pawn .feature-box-software .container .lbox .tab a,
.title-pawn .feature-box-software .container .rbox .tab a,
.title-pawn .feature-box-software .container .mbox .tab a {
  padding-top: 2em;
}
.title-pawn .feature-box-software .container .lbox .tab h1,
.title-pawn .feature-box-software .container .rbox .tab h1,
.title-pawn .feature-box-software .container .mbox .tab h1 {
  color: #122e4a;
  font-size: 1.5em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .feature-box-software .container .lbox .tab p,
.title-pawn .feature-box-software .container .rbox .tab p,
.title-pawn .feature-box-software .container .mbox .tab p {
  color: #122e4a;
  font-size: 1.2em;
  font-weight: 500;
  font-family: 'Roboto';
}
.title-pawn .feature-box-software .container .lbox .tab p .primary,
.title-pawn .feature-box-software .container .rbox .tab p .primary,
.title-pawn .feature-box-software .container .mbox .tab p .primary {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 1.15em;
}
.title-pawn .feature-box-software .container .lbox .tab .info,
.title-pawn .feature-box-software .container .rbox .tab .info,
.title-pawn .feature-box-software .container .mbox .tab .info {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .feature-box-alt .container {
  max-width: 1550px;
  padding: 5em 1em 5em 1em;
}
.title-pawn .feature-box-alt .container .lbox,
.title-pawn .feature-box-alt .container .rbox,
.title-pawn .feature-box-alt .container .mbox {
  padding: 2.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .feature-box-alt .container .lbox .tab,
.title-pawn .feature-box-alt .container .rbox .tab,
.title-pawn .feature-box-alt .container .mbox .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 25em;
  padding: 1em 2em;
  border: 2px solid #6b6b6b;
  -webkit-box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  box-shadow: 0 2em 2em rgba(0,0,0,0.071);
}
.title-pawn .feature-box-alt .container .lbox .tab a,
.title-pawn .feature-box-alt .container .rbox .tab a,
.title-pawn .feature-box-alt .container .mbox .tab a {
  padding-top: 2em;
}
.title-pawn .feature-box-alt .container .lbox .tab h1,
.title-pawn .feature-box-alt .container .rbox .tab h1,
.title-pawn .feature-box-alt .container .mbox .tab h1 {
  color: #122e4a;
  font-size: 2em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .feature-box-alt .container .lbox .tab p,
.title-pawn .feature-box-alt .container .rbox .tab p,
.title-pawn .feature-box-alt .container .mbox .tab p {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto';
}
.title-pawn .feature-box-alt .container .lbox .tab .info,
.title-pawn .feature-box-alt .container .rbox .tab .info,
.title-pawn .feature-box-alt .container .mbox .tab .info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .feature-box-alt .container .lbox .tab .bottom-img-box,
.title-pawn .feature-box-alt .container .rbox .tab .bottom-img-box,
.title-pawn .feature-box-alt .container .mbox .tab .bottom-img-box {
  margin-top: -4.5em;
}
.title-pawn .optimize-leads {
  padding: 3em;
}
.title-pawn .optimize-leads .lg-container {
  max-width: 1450px;
  padding: 3em;
}
.title-pawn .optimize-leads .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 600;
  font-size: 2em;
}
.title-pawn .optimize-leads .lg-container p {
  color: #122e4a;
  font-weight: 500;
}
.title-pawn .optimize-leads .lg-container .card {
  background: #fff;
}
.title-pawn .optimize-leads .lg-container .card .cardh1 {
  text-transform: uppercase;
  font-size: 1.35em;
}
.title-pawn .easy-financing {
  padding: 5em;
}
.title-pawn .easy-financing .lg-container {
  max-width: 1450px;
}
.title-pawn .easy-financing .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.title-pawn .easy-financing .rdh1 {
  color: #1d3953;
  font-weight: 600;
  font-size: 1.5em;
}
.title-pawn .easy-financing .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .easy-financing .bold {
  color: #122e4a;
  font-size: 1em;
  font-weight: 500;
}
.title-pawn .break {
  background: #143152;
}
.title-pawn .break .lg-container {
  max-width: 1450px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.title-pawn .break .lg-container h1 {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}
.title-pawn .break .lg-container .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.title-pawn .break-bottom {
  background: #143152;
}
.title-pawn .break-bottom .lg-container {
  max-width: 1450px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.title-pawn .break-bottom .lg-container h1 {
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
}
.title-pawn .break-bottom .lg-container .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.title-pawn .extend-reach {
  padding: 3em;
}
.title-pawn .extend-reach .lg-container {
  max-width: 1450px;
  padding: 3em;
}
.title-pawn .extend-reach .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 600;
  font-size: 2em;
}
.title-pawn .extend-reach .lg-container p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
}
.title-pawn .extend-reach .lg-container .card-box {
  padding-top: 4em;
}
.title-pawn .extend-reach .lg-container .card-box .env {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .extend-reach .lg-container .card-box .env .icon {
  padding: 0.5em;
  background: #2c62b8;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: -2em;
}
.title-pawn .extend-reach .lg-container .card-box .env .icon svg {
  fill: #fff;
  max-width: 2.5em;
  margin-top: 0.75em;
}
.title-pawn .extend-reach .lg-container .card-box .env .icon .alt-svg {
  max-width: 3em;
}
.title-pawn .extend-reach .lg-container .card-box .env .card {
  background: #fff;
  height: 16em;
  padding: 1em 1.5em 1em 1.5em;
  position: relative;
  -webkit-box-shadow: 0.5em 0.5em 0.5em #ccc;
  box-shadow: 0.5em 0.5em 0.5em #ccc;
}
.title-pawn .extend-reach .lg-container .card-box .env .card .cardh1 {
  text-transform: uppercase;
  color: #122e4a;
  font-size: 1.35em;
  padding-top: 1.5em;
}
.title-pawn .extend-reach .lg-container .card-box .env .card .cardh1 p {
  padding: 1em;
}
.title-pawn .slider {
  height: 100%;
  width: 100%;
}
.title-pawn .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.title-pawn .title-pawn-simple {
  position: relative;
  padding: 3em;
}
.title-pawn .title-pawn-simple .lg-container {
  max-width: 1800px;
  padding: 0em 0em 1em 0em;
}
.title-pawn .title-pawn-simple .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .title-pawn-simple .lg-container p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
  font-size: 1.4em;
}
.title-pawn .repair-simple {
  position: relative;
  padding: 3em;
}
.title-pawn .repair-simple .lg-container {
  max-width: 1450px;
  padding: 0em 0em 1em 0em;
}
.title-pawn .repair-simple .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .repair-simple .lg-container p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
  font-size: 1.4em;
}
.title-pawn .signatures {
  position: relative;
  padding: 3em;
}
.title-pawn .signatures .lg-container {
  max-width: 1450px;
  padding: 0em 0em 1em 0em;
}
.title-pawn .signatures .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 600;
  font-size: 2em;
}
.title-pawn .signatures .lg-container p {
  color: #122e4a;
  font-weight: 500;
  margin: 0 auto;
}
.title-pawn .features-grid {
  position: relative;
  padding: 0 3em 0 3em;
}
.title-pawn .features-grid .price-disclaimer {
  font-size: 0.7em;
  color: #a5ac88;
  text-align: center;
}
.title-pawn .features-grid .lg-container {
  max-width: 1850px;
  padding: 3em;
}
.title-pawn .features-grid .lg-container .top {
  margin: 0 auto;
  text-align: center;
  padding: 0 0 2em 0;
  display: block;
  padding: 3em;
}
.title-pawn .features-grid .lg-container .gap {
  padding: 0.33em 0;
}
.title-pawn .features-grid .lg-container .gap .page-gap {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .features-grid .lg-container .head {
  background: #acacac;
  border: 1px solid #989898;
  color: #fff;
}
.title-pawn .features-grid .lg-container .bottom {
  margin: 0 auto;
  display: block;
  text-align: center;
}
.title-pawn .features-grid .lg-container .bottom .card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .features-grid .lg-container .bottom .card .header-top {
  height: 2em;
}
.title-pawn .features-grid .lg-container .bottom .card .icon {
  text-transform: uppercase;
  text-align: center;
  height: 4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5em;
  color: #fff;
  border-radius: 3.5em 3.5em 0 0;
}
.title-pawn .features-grid .lg-container .bottom .card .icon .cardh1 {
  color: #fff;
  padding: 0.5em 0;
  font-size: 1.5em;
  margin-top: -1em;
}
.title-pawn .features-grid .lg-container .bottom .card .pawn {
  background: #0e2d49;
}
.title-pawn .features-grid .lg-container .bottom .card .repair {
  background: #3372b7;
}
.title-pawn .features-grid .lg-container .bottom .platform {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  border-right: 1px solid #b4b4b4;
}
.title-pawn .features-grid .lg-container .bottom .platform .bold {
  color: #122e4a;
  font-weight: 500;
}
.title-pawn .features-grid .lg-container .bottom .price-repair {
  padding: 1em;
  background: #3372b7;
  display: block;
  color: #fff;
}
.title-pawn .features-grid .lg-container .bottom .price {
  padding: 1em;
  background: #0e2e4a;
  display: block;
  color: #fff;
}
.title-pawn .features-grid .lg-container .bottom span {
  font-size: 3em;
  text-align: center;
  display: block;
}
.title-pawn .features-grid .lg-container .bottom .page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 2.5em;
  border-right: 1px solid #b4b4b4;
}
.title-pawn .features-grid .lg-container .bottom .page .tab {
  font-size: 0.9em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.title-pawn .features-grid .lg-container .bottom .page .tab svg {
  max-height: 2em;
  fill: #f7a02e;
}
.title-pawn .features-grid .lg-container .rdh1 {
  color: #122e4a;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.title-pawn .features-grid .lg-container p {
  color: #122e4a !important;
  font-weight: 500 !important;
  margin: 0 auto !important;
  font-size: 1.2em !important;
}
.title-pawn .features-grid .lg-container .anto {
  background: #f2f2f2 !important;
}
.title-pawn .partners .picture {
  padding-bottom: 30%;
  background-image: url("/img/laptopguy.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: right bottom;
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.title-pawn .partners .picture:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(51,99,159,0.75);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -o-transform: skew(25deg);
  -ms-transform: skew(25deg);
  transform: skew(25deg);
  width: 60%;
}
.title-pawn .partners .picture:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -7em;
  bottom: 0;
  background: rgba(60,117,187,0.75);
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -o-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
  width: 60%;
}
.title-pawn .partners .text-overlay {
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1em 2.5em;
  max-width: 450px;
}
.title-pawn .partners .text-overlay h1 {
  color: #fff;
  margin: 0;
}
.title-pawn .partners .text-overlay p {
  font-size: 18px;
  line-height: 1.5;
}
.title-pawn .partners .text-overlay button {
  background-color: #f79f1d;
  color: #222;
}
.title-pawn .schedule {
  position: relative;
  overflow: hidden;
}
.title-pawn .schedule h1 {
  text-align: center;
}
.title-pawn .schedule h2 {
  margin: 0;
}
.title-pawn .schedule h3 {
  margin: 0;
  color: #666;
  font-weight: 400;
}
.title-pawn .schedule .completed .wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  background: #32c850;
  color: #fff;
}
.title-pawn .schedule .ga-class {
  text-align: right;
}
.title-pawn .schedule .fl-class {
  text-align: left;
}
.title-pawn .schedule .calendar-wrapper {
  padding: 1em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.title-pawn .schedule .place {
  margin-top: 1em;
}
.title-pawn .schedule .place i {
  margin-right: 0.5em;
}
.title-pawn .schedule .place a {
  color: #3c75bb;
}
.title-pawn .schedule .calendar {
  text-align: center;
  border-radius: 0.25em;
  overflow: hidden;
  min-width: 10em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.title-pawn .schedule .calendar .day {
  background: #3c75bb;
  padding: 1em;
  color: #fff;
}
.title-pawn .schedule .calendar .date {
  padding: 10px 0;
  background: #fff;
  color: #222;
  font-size: 3em;
  font-family: 'open sans', 'roboto', sans-serif;
  font-weight: 600;
}
.title-pawn .getting .prod-content {
  padding-left: 4em;
}
.title-pawn .getting .prod-content .item + .item {
  padding-top: 1.25em;
}
.title-pawn .getting .prod-content .item:hover .icon:before {
  -webkit-transform: translate(-10px, -10px) scale(1);
  -moz-transform: translate(-10px, -10px) scale(1);
  -o-transform: translate(-10px, -10px) scale(1);
  -ms-transform: translate(-10px, -10px) scale(1);
  transform: translate(-10px, -10px) scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.title-pawn .getting .prod-content .item:hover h3 {
  color: #3c75bb;
}
.title-pawn .getting .prod-content .icon {
  display: inline-block;
  background: #3c75bb;
  border-radius: 50%;
  text-align: center;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 57px;
  font-size: 2.25em;
  position: relative;
}
.title-pawn .getting .prod-content .icon:before {
  content: '';
  background: rgba(60,117,187,0.15);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10px, -10px) scale(0);
  -moz-transform: translate(-10px, -10px) scale(0);
  -o-transform: translate(-10px, -10px) scale(0);
  -ms-transform: translate(-10px, -10px) scale(0);
  transform: translate(-10px, -10px) scale(0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  -o-transition: -o-transform 0.3s, opacity 0.2s;
  -ms-transition: -ms-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
.title-pawn .getting .prod-content .text {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
  margin-top: 5px;
}
.title-pawn .getting .prod-content .text h3,
.title-pawn .getting .prod-content .text p {
  margin: 0;
}
.title-pawn .getting .video-player,
.title-pawn .getting .prod-content {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title-pawn .getting .big-container {
  max-width: 1550px;
  margin: 0 auto;
}
.title-pawn .getting .video-player {
  padding: 4em;
}
.title-pawn .getting .video-container {
  max-width: 600px;
  padding-bottom: 60%;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.title-pawn .getting iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 64em) {
  .title-pawn .donly {
    display: none;
  }
  .title-pawn .slide-digital .slide-text {
    padding: 0em 0em 2em 0 !important;
  }
  .title-pawn .slide-digital .slide-text h1 {
    font-size: 1.5em !important;
  }
  .title-pawn .features-grid {
    padding: 0 0 2em 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .title-pawn .features-grid .lg-container {
    padding: 1em;
  }
  .title-pawn .features-grid .lg-container .top {
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .title-pawn .features-grid .lg-container .bottom p {
    text-align: center;
    font-size: 1.2em;
  }
  .title-pawn .features-grid .lg-container .bottom .icon {
    height: 7em !important;
  }
  .title-pawn .features-grid .lg-container .bottom .icon .cardh1 {
    font-size: 1.5em;
  }
  .title-pawn .main-products .container {
    margin-top: 0;
  }
  .title-pawn .title-pawn-simple,
  .title-pawn .simple-features,
  .title-pawn .repair-simple,
  .title-pawn .streamline {
    padding: 1em;
  }
  .title-pawn .partners .text-overlay {
    max-width: 425px;
  }
  .title-pawn .partners .picture {
    padding-bottom: 40%;
  }
  .title-pawn .partners .picture:before,
  .title-pawn .partners .picture:after {
    width: 75%;
  }
  .title-pawn .getting .video-player {
    padding: 2em;
  }
  .title-pawn .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .title-pawn .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
/* Release Notes 2 */
.notes a {
  text-decoration: none;
}
.notes .page-header {
  background: #fff;
}
.notes .alt {
  background: #f2f4f5;
}
.notes section .container {
  max-width: 100%;
}
.notes section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.notes section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.notes section .container .slide-digital .slide-text,
.notes section .container .slide-digital .img {
  vertical-align: middle;
}
.notes section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notes section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.notes section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notes section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.notes section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.notes section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.notes section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.notes section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.notes section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notes section .container .slide-digital img {
  margin-top: -4em;
}
.notes section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.notes .note-section {
  padding: 5em;
}
.notes .note-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.notes .note-section .note-content,
.notes .note-section .note-header {
  text-align: left;
}
.notes .note-section .note-content {
  padding-left: 2em;
}
.notes .note-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.notes .note-section h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.notes .note-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.notes .slider {
  height: 100%;
  width: 100%;
}
.notes .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .notes .note-section {
    padding: 0 !important;
  }
  .notes .note-section .lg-container {
    padding: 1em !important;
  }
  .notes .note-section .lg-container .note-content {
    padding-left: 0 !important;
  }
  .notes .note-section .rdh1 {
    padding: 0 !important;
  }
  .notes .note-section .position-hold .entry .left h2,
  .notes .note-section .position-hold .entry .left p {
    text-align: center;
  }
  .notes .note-section .position-hold .entry .right {
    margin: 0 auto;
    display: block !important;
  }
  .notes .start {
    padding: 0 !important;
  }
  .notes .start .lg-container {
    padding: 1em !important;
  }
  .notes .start .lg-container .pure-u-md-11-24.pure-u-1 {
    padding-top: 1em !important;
  }
  .notes .slide-digital {
    padding: 0 !important;
  }
  .notes .slide-digital .slide-text {
    padding: 0 !important;
  }
  .notes .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .notes .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .notes .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .notes .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .notes .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Request Info 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
.contact-us-wrapper {
  margin: 1em auto;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #262523;
}
.contact-us-wrapper h2 {
  margin-top: 0;
}
.contact-us-wrapper .contact-info span {
  color: #3c75bb;
  font-weight: 500;
}
.contact-us-wrapper .contact-box {
  background-color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 35em;
  margin: 0 auto 1em;
  border-radius: 0.5em;
}
.contact-us-wrapper .contact-box p {
  padding: 0 0.5em;
  line-height: 2em;
}
.contact-us-wrapper .contact-box .day {
  padding: 0.5em;
}
.contact-us-wrapper .contact-box .day span {
  display: inline-block;
  width: 7em;
  font-weight: 500;
}
@media screen and (max-width: 48em) {
  .contact-us-wrapper {
    padding: 0;
    margin: 1em auto;
  }
  .contact-us-wrapper .contact-box {
    max-width: 100%;
  }
}
/* Route One 2 */
/* Schedule 2 */
.current-month .completed {
  padding: 1em 0 0;
}
.current-month .completed .wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  background: #32c850;
  color: #fff;
}
.training-msg {
  background: #ca181f;
  color: #fff;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.training-msg i {
  color: #fff;
  margin-right: 0.5em;
}
.cal-card .address p,
.cal-card .address p a {
  color: #ca181f;
  text-decoration: none;
}
.cal-card .state {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card .outline {
  max-width: 10em;
  background: #f4f4f4;
  text-align: center;
  border-radius: 0.5em;
  overflow: hidden;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.cal-card .outline .day-of-week {
  background-color: #3c75bb;
  color: #fff;
  padding: 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card .outline .number {
  font-size: 2.5em;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card h4 {
  margin: 0.5em 0 0.25em 0;
  font-size: 1.5em;
  text-transform: uppercase;
}
.cal-card .info {
  padding: 1em 0;
  line-height: 1.25em;
}
@media screen and (max-width: 35.6em) {
  .current-month .l-box {
    padding: 0.5em 0;
  }
}
/* Schedule 2 2 */
.current-month .completed {
  padding: 1em 0 0;
}
.current-month .completed .wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  background: #32c850;
  color: #fff;
}
.training-msg {
  background: #ca181f;
  color: #fff;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.training-msg i {
  color: #fff;
  margin-right: 0.5em;
}
.cal-card .address p,
.cal-card .address p a {
  color: #ca181f;
  text-decoration: none;
}
.cal-card .state {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card .outline {
  max-width: 10em;
  background: #f4f4f4;
  text-align: center;
  border-radius: 0.5em;
  overflow: hidden;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
.cal-card .outline .day-of-week {
  background-color: #3c75bb;
  color: #fff;
  padding: 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card .outline .number {
  font-size: 2.5em;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card h4 {
  margin: 0.5em 0 0.25em 0;
  font-size: 1.5em;
  text-transform: uppercase;
}
.cal-card .info {
  padding: 1em 0;
  line-height: 1.25em;
}
@media screen and (max-width: 35.6em) {
  .current-month .l-box {
    padding: 0.5em 0;
  }
}
/* Schedule Page (New) 2 */
h2.month {
  font-weight: 400;
  border-bottom: 2px solid #f79f1d;
  padding-bottom: 0.5em;
  margin-top: 2em;
  font-family: open sans, sans serif;
}
h2.reg-month {
  font-weight: 400;
  border-bottom: 2px solid #f79f1d;
  padding-bottom: 0.5em;
  font-family: open sans, sans serif;
}
.cal-card .address p,
.cal-card .address p a {
  color: #ca181f;
  text-decoration: none;
}
.cal-card .state {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card .outline {
  max-width: 10em;
  background: #f4f4f4;
  text-align: center;
  border-radius: 0.5em;
  overflow: hidden;
}
.cal-card .outline .day-of-week {
  background-color: #3c75bb;
  color: #fff;
  padding: 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card .outline .number {
  font-size: 2.5em;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-card h4 {
  margin: 0.5em 0 0.25em 0;
  font-size: 1.5em;
  text-transform: uppercase;
}
.cal-card .info {
  padding: 1em 0;
  line-height: 1.25em;
}
@media screen and (max-width: 35.6em) {
  .current-month .l-box {
    padding: 0.5em 0;
  }
}
/* Shop Page 2 */
/* Sign Up Test 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
/* Site Terms 2 */
.site-terms ol ul {
  padding-left: 1em;
}
.site-terms ol ul li {
  padding: 0.5em 0;
}
/* South Carolina 2 */
.contact-btn {
  background: #0078e7;
}
.contact-btn a {
  text-decoration: none;
  color: #fff;
}
.anchor {
  padding-top: 5.5em;
  pointer-events: none;
}
/* South Carolina Auto Dealer License 2 */
.license-header a {
  text-decoration: none;
}
.license-header .page-header {
  background: #fff;
}
.license-header .alt {
  background: #f2f4f5;
}
.license-header section .container {
  max-width: 100%;
}
.license-header section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.license-header section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.license-header section .container .slide-digital .slide-text,
.license-header section .container .slide-digital .img {
  vertical-align: middle;
}
.license-header section .container .slide-digital .slide-text {
  color: #fff;
  padding: 7em 1em 1em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.license-header section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.license-header section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.license-header section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.license-header section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.license-header section .container .slide-digital .text-wrapper .button-grid {
  padding: 7em 1em 0em 1em;
}
.license-header section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header section .container .slide-digital img {
  margin-top: -4em;
}
.license-header section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.license-header .links-section {
  padding: 5em;
}
.license-header .links-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.license-header .links-section .helplinks {
  padding-bottom: 3em;
}
.license-header .links-section .helplinks li {
  line-height: 1.75em;
  font-size: 1.4em;
  text-align: left;
}
.license-header .links-section .helplinks li a {
  text-decoration: none;
  color: #3474ba;
}
.license-header .links-section .helplinks li a:hover {
  text-decoration: underline;
}
.license-header .links-section .state-selection-wrapper {
  text-align: left;
}
.license-header .links-section .state-selection-wrapper .hold {
  padding: 0em 2em 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.license-header .links-section .state-selection-wrapper .hold .links p {
  font-size: 1.4em;
  color: #122e4a;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .links-section .state-selection-wrapper .hold .state {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-family: 'Roboto', sans-serif !important;
  background: #fff;
  color: #3474ba;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 1px solid #3474ba;
  width: 100%;
  cursor: pointer;
}
.license-header .links-section .state-selection-wrapper .hold .state.active {
  background: #3474ba;
  color: #fff;
}
.license-header .links-section .state-links {
  max-height: 96px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.license-header .links-section .state-links.active {
  max-height: 999em;
}
.license-header .links-section .state-links h3 {
  padding: 0 0.5em;
}
.license-header .links-section .state-links h3 span {
  color: #666;
  font-size: 0.8em;
}
.license-header .links-section .state-links h3 i {
  float: right;
}
.license-header .links-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
  text-align: left;
}
.license-header .links-section h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.license-header .links-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.license-header .slider {
  height: 100%;
  width: 100%;
}
.license-header .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .license-header .links-section {
    padding: 0;
  }
  .license-header .links-section .lg-container {
    padding: 1em;
  }
  .license-header .links-section .lg-container li {
    line-height: 1.75em;
    padding-bottom: 1.5em;
  }
  .license-header .slide-digital {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text {
    padding: 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .license-header .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 .primary {
    min-width: 8em !important;
    font-size: 1.2em !important;
  }
}
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* Spanish Download Demo Page 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
/* Spanish Page 2 */
/* Support 2 */
.support-page a {
  text-decoration: none;
}
.support-page .page-header {
  background: #fff;
}
.support-page .alt {
  background: #f2f4f5;
}
.support-page section {
  overflow: hidden;
}
.support-page section .container {
  max-width: 100%;
}
.support-page section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.support-page section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.support-page section .container .slide-digital .slide-text,
.support-page section .container .slide-digital .img {
  vertical-align: middle;
}
.support-page section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.support-page section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.support-page section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.support-page section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.support-page section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.support-page section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.support-page section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.support-page section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.support-page section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.support-page section .container .slide-digital img {
  margin-top: -4em;
}
.support-page section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.support-page .videos {
  padding: 5em;
}
.support-page .videos .lg-container {
  max-width: 1800px;
  text-align: center;
}
.support-page .videos .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.support-page .break {
  background-color: #143152;
  padding: 1em;
  background: url("/img/break-bg.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.support-page .break .lg-container {
  max-width: 1600px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.support-page .break .lg-container h1 {
  font-size: 3em;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  font-family: 'Roboto-light', sans-serif !important;
}
.support-page .break .lg-container p {
  color: #fff;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.support-page .break .lg-container .button-grid {
  padding: 1em 0em;
}
.support-page .break .lg-container .button-grid .btn-op {
  padding: 0 1em 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.support-page .break .lg-container .button-grid .btn-op .supportbtn {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  width: 100%;
  padding: 0.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 400;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.5em;
  border-radius: 0;
}
.support-page .support .lg-container {
  max-width: 100%;
  display: block;
}
.support-page .support .lg-container .link-box {
  padding: 3em 0;
  max-width: 1600px;
  margin: 0 auto;
  display: block;
}
.support-page .support .lg-container .link-box .support-node {
  font-size: 1.4em;
  padding: 0.5em 0;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
}
.support-page .support .lg-container .link-box .support-node span {
  color: #1877ce;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.support-page .support .lg-container .link-box .support-node .bolder {
  font-weight: 600;
  color: #122e4a;
}
.support-page .support .heading {
  background: url("/img/top-picture-folded-corner.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-color: #edeef0;
  padding: 1em 0;
}
.support-page .support .heading .mini-container {
  max-width: 1600px;
  margin: 0 auto;
  display: block;
}
.support-page .support .heading .mini-container .rdh1 {
  color: #1877ce;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  font-size: 3em;
}
.support-page .support h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.support-page .support p {
  color: #122e4a;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.support-page .slider {
  height: 100%;
  width: 100%;
}
.support-page .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .support-page .mini-container,
  .support-page .link-box {
    padding: 1em !important;
  }
  .support-page .break .pure-u-1.pure-u-md-13-24 {
    text-align: center !important;
  }
  .support-page .break .lg-container {
    padding: 0;
  }
  .support-page .break .lg-container .button-grid {
    padding: 1em 0;
  }
  .support-page .break .lg-container .button-grid .btn-op {
    padding: 1em;
  }
  .support-page .break .lg-container .button-grid .btn-op:last-of-type {
    display: block;
    margin: 0 auto;
  }
  .support-page .slide-digital {
    padding: 0 !important;
  }
  .support-page .slide-digital .slide-text {
    padding: 0 !important;
  }
  .support-page .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .support-page .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .support-page .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .support-page .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .support-page .slide-digital .slide-text .text-wrapper .button-grid .pure-u-1-2.pure-u-md-1-5 .primary {
    min-width: 8em !important;
    font-size: 1.2em !important;
  }
}
/* Team 2 */
.team a {
  text-decoration: none;
}
.team .page-header {
  background: #fff;
}
.team .alt {
  background: #f2f4f5;
}
.team section .container {
  max-width: 100%;
}
.team section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.team section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.team section .container .slide-digital .slide-text,
.team section .container .slide-digital .img {
  vertical-align: middle;
}
.team section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.team section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.team section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.team section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.team section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.team section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.team section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.team section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.team section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.team section .container .slide-digital img {
  margin-top: -4em;
}
.team section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.team .who-we-are {
  padding: 5em;
}
.team .who-we-are .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.team .who-we-are .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.team .who-we-are .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.team .who-we-are .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.team .who-we-are {
  padding: 5em;
}
.team .who-we-are .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.team .who-we-are .primary {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.team .who-we-are .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.team .who-we-are .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.team .about-us {
  padding: 10em 0em;
}
.team .about-us .lg-container {
  max-width: 1800px;
  display: block;
}
.team .about-us .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.team .about-us .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.team .about-us .bold {
  color: #122e4a;
  line-height: 1.5em;
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}
.team .meet-team {
  padding: 3em;
}
.team .meet-team .lg-container {
  max-width: 1800px;
  padding: 1em;
  display: block;
  text-align: center;
}
.team .meet-team .lg-container .employees .img:hover img {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  width: 70%;
}
.team .meet-team .lg-container .employees .img:hover .overlay {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.team .meet-team .lg-container .employees .img {
  position: relative;
}
.team .meet-team .lg-container .employees .img img {
  margin: 0 auto;
}
.team .meet-team .lg-container .employees .img .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  transition: 0.2s ease;
}
.team .meet-team .lg-container .employees .img .overlay .text {
  color: #1d3953;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.team .meet-team .lg-container .employees .img .overlay .text span {
  font-size: 0.8em;
}
.team .meet-team .primary {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.team .meet-team .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.team .meet-team .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.team .join-team {
  padding: 5em;
}
.team .join-team .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.team .join-team .primary {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.team .join-team .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.team .join-team .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.team .break {
  background: #143152;
  padding: 3em;
}
.team .break .lg-container {
  max-width: 1800px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2em;
}
.team .break .lg-container h1 {
  font-size: 3em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  color: #fff;
}
.team .break .lg-container p {
  font-size: 1.4em;
  font-weight: 1.4em;
  font-family: 'Roboto', sans-serif !important;
  color: #fff;
}
.team .break .lg-container .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  margin: 1em 0em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
  font-size: 1.5em;
  padding: 0.5em 2em;
  border-radius: 0;
}
.team .slider {
  height: 100%;
  width: 100%;
}
.team .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .team .empty {
    display: none;
  }
  .team .join-team {
    padding: 0 !important;
  }
  .team .join-team .lg-container {
    padding: 1em false;
  }
  .team .who-we-are {
    padding: 0 !important;
  }
  .team .who-we-are .lg-container {
    padding: 1em !important;
  }
  .team .slide-digital {
    padding: 0 !important;
  }
  .team .slide-digital .slide-text {
    padding: 0 !important;
  }
  .team .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .team .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .team .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .team .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .team .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Team Viewer Download Page 2 */
/* Testing Demo Form 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* Testing Page 2 */
/* Training Registration 2 */
.container.bg {
  background-color: #fff;
  color: #222;
}
.container.alt-bg,
.container-full.alt-bg {
  background-color: #f4f4f4;
}
.container-full {
  max-width: 100%;
}
/* removes dotted outline in firefox */
.pure-form .select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-wrapper {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-form {
  background: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  padding: 1em;
  border-radius: 0.5em;
}
.pure-form h1 {
  margin-top: 0;
}
.pure-form.bumpy {
  margin-top: 1em;
}
.pure-form fieldset {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.pure-form fieldset:first-child {
  margin-top: 0;
}
.pure-form fieldset fieldset {
  margin: 0.5em;
}
div.field {
  display: inline-block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}
div.field > label {
  white-space: nowrap;
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
div.field > label > * {
  font-size: 1em;
}
.pure-form input:focus:not([type]),
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  border-color: #3c75bb;
}
div.field.large > label,
div.string.field > label > input {
  width: 100%;
}
div.submit.field {
  display: block;
}
div.submit > button,
div.submit .btn {
  background-color: #3c75bb;
  color: #fff;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
}
div.string.field > label > input,
div.date.field > label > input,
div.label.field > label > div,
div.number.field > label > input,
div.phone.field > label > input,
div.email.field > label > input,
div.select.field > label > select {
  margin-top: 0.2em;
  display: block;
  width: 100%;
  background: #fff;
  border-color: #ccc;
  color: #262523;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.underliney div.string.field > label > input,
.underliney div.date.field > label > input,
.underliney div.label.field > label > div,
.underliney div.number.field > label > input,
.underliney div.phone.field > label > input,
.underliney div.email.field > label > input,
.underliney div.select.field > label > select {
  border-width: 0 0 1px;
  border-radius: 0;
}
div.select.field > label > select {
  display: block;
}
div.string.field > label > input,
div.date.field > label > input,
div.select.field > label > select {
  height: 3.5em;
}
div.field.button > button {
  margin-top: 1.2em;
}
div.text.field {
  display: block;
}
div.text.field > label > textarea {
  width: 100%;
  min-height: 7em;
  display: block;
  margin-top: 0.2em;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
div.check.field > label > input {
  margin-right: 0.25em;
}
div.field > label > span.required:after {
  content: '*';
  color: #c8171e;
}
.underliney div.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  margin-top: 0.2em;
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #fff;
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-style: solid;
  padding-bottom: 0;
  padding-left: 0;
}
.pure-form div.select select option {
  padding: 0.5em 0 0.5em 0.2em;
  background: #fff;
  color: #222;
}
.pure-form textarea {
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 1px solid #262523;
}
.pure-form.submitted :invalid:not(fieldset) {
  border: 2px solid #f00;
}
/* 
 * Submit Modal
 */
.submit-modal {
  display: none;
  position: relative;
  height: 370px;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: calc(50vh - 185px);
  padding: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
  z-index: 10001;
}
.submit-modal.active {
  display: block;
}
.submit-modal .svg-placeholder {
  width: 100px;
  height: 100px;
}
.submit-modal svg {
  max-height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1em;
}
.submit-modal .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.submit-modal .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  -webkit-animation: dash 0.9s ease-in-out;
  -moz-animation: dash 0.9s ease-in-out;
  -o-animation: dash 0.9s ease-in-out;
  -ms-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.submit-modal .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -moz-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -o-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  -ms-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.submit-modal .status {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
.submit-modal .status.active {
  display: block;
}
.submit-modal .status:first-of-type {
  padding-top: 1em;
}
.submit-modal .status.success {
  color: #73af55;
}
.submit-modal .status.success .processing {
  display: none;
}
.submit-modal .status .processing {
  position: relative;
  margin: 0.5em auto 0;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 8px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms;
}
.submit-modal .status .processing:before,
.submit-modal .status .processing:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: $bgA;
  border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.submit-modal .status .processing:before {
  left: -16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.submit-modal .status .processing:after {
  left: 16px;
  -webkit-animation: dotted 600ms linear infinite alternate;
  -moz-animation: dotted 600ms linear infinite alternate;
  -o-animation: dotted 600ms linear infinite alternate;
  -ms-animation: dotted 600ms linear infinite alternate;
  animation: dotted 600ms linear infinite alternate;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms;
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@media screen and (max-width: 48em) {
  .pure-form.bumpy {
    margin: 0 auto;
  }
  .form-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 36em) {
  div.field {
    display: block !important;
  }
  div.string.field > label > input,
  div.select.field > label > select {
    width: 100%;
  }
  div.check.field > label:before {
    display: none;
  }
  div.button.field > button {
    margin-top: 0;
  }
  div.submit > button {
    width: 100%;
  }
}
/* Upgrade 2 */
.partner-box .details-button {
  background-color: #3c75bb;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0.5em 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.partner-box .details-button:hover:after {
  -webkit-transform: translateX(100%) skewX(-30deg);
  -moz-transform: translateX(100%) skewX(-30deg);
  -o-transform: translateX(100%) skewX(-30deg);
  -ms-transform: translateX(100%) skewX(-30deg);
  transform: translateX(100%) skewX(-30deg);
}
.partner-box .details-button:after {
  top: -50%;
  z-index: 1;
  content: '';
  width: 150%;
  height: 200%;
  position: absolute;
  left: calc(-150% - 40px);
  background-color: rgba(255,255,255,0.2);
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  -o-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  transform: skewX(-40deg);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* VFP Update Download 2 */
/* Videos 2 */
/* Virtual Training 2 */
/* Warranty Companies 2 */
/* Websites 2 */
.websites-content a {
  text-decoration: none;
}
.websites-content .page-header {
  background: #fff;
}
.websites-content .alt {
  background: #f2f4f5;
}
.websites-content section .container {
  max-width: 100%;
}
.websites-content section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.websites-content section .container .slide-img {
  display: inline-block;
  background: url("/img/website-slide-rd.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  left: 0;
  width: 100%;
  position: relative;
}
.websites-content section .container .slide-img .slide-text,
.websites-content section .container .slide-img .img {
  vertical-align: middle;
}
.websites-content section .container .slide-img .slide-text {
  color: #fff;
  padding: 5em 4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content section .container .slide-img .slide-text a + a button {
  margin-left: 1em;
}
.websites-content section .container .slide-img .slide-text .primary {
  background: none;
  color: #f79f2c;
  border: 2px solid #f69e2c;
  margin: 0em 1em 0em 0em;
  font-size: 20px;
  padding: 0.5em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
}
.websites-content section .container .slide-img .slide-text .secondary {
  background-color: #f79f1d;
  color: #222;
}
.websites-content section .container .slide-img .text-wrapper {
  margin: 0 auto;
  padding: 1em 0em 3em 1em;
}
.websites-content section .container .slide-img .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.websites-content section .container .slide-img .text-wrapper p {
  line-height: 1.25em;
  font-size: 1.25em;
}
.websites-content section .container .slide-img .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content section .container .slide-img img {
  margin-top: -4em;
}
.websites-content section .container .slide-img i {
  color: #fff;
  font-size: 2.5em;
}
.websites-content .main-products {
  position: relative;
}
.websites-content .main-products .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 1250px;
}
.websites-content .main-products .box {
  margin: 0 auto;
  margin-top: -5em;
  padding: 0 0 2em 0;
  display: block;
  width: 100%;
  z-index: 1;
}
.websites-content .main-products .box .overlap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #f5f6f7;
  margin: 0.25em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 11em;
}
.websites-content .main-products .box .overlap-group .group {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.websites-content .main-products .box .overlap-group .group svg {
  max-height: 3em;
  fill: #0f223a;
}
.websites-content .main-products .box .overlap-group .group .icon-text {
  text-align: center;
  padding: 1em;
  color: #122e4a;
}
.websites-content .main-products .box .title {
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'open sans', 'roboto', sans-serif;
}
.websites-content .main-products .box p {
  font-size: 1.1em;
  color: #444;
  line-height: 1.5;
  margin: 0.5em 0;
}
.websites-content .marketing-integrations .container {
  max-width: 1550px;
  padding: 5em 1em 5em 1em;
}
.websites-content .marketing-integrations .container .lbox .tab {
  background: url("/img/device-stream.png");
}
.websites-content .marketing-integrations .container .rbox .tab {
  background: url("/img/integration-partners-collage.png");
}
.websites-content .marketing-integrations .container .lbox,
.websites-content .marketing-integrations .container .rbox {
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content .marketing-integrations .container .lbox .tab,
.websites-content .marketing-integrations .container .rbox .tab {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 25em;
  border: 2px solid #6b6b6b;
  -webkit-box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  box-shadow: 0 2em 2em rgba(0,0,0,0.071);
  padding: 1em;
}
.websites-content .marketing-integrations .container .lbox .tab .button-box,
.websites-content .marketing-integrations .container .rbox .tab .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.websites-content .marketing-integrations .container .lbox .tab a,
.websites-content .marketing-integrations .container .rbox .tab a {
  padding-top: 2em;
}
.websites-content .marketing-integrations .container .lbox .tab h1,
.websites-content .marketing-integrations .container .rbox .tab h1 {
  color: #122e4a;
  font-size: 1.5em;
  font-weight: 600;
}
.websites-content .marketing-integrations .container .lbox .tab p,
.websites-content .marketing-integrations .container .rbox .tab p {
  color: #122e4a;
  font-size: 0.8em;
  font-weight: 300;
  line-height: 0.1em;
  font-family: 'Roboto-light';
}
.websites-content .offers {
  padding: 3em;
}
.websites-content .offers .container {
  max-width: 1250px;
  padding: 2em;
}
.websites-content .offers .container .data-grid .module {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
}
.websites-content .offers .container .data-grid .module .icon {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0.5em 0em 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.websites-content .offers .container .data-grid .module .icon svg {
  max-width: 2em;
  fill: #005fb8;
}
.websites-content .offers .container .data-grid .module h1 {
  font-size: 1.5em;
  font-family: 'Roboto-light', sans-serif;
  color: #005fb8;
  font-weight: 500;
  line-height: 0.5em;
}
.websites-content .offers .container .data-grid .module p {
  color: #122e4a;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  font-size: 1.25em;
}
.websites-content .offers .container .data-grid .module:last-of-type {
  border: none;
}
.websites-content .offers .container .middle-tab {
  text-align: center;
  margin: 0 auto;
  padding: 1em;
}
.websites-content .offers .container .middle-tab h1 {
  font-size: 3em;
  font-weight: 500;
  color: #122e4a;
  font-family: 'Roboto-Light', sans-serif !important;
}
.websites-content .offers .container .middle-tab p {
  color: #122e4a;
  font-weight: 500;
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif;
}
.websites-content .presence {
  padding: 5em;
}
.websites-content .presence .lg-container {
  max-width: 1800px;
}
.websites-content .presence .lg-container .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.websites-content .presence .lg-container .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .presence .lg-container .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.websites-content .slider {
  height: 100%;
  width: 100%;
}
.websites-content .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
.websites-content .extensive-network {
  padding: 5em;
}
.websites-content .extensive-network .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.websites-content .extensive-network .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 2.5em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .extensive-network .large {
  color: #122e4a;
  font-weight: 500;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .extensive-network .reg {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.websites-content .connect {
  padding: 3em;
}
.websites-content .connect .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .connect .large {
  color: #122e4a;
  font-weight: 500;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .connect .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.websites-content .potential-buyers {
  padding: 6em 0em;
}
.websites-content .potential-buyers .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.websites-content .potential-buyers .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .potential-buyers .large {
  color: #122e4a;
  font-weight: 500;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .potential-buyers .bold {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.websites-content .layouts {
  padding: 5em;
}
.websites-content .layouts .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.websites-content .layouts .middle-tab {
  text-align: center;
  margin: 0 auto;
  padding: 1em;
}
.websites-content .layouts .middle-tab h1 {
  color: #1d3953;
  font-weight: 500;
  font-size: 3em;
  font-family: 'Roboto-light', sans-serif !important;
}
.websites-content .layouts .middle-tab p {
  color: #122e4a;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
@media screen and (max-width: 64em) {
  .websites-content .slide-text {
    padding: 3em 2em !important;
  }
  .websites-content .slide-text h1 {
    font-size: 1.5em !important;
  }
  .websites-content .connect {
    padding: 1em;
  }
  .websites-content .extensive-network {
    padding: 0;
  }
  .websites-content .presence {
    padding: 0;
  }
  .websites-content .layouts {
    padding: 0;
  }
  .websites-content .layouts .button-box {
    margin: 0.5em;
  }
  .websites-content .offers {
    padding: 0;
  }
  .websites-content .offers .container {
    padding: 0;
  }
  .websites-content .offers .container .middle-tab p {
    font-size: 1.2em;
  }
  .websites-content .offers .container .data-grid .module .icon {
    padding: 0.5em 0em 0 0em;
  }
  .websites-content .main-products .container {
    margin-top: 0;
  }
  .websites-content .partners .text-overlay {
    max-width: 425px;
  }
  .websites-content .partners .picture {
    padding-bottom: 40%;
  }
  .websites-content .partners .picture:before,
  .websites-content .partners .picture:after {
    width: 75%;
  }
  .websites-content .getting .video-player {
    padding: 2em;
  }
  .websites-content .getting .prod-content {
    padding: 0 0 0 1em;
    text-align: center;
  }
  .websites-content .getting .prod-content .item-wrapper {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 48em) {
  .home-content .slider .img {
    display: none;
  }
  .home-content .partners .picture-wrapper {
    max-width: 550px;
  }
  .home-content .partners .text-overlay {
    bottom: 2em;
    top: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .home-content .partners .picture {
    height: 600px;
    padding-bottom: 0;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .home-content .partners .picture:before {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  .home-content .partners .picture:after {
    right: -3em;
    left: -3em;
    bottom: -5em;
    width: auto;
    top: 250px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .home-content .getting .prod-content {
    padding: 1em;
  }
  .home-content .getting .prod-content .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 2em;
  }
  .home-content .getting .prod-content .icon:hover:before {
    display: none;
  }
}
@media screen and (max-width: 36em) {
  .home-content .slider {
    text-align: center;
  }
  .home-content .slider h1 {
    font-size: 2.25em;
  }
  .home-content .slider button.demo {
    display: none;
  }
  .home-content .partners .picture:before,
  .home-content .partners .picture:after {
    top: 185px;
  }
  .home-content .schedule .ga-class,
  .home-content .schedule .fl-class {
    text-align: center;
  }
  .home-content .getting .video-player {
    padding: 1em;
  }
}
/* Websites 2 2 */
section.alt {
  background: #f4f4f4;
}
section .headline {
  max-width: 800px;
  margin: 0 auto;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section .headline h1 {
  margin-top: 0;
}
section .headline p {
  line-height: 1.75;
  font-size: 18px;
}
.lg-container {
  max-width: 1550px;
  margin: 0 auto;
}
.web-features .online,
.web-features .advertising,
.web-features .network,
.web-features .inventory,
.web-features .payments {
  padding: 4em 0;
}
.web-features .online .img,
.web-features .advertising .img,
.web-features .network .img,
.web-features .inventory .img,
.web-features .payments .img {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.web-features .online img,
.web-features .advertising img,
.web-features .network img,
.web-features .inventory img,
.web-features .payments img {
  margin: 0 auto;
}
.web-features .online img {
  max-height: 340px;
}
.web-features .advertising img {
  max-height: 340px;
}
.web-features .network img {
  max-height: 325px;
}
.web-features .inventory img {
  max-height: 420px;
}
.web-features .payments img {
  max-height: 445px;
}
/* Websites - Feeds 2 */
/* Websites - Responsive 2 */
/* We Know Finance 2 */
.financing h1,
.financing h2,
.financing h3,
.financing h4,
.financing h5 {
  color: #203a54;
  font-family: 'open sans', 'roboto', sans-serif !important;
}
.financing .title text-align left h3 {
  line-height: 1.75;
}
.financing .slider {
  background: url("/img/finance-2.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  color: #fff;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding: 9em 2em;
}
.financing .container .title {
  max-width: 900px;
  padding: 3em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  text-align: left;
}
.financing .container .img {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.financing .container h1,
.financing .container h2 {
  color: #222;
}
.financing .container h1 {
  font-size: 2.5em;
  margin-top: 0;
}
.financing .container h2 {
  font-weight: 300;
}
.financing .third-parties {
  padding: 8em 0 8em;
}
.financing .third-parties h3 {
  color: #555;
}
.financing .third-parties .container {
  max-width: 1350px;
}
.financing .third-parties .title {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1350px;
  margin: 0 auto;
  display: block;
}
.financing .third-parties .title h1 {
  text-align: left;
}
.financing .third-parties .title .left {
  padding: 3em 1em;
}
.financing .importance {
  padding: 8em 0;
  background: #f4f4f4;
}
.financing .importance .title {
  padding: 1em 2em;
  margin-top: 8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1250px;
}
.financing .importance .title h1 {
  text-align: left;
}
.financing .container .left,
.financing .container .right {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.financing .container .right {
  background: #fff;
  -webkit-box-shadow: 0px 20px 20px 20px #e4e4e4;
  box-shadow: 0px 20px 20px 20px #e4e4e4;
  padding: 1.5em;
}
.financing .container .right .corner {
  height: 8em;
  background: url("https://s3.amazonaws.com/ss-usa/companies/MzawMDEzMrC0BAA/uploads/Finance1.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.financing .container .right .corner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5em;
  left: 0;
  top: 100%;
  background-color: #fff;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: skewY(-7deg);
  -moz-transform: skewY(-7deg);
  -o-transform: skewY(-7deg);
  -ms-transform: skewY(-7deg);
  transform: skewY(-7deg);
}
.financing .floor-planning {
  background: #f4f4f4;
  padding: 8em 0;
}
.financing .floor-planning .lot {
  background: url("http://t4.ftcdn.net/jpg/01/96/73/83/240_F_196738334_uqonTFMXDtnfZiJBuTNP6e1MJB8EBBqw.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-position: right;
  z-index: -1;
}
.financing .floor-planning .lot .box {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.financing .floor-planning .lot .box:before {
  opacity: 0.89;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=89)";
  filter: alpha(opacity=89);
  display: block;
  content: "";
  background: #f4f4f4;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 34em;
  right: 0;
  z-index: -1;
}
.financing .floor-planning .lot .box:after {
  background: url("/img/fn.png");
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  right: auto;
  left: 29em;
  top: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  position: absolute;
  display: block;
  left: 24.04em;
  height: 105%;
  width: 10em;
  opacity: 0.89;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=89)";
  filter: alpha(opacity=89);
}
.financing .floor-planning .title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  text-align: center;
  max-width: 1250px;
}
.financing .leads {
  background: #f4f4f4;
  padding: 8em 0 2em;
}
.financing .leads img {
  margin-top: -15em;
}
.financing .leads .title {
  max-width: 750px;
  padding: 1em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.financing .buy-here-pay-here {
  padding: 8em 0;
}
.financing .buy-here-pay-here .title {
  text-align: center;
}
.financing .buy-here-pay-here .blurb {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.financing .buy-here-pay-here .blurb h1 {
  margin-bottom: 0;
}
.financing .buy-here-pay-here .blurb h3 {
  margin-top: 0.5em;
}
.financing .buy-here-pay-here .marketplace-slide {
  position: relative;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  max-width: 395px;
  margin: 0 auto;
}
.financing .buy-here-pay-here .marketplace-slide .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 1em;
}
.financing .buy-here-pay-here .marketplace-slide .slide-btns .circle {
  height: 0.5em;
  width: 0.5em;
  border: 0.2em solid #fff;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0.25em;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
  cursor: pointer;
}
.financing .buy-here-pay-here .marketplace-slide .slide-btns .circle.selected {
  background-color: $bgA;
}
.financing .buy-here-pay-here .marketplace-slide:hover .controls .left-control,
.financing .buy-here-pay-here .marketplace-slide:focus .controls .left-control {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.financing .buy-here-pay-here .marketplace-slide:hover .controls .right-control,
.financing .buy-here-pay-here .marketplace-slide:focus .controls .right-control {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.financing .buy-here-pay-here .marketplace-slide .slideshow {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.financing .buy-here-pay-here .marketplace-slide .slideshow .slide-holder {
  position: relative;
  white-space: nowrap;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  height: 100%;
}
.financing .buy-here-pay-here .marketplace-slide .slideshow img {
  display: inline-block;
  white-space: normal;
  left: 0;
  width: 100%;
}
.financing .buy-here-pay-here .marketplace-slide .controls .left-control,
.financing .buy-here-pay-here .marketplace-slide .controls .right-control {
  position: absolute;
  height: 100%;
  padding: 0 1em;
  z-index: 100;
}
.financing .buy-here-pay-here .marketplace-slide .controls .left-control {
  -webkit-transform: translateX(-4em);
  -moz-transform: translateX(-4em);
  -o-transform: translateX(-4em);
  -ms-transform: translateX(-4em);
  transform: translateX(-4em);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 0;
}
.financing .buy-here-pay-here .marketplace-slide .controls .right-control {
  -webkit-transform: translateX(4em);
  -moz-transform: translateX(4em);
  -o-transform: translateX(4em);
  -ms-transform: translateX(4em);
  transform: translateX(4em);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  right: 0;
}
.financing .buy-here-pay-here .marketplace-slide .controls .left,
.financing .buy-here-pay-here .marketplace-slide .controls .right {
  top: 45%;
  position: relative;
  background: rgba(0,0,0,0.75);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.financing .buy-here-pay-here .marketplace-slide .controls .right {
  padding: 0.25em 0.75em;
}
.financing .buy-here-pay-here .marketplace-slide .controls .left {
  padding: 0.2em 0.9em 0.2em 0.65em;
}
.financing .buy-here-pay-here .marketplace-slide .controls i {
  color: #fff;
  font-size: 1.5em;
  cursor: pointer;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.financing .buy-here-pay-here .phone {
  padding-top: 2em;
}
.financing .buy-here-pay-here .phone img {
  margin: 0 auto;
}
.financing .layouts {
  padding: 8em 0;
}
.financing .layouts .img {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 36em) {
  .marketing-features .audience .lots .icon {
    display: none;
  }
}
/* Why Buy From Us Page 2 */
.why-buy-video-container {
  max-width: 600px;
  padding-bottom: 45%;
  margin: 0 auto;
  position: relative;
}
.why-buy-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 48em) {
  .why-buy-video-container {
    padding-bottom: 65%;
  }
}
/* Products 2 */
.page-content .product-page {
  padding: 2em 0;
}
.page-content .product-page h3 {
  font-weight: 400;
  border-bottom: 2px solid #f79f1d;
  padding-bottom: 0.5em;
  margin-top: 2em;
}
.page-content .product-page .fed-img {
  margin: 0 auto;
}
.page-content .product-cards {
  padding: 2em 0;
}
.page-content .sales-box {
  border-radius: 0.5em;
  border: 1px solid #d5d5d5;
  overflow: hidden;
}
.page-content .sales-box.dms {
  margin-top: -1em;
  -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
  box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
  position: relative;
  z-index: 9;
  border: 0.2em solid #d5d5d5;
}
.page-content .sales-box.dms .bottom {
  min-height: 17em;
}
.page-content .sales-box h3 {
  font-family: open sans;
  font-weight: 500;
  margin: 0;
  border-bottom: 0;
  padding: 0;
}
.page-content .sales-box a {
  text-decoration: none;
}
.page-content .sales-box .top {
  text-align: center;
  background: -webkit-linear-gradient(#f4f4f4, #ddd);
  background: -moz-linear-gradient(#f4f4f4, #ddd);
  background: -o-linear-gradient(#f4f4f4, #ddd);
  background: -ms-linear-gradient(#f4f4f4, #ddd);
  background: linear-gradient(#f4f4f4, #ddd);
  background-color: #f4f4f4;
  border-bottom: 1px solid #d5d5d5;
  padding: 2em 0.5em 3em;
}
.page-content .sales-box .bottom {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 15em;
}
.page-content .sales-box .bottom .price {
  cursor: pointer;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1em;
  margin-top: -2em;
  text-align: center;
  background: -webkit-linear-gradient(#f79f1d, #e38a08);
  background: -moz-linear-gradient(#f79f1d, #e38a08);
  background: -o-linear-gradient(#f79f1d, #e38a08);
  background: -ms-linear-gradient(#f79f1d, #e38a08);
  background: linear-gradient(#f79f1d, #e38a08);
  background-color: #f79f1d;
  border: 0.25em solid #fff;
  margin-bottom: 1em;
  -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}
.page-content .sales-box .bottom .info {
  border-bottom: 1px solid #d5d5d5;
  padding: 0.5em 0;
  text-align: center;
}
.page-content .sales-box .bottom .read-more {
  background-color: #3c75bb;
  color: #fff;
  text-align: center;
  border-radius: 0.2em;
  margin-top: 0.5em;
  padding: 0.5em 1em;
}
@media screen and (max-width: 64em) {
  .page-content .product-cards {
    padding: 0;
  }
  .page-content .sales-box {
    margin-bottom: 1em;
  }
  .page-content .sales-box.dms {
    margin-top: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d5d5d5;
  }
  .page-content .sales-box.dms .bottom {
    min-height: 15em;
  }
}
/* Training 2 */
/* About 2 */
.about a {
  text-decoration: none;
}
.about .page-header {
  background: #fff;
}
.about .alt {
  background: #f2f4f5;
}
.about section .container {
  max-width: 100%;
}
.about section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.about section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.about section .container .slide-digital .slide-text,
.about section .container .slide-digital .img {
  vertical-align: middle;
}
.about section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.about section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.about section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.about section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.about section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.about section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.about section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about section .container .slide-digital img {
  margin-top: -4em;
}
.about section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.about .beginning {
  padding: 5em;
}
.about .beginning .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.about .beginning .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.about .beginning .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.about .beginning .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.about .beginning .bold {
  color: #122e4a;
  line-height: 2.3;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.about .beginning .gutter {
  padding: 2em;
}
.about .beginning .about-images div {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about .pioneering {
  padding: 10em 0em;
}
.about .pioneering .lg-container {
  max-width: 1800px;
  display: block;
}
.about .pioneering .lg-container .content {
  font-size: 1.4em;
}
.about .pioneering .button-box {
  padding: 0.5em 1em;
  background-color: #3474ba;
  color: #fff;
  font-size: 1.15em;
  border: none;
}
.about .pioneering .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.about .pioneering .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.about .pioneering .bold {
  color: #122e4a;
  line-height: 1.5em;
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}
.about .slider {
  height: 100%;
  width: 100%;
}
.about .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .about .pioneering {
    padding: 0 !important;
  }
  .about .beginning {
    padding: 0 !important;
  }
  .about .beginning .lg-container {
    padding: 1em !important;
  }
  .about .beginning .lg-container .pure-u-md-16-24.pure-u-1 {
    padding: 0 !important;
  }
  .about .slide-digital {
    padding: 0 !important;
  }
  .about .slide-digital .slide-text {
    padding: 0 !important;
  }
  .about .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .about .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .about .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .about .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .about .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* News 2 */
.news a {
  text-decoration: none;
}
.news .page-header {
  background: #fff;
}
.news .alt {
  background: #f2f4f5;
}
.news section .container {
  max-width: 100%;
}
.news section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.news section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.news section .container .slide-digital .slide-text,
.news section .container .slide-digital .img {
  vertical-align: middle;
}
.news section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.news section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.news section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.news section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.news section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.news section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.news section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news section .container .slide-digital img {
  margin-top: -4em;
}
.news section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.news .video {
  padding: 10em 0em;
}
.news .video .lg-container {
  max-width: 1800px;
  display: block;
}
.news .video .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.news .video .large {
  color: #122e4a;
  font-weight: 300;
  font-size: 2.25em;
  font-family: 'Roboto-light', sans-serif !important;
}
.news .video .bold {
  color: #122e4a;
  line-height: 1.5em;
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}
.news .news-section {
  padding: 5em;
}
.news .news-section .lg-container {
  max-width: 1800px;
  padding: 3em;
  display: block;
  text-align: center;
}
.news .news-section .rdh1 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 3em;
}
.news .news-section .bold {
  color: #122e4a;
  line-height: 1.8;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.news .slider {
  height: 100%;
  width: 100%;
}
.news .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .news .video {
    padding: 0 !important;
  }
  .news .news-section {
    padding: 0 !important;
  }
  .news .news-section .lg-container {
    padding: 1em !important;
  }
  .news .news-section .lg-container .pure-u-md-16-24.pure-u-1 {
    padding: 0 !important;
  }
  .news .slide-digital {
    padding: 0 !important;
  }
  .news .slide-digital .slide-text {
    padding: 0 !important;
  }
  .news .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .news .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .news .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .news .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Downloads 2 */
.downloads-page a {
  text-decoration: none;
}
.downloads-page .page-header {
  background: #fff;
}
.downloads-page .alt {
  background: #f2f4f5;
}
.downloads-page section {
  overflow: hidden;
}
.downloads-page section .container {
  max-width: 100%;
}
.downloads-page section .container .slide-holder {
  position: relative;
  white-space: nowrap;
  height: 100%;
  z-index: 1;
}
.downloads-page section .container .slide-digital {
  display: inline-block;
  background: url("/img/support-backdrop.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
  background-position: bottom;
  margin: 0 auto;
  display: block;
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  left: 0;
  width: 100%;
  position: relative;
}
.downloads-page section .container .slide-digital .slide-text,
.downloads-page section .container .slide-digital .img {
  vertical-align: middle;
}
.downloads-page section .container .slide-digital .slide-text {
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloads-page section .container .slide-digital .slide-text a + a button {
  margin-left: 1em;
}
.downloads-page section .container .slide-digital .slide-text .btn-op {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloads-page section .container .slide-digital .slide-text .btn-op .primary {
  background: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 0;
  font-size: 1.5em;
  min-height: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  border-radius: 0;
}
.downloads-page section .container .slide-digital .text-wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 1em;
}
.downloads-page section .container .slide-digital .text-wrapper h1 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  margin: 0;
}
.downloads-page section .container .slide-digital .text-wrapper p {
  font-size: 1.15em;
}
.downloads-page section .container .slide-digital .text-wrapper .button-grid {
  padding: 1em;
}
.downloads-page section .container .slide-digital .img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloads-page section .container .slide-digital img {
  margin-top: -4em;
}
.downloads-page section .container .slide-digital i {
  color: #fff;
  font-size: 2.5em;
}
.downloads-page .product-files .lg-container {
  max-width: 100%;
  display: block;
}
.downloads-page .product-files .lg-container .button-section {
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 1em;
}
.downloads-page .product-files .lg-container .button-section .btn {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloads-page .product-files .lg-container .button-section .btn .primary {
  background: #3c75bb;
  color: #fff;
  width: 100%;
  border-radius: 0;
  padding: 1em;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.25em;
  font-weight: 500;
}
.downloads-page .product-files .lg-container .button-section .btn .secondary {
  background: #a91419;
  color: #fff;
  width: 100%;
  border-radius: 0;
  padding: 1em;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.25em;
  font-weight: 500;
}
.downloads-page .product-files .lg-container .downloads .container {
  max-width: 1550px;
  margin: 0 auto;
  display: block;
}
.downloads-page .product-files .lg-container .downloads .container h2 {
  margin-top: 2em;
  font-family: open sans;
  padding-left: 0.5em;
}
.downloads-page .product-files .lg-container .downloads .container h2:first-of-tpe {
  margin-top: 1em;
}
.downloads-page .product-files .lg-container .downloads .container .download-row {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloads-page .product-files .lg-container .downloads .container .download-row.odd {
  background: #f4f4f4;
}
.downloads-page .product-files .lg-container .downloads .container .download-row:hover {
  background: #f79f1d;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .order,
.downloads-page .product-files .lg-container .downloads .container .download-row .info,
.downloads-page .product-files .lg-container .downloads .container .download-row .btn,
.downloads-page .product-files .lg-container .downloads .container .download-row .updated {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .order,
.downloads-page .product-files .lg-container .downloads .container .download-row .btn,
.downloads-page .product-files .lg-container .downloads .container .download-row .updated {
  text-align: center;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .order {
  font-size: 1.25em;
  font-weight: 500;
}
.downloads-page .product-files .lg-container .downloads .container .download-row span {
  color: #ca181f;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .dl-icon {
  float: left;
  padding-right: 1em;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .btn {
  position: relative;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .btn:after {
  content: "\0021e7";
  position: absolute;
  top: -0.4em;
  left: 0;
  right: 0;
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 5em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  text-shadow: 0 0 1em #000;
  -webkit-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out, top 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out, top 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out, top 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out, top 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 99;
}
.downloads-page .product-files .lg-container .downloads .container .download-row .btn:active:after {
  font-size: 1em;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  top: 0.3em;
}
.downloads-page .product-files .lg-container .downloads .container .support {
  display: inline-block;
  padding-bottom: 2em;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn {
  border-radius: 4px;
  display: inline-block;
  margin: 0 0.25em;
  overflow: hidden;
  padding: 0.5em 4em 0.5em 1em;
  position: relative;
  text-decoration: none;
  line-height: 1;
  font-size: 0.85em;
  color: #fff;
  vertical-align: middle;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.2), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.2), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.2), transparent);
  background-image: linear-gradient(rgba(255,255,255,0.2), transparent);
  height: 50%;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn.tv {
  background: #3c75bb;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn.tv .icon {
  border-left: 1px solid #33639f;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn.vfp {
  background: #c7171e;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn.vfp .icon {
  border-left: 1px solid #a91419;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn .text {
  font-size: 1em;
  line-height: 1.2;
  position: relative;
  right: 0;
  padding-right: 1em;
  -webkit-transition: right 300ms ease;
  -moz-transition: right 300ms ease;
  -o-transition: right 300ms ease;
  -ms-transition: right 300ms ease;
  transition: right 300ms ease;
  display: block;
  text-align: left;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn .icon {
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 58px;
  height: 70%;
  font-size: 1.5em;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn .icon i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: -10px;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn:hover .text {
  right: 100%;
}
.downloads-page .product-files .lg-container .downloads .container .support .btn:hover .icon {
  border-left: 0;
  font-size: 2em;
  width: 100%;
}
.downloads-page .product-files .lg-container .link-box {
  padding: 3em 0;
  max-width: 1600px;
  margin: 0 auto;
  display: block;
}
.downloads-page .product-files .lg-container .link-box .support-node {
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
}
.downloads-page .product-files .lg-container .link-box .support-node span {
  color: #1877ce;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.downloads-page .product-files .lg-container .link-box .support-node .bolder {
  font-weight: 600;
}
.downloads-page .product-files .heading {
  background: url("/img/top-picture-folded-corner.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-color: #edeef0;
  padding: 1em 0;
}
.downloads-page .product-files .heading .mini-container {
  max-width: 1600px;
  margin: 0 auto;
  display: block;
}
.downloads-page .product-files .heading .mini-container .rdh1 {
  color: #1877ce;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif !important;
  font-size: 3em;
}
.downloads-page .product-files h2 {
  color: #1d3953;
  font-weight: 500;
  font-family: 'Roboto-light', sans-serif !important;
  font-size: 2em;
}
.downloads-page .product-files p {
  color: #122e4a;
  padding-bottom: 0.5em;
  font-size: 1.4em;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}
.downloads-page .slider {
  height: 100%;
  width: 100%;
}
.downloads-page .slider .slide-btns {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
  bottom: 3em;
}
@media screen and (max-width: 64em) {
  .downloads-page .mini-container,
  .downloads-page .link-box {
    padding: 1em !important;
  }
  .downloads-page .downloads {
    display: none;
  }
  .downloads-page .slide-digital {
    padding: 0 !important;
  }
  .downloads-page .slide-digital .slide-text {
    padding: 0 !important;
  }
  .downloads-page .slide-digital .slide-text .text-wrapper {
    padding: 1em !important;
  }
  .downloads-page .slide-digital .slide-text .text-wrapper h1 {
    font-size: 1.5em !important;
  }
  .downloads-page .slide-digital .slide-text .text-wrapper .button-grid {
    padding: 1em 0 !important;
  }
  .downloads-page .slide-digital .slide-text .text-wrapper .button-grid .btn-op {
    padding: 0.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .downloads-page .slide-digital .slide-text .text-wrapper .button-grid .btn-op .primary {
    min-width: 8em !important;
    font-size: 1em !important;
    margin: 0;
  }
}
/* Getting Started 2 */
.main .gs-title {
  padding-bottom: 1em;
  text-align: center;
}
.main .gs-dms,
.main .gs-websites {
  cursor: pointer;
}
.main .gs-dms:hover h1:after,
.main .gs-websites:hover h1:after {
  width: 7em;
}
.main .gs-dms a,
.main .gs-websites a {
  text-decoration: none;
}
.main .gs-dms h1,
.main .gs-websites h1 {
  text-align: center;
  font-family: open sans, sans-serif;
  font-weight: 500;
}
.main .gs-dms h1:after,
.main .gs-websites h1:after {
  content: '';
  display: block;
  width: 4em;
  height: 0.1em;
  background: #f79f1d;
  margin: 0 auto;
  position: relative;
  bottom: -0.5em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.main .gs-dms img,
.main .gs-websites img {
  margin: 0 auto;
}
.main a.gs-dl-link {
  color: #3c75bb;
  text-decoration: none;
  display: inline-block;
}
.main .dl-pdf > * {
  display: inline-block;
  vertical-align: middle;
}
.main .claim-wrapper {
  padding: 1em 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main .claim-wrapper a {
  text-decoration: none;
}
.main .claim-wrapper .claim-box {
  border: 0.25em solid #f4f4f4;
  position: relative;
}
.main .claim-wrapper .claim-box:hover {
  border: 0.25em solid #ccc;
}
.main .claim-wrapper .claim-box.flag:before {
  position: absolute;
  content: 'Important';
  top: -1.8em;
  right: -0.25em;
  padding: 0.25em 0.5em;
  font-size: 0.8em;
  background: #de2c28;
  color: #fff;
}
.main .claim-wrapper .claim-box a {
  color: #3c75bb;
  font-size: 0.9em;
}
.main .claim-wrapper .claim-box .text {
  padding: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}
.main .claim-wrapper .claim-box .icon {
  font-size: 1.5em;
  padding: 0.5em 0;
  text-align: center;
  width: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
}
.main .claim-wrapper .claim-box .icon.google {
  background: #dd4b39;
}
.main .claim-wrapper .claim-box .icon.facebook {
  background: #3b5998;
}
.main .claim-wrapper .claim-box .icon.bing {
  background: #ffb900;
}
.main .claim-wrapper .claim-box .icon.yahoo {
  background: #620973;
}
.main .claim-wrapper .claim-box .icon.youtube {
  background: #de2c28;
}
.main .claim-wrapper .claim-box .icon.twitter {
  background: #5ea9dd;
}
.main .claim-wrapper .claim-box .icon.linkedin {
  background: #007ab5;
}
aside .guides a {
  color: #3c75bb !important;
}
aside .yt-container {
  position: relative;
  padding-bottom: 55%;
  max-width: 100%;
}
aside .yt-container iframe {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* 404 2 */
.four-oh-four-page {
  min-height: 50vh;
  color: #262523;
}
.four-oh-four-page .large-text {
  font-size: 11.25em;
  font-weight: 600;
}
.four-oh-four-page h1 {
  margin: 0.25em 0;
  font-weight: 500;
}
.four-oh-four-page h2 {
  color: #666;
  font-weight: 300;
  margin-top: 0;
}
.four-oh-four-page .container {
  padding: 2.5em 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.four-oh-four-page a {
  color: #3c75bb;
}
.root-container {
  overflow-x: hidden;
  position: relative;
}
.anchor {
  padding-top: 5.5em;
  pointer-events: none;
}
/*.page-content
 .side
  position fixed*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-moz-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-webkit-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-o-keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@keyframes dotted {
  0% {
    background-color: $bgA;
  }
  100% {
    background-color: #262523;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@-o-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}