html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, small, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, select, summary, time, mark, audio, video, input, figure {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  outline: none;
  list-style: none;
  text-decoration: none;
}

img, a img {
  border: none;
}

table, td {
  clear: both;
  border-collapse: collapse;
  vertical-align: top;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0px;
}

[class*=col-] {
  padding: 0px 15px;
}

.container {
  margin-left: auto;
  margin-right: auto;
}
.container img {
  width: 100%;
  height: auto;
}

.col-1 {
  width: calc(100% / 12);
}

.col-2 {
  width: calc((100% /12) * 2);
}

.col-3 {
  width: calc((100% / 12) * 3);
}

.col-4 {
  width: calc((100% /12) * 4);
}

.col-5 {
  width: calc((100% /12) * 5);
}

.col-6 {
  width: calc((100% / 12) * 6);
}

.col-7 {
  width: calc((100% /12) * 7);
}

.col-8 {
  width: calc((100% /12) * 8);
}

.col-9 {
  width: calc((100% /12) * 9);
}

.col-10 {
  width: calc((100% /12) * 10);
}

.col-11 {
  width: calc((100% /12) * 11);
}

.col-12 {
  width: calc((100% /12) * 12);
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 992px;
  }

  .col-l-1 {
    width: calc(100% / 12);
  }

  .col-l-2 {
    width: calc((100% /12) * 2);
  }

  .col-l-3 {
    width: calc((100% /12) * 3);
  }

  .col-l-4 {
    width: calc((100% /12) * 4);
  }

  .col-l-5 {
    width: calc((100% /12) * 5);
  }

  .col-l-6 {
    width: calc((100% /12) * 6);
  }

  .col-l-7 {
    width: calc((100% /12) * 7);
  }

  .col-l-8 {
    width: calc((100% /12) * 8);
  }

  .col-l-9 {
    width: calc((100% /12) * 9);
  }

  .col-l-10 {
    width: calc((100% /12) * 10);
  }

  .col-l-11 {
    width: calc((100% /12) * 11);
  }

  .col-l-12 {
    width: calc((100% /12) * 12);
  }
}
@media only screen and (max-width: 991px) {
  .container {
    max-width: 768px;
  }

  .col-m-0 {
    width: 0%;
  }

  .col-m-1 {
    width: calc((100% /12));
  }

  .col-m-2 {
    width: calc((100% /12) * 2);
  }

  .col-m-3 {
    width: calc((100% / 12) * 3);
  }

  .col-m-4 {
    width: calc((100% /12) * 4);
  }

  .col-m-5 {
    width: calc((100% /12) * 5);
  }

  .col-m-6 {
    width: calc((100% / 12) * 6);
  }

  .col-m-7 {
    width: calc((100% /12) * 7);
  }

  .col-m-8 {
    width: calc((100% /12) * 8);
  }

  .col-m-9 {
    width: calc((100% /12) * 9);
  }

  .col-m-10 {
    width: calc((100% /12) * 10);
  }

  .col-m-11 {
    width: calc((100% /12) * 11);
  }

  .col-m-12 {
    width: calc((100% /12) * 12);
  }

  .col-m-hidden {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    max-width: 550px;
  }

  .col-s-1 {
    width: calc((100% /12));
  }

  .col-s-2 {
    width: calc((100% /12) * 2);
  }

  .col-s-3 {
    width: calc((100% / 12) * 3);
  }

  .col-s-4 {
    width: calc((100% /12) * 4);
  }

  .col-s-5 {
    width: calc((100% /12) * 5);
  }

  .col-s-6 {
    width: calc((100% / 12) * 6);
  }

  .col-s-7 {
    width: calc((100% /12) * 7);
  }

  .col-s-8 {
    width: calc((100% /12) * 8);
  }

  .col-s-9 {
    width: calc((100% /12) * 9);
  }

  .col-s-10 {
    width: calc((100% /12) * 10);
  }

  .col-s-11 {
    width: calc((100% /12) * 11);
  }

  .col-s-12 {
    width: calc((100% /12) * 12);
  }

  .col-s-hidden {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .col-xs-1 {
    width: calc((100% /12));
  }

  .col-xs-2 {
    width: calc((100% /12) * 2);
  }

  .col-xs-3 {
    width: calc((100% / 12) * 3);
  }

  .col-xs-4 {
    width: calc((100% /12) * 4);
  }

  .col-xs-5 {
    width: calc((100% /12) * 5);
  }

  .col-xs-6 {
    width: calc((100% / 12) * 6);
  }

  .col-xs-7 {
    width: calc((100% /12) * 7);
  }

  .col-xs-8 {
    width: calc((100% /12) * 8);
  }

  .col-xs-9 {
    width: calc((100% /12) * 9);
  }

  .col-xs-10 {
    width: calc((100% /12) * 10);
  }

  .col-xs-11 {
    width: calc((100% /12) * 11);
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-hidden {
    display: none;
  }
}
body {
  font-family: "source-sans-pro", helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 29px;
  color: #3c3c3b;
}

h1 {
  font-size: 30px;
  font-family: "source-sans-pro", helvetica, sans-serif;
  font-weight: 200;
  color: #3c3c3b;
  line-height: 40px;
  text-align: center;
}

h2 {
  font-weight: 300;
  font-size: 26px;
  padding-bottom: 25px;
}

h3 {
  font-weight: 300;
  font-size: 18px;
}

h4 {
  font-weight: 300;
  font-size: 16px;
}

h5 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 12px;
}

h6 {
  font-size: 12px;
  font-family: "proxima-nova", helvetica, sans-serif;
  font-weight: 400;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.6);
  margin: 3px 0px 0px 0px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 3px;
}

.small {
  font-size: 14px;
  font-weight: 200;
  color: white;
  line-height: 22px;
  margin-top: 0px;
}

strong {
  font-weight: 400;
}

p {
  padding-bottom: 15px;
  color: #787878;
}

p:last-child {
  padding-bottom: 0px;
}

.bg-dark h2, .bg-dark h1, .header h2, .header h1 {
  color: white;
  font-weight: 200;
}
.bg-dark p, .header p {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 200;
}
.bg-dark h4, .header h4 {
  color: white;
}
.bg-dark ul, .header ul {
  color: rgba(255, 255, 255, 0.6);
}

[class^=bg-gradient] p, [class^=bg-gradient] h2, [class^=bg-gradient] h4, [class^=bg-gradient] label {
  color: white !important;
}

@media only screen and (max-width: 575px) {
  h1 {
    font-size: 28px;
  }
}
.nav {
  height: 80px;
  display: flex;
  align-items: center;
  animation-name: fadedown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.nav.sticky_nav {
  border-bottom: solid 1px #eeeeee;
}
.nav ul {
  width: 90%;
  margin: 0 auto;
}
.nav .nav__links {
  float: right;
  margin-top: 7px;
}
.nav .nav__links a {
  color: white;
}
.nav .nav__links li {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  margin-right: 30px;
  display: inline;
}
.nav .nav__links li:hover {
  opacity: 0.6;
  transition: opacity 0.25s;
}
.nav .nav__links--btn {
  margin-right: 0px;
  background-color: white;
  transition: background-color 0.5s;
  transition-timing-function: ease;
  padding: 7px 13px;
  border-radius: 20px;
}
.nav .nav__links--btn a {
  color: #262930;
  font-weight: 400;
}
.nav .nav__links--btn:hover {
  border-bottom: none;
  background-color: #262930;
  opacity: 1;
}
.nav .nav__links--btn:hover a {
  color: white;
}
.nav .nav__logo img {
  height: 36px;
  float: left;
  position: relative;
}

#page_contact .nav a {
  color: #262930;
}
#page_contact .nav .nav__mobile-full a {
  color: white;
}
#page_contact .nav .nav__mobile-full .nav__mobile-full-links--btn a {
  color: #262930;
}
#page_contact .nav .nav__links--btn {
  background-color: #21b2bd;
}
#page_contact .nav .nav__links--btn a {
  color: white;
}

@keyframes fadedown {
  from {
    opacity: 0;
    top: 0px;
  }
  to {
    opacity: 1;
    top: 23px;
  }
}
#nav__mobile-full-js {
  opacity: 0;
  visibility: hidden;
}

#nav__mobile-burger {
  width: 100%;
  height: 35px;
  position: relative;
  cursor: pointer;
  z-index: 300;
  display: none;
}

.header__nav div span {
  position: absolute;
  height: 3px;
  width: 35px;
  background: #ffffff;
  border-radius: 8px;
  opacity: 1;
  right: 0;
  webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
}

.sticky_nav div span {
  position: absolute;
  height: 3px;
  width: 35px;
  background: #000000;
  border-radius: 8px;
  opacity: 1;
  right: 0;
  webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
}
.sticky_nav div.open span {
  background: #ffffff;
}

#nav__mobile-burger span:nth-child(odd) {
  transition: transform, 0.5s;
  -webkit-transition: transform, 0.5s;
}

#nav__mobile-burger span:nth-child(1) {
  top: 0px;
}

#nav__mobile-burger span:nth-child(2) {
  top: 10px;
  transition: opacity, 0.5s;
  -webkit-transition: opacity, 0.5s;
}

#nav__mobile-burger span:nth-child(3) {
  top: 20px;
}

#nav__mobile-burger.open span {
  transition: transform, 0.5s;
  -webkit-transition: transform, 0.5s;
  right: 0px;
}

#nav__mobile-burger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}

#nav__mobile-burger.open span:nth-child(2) {
  opacity: 0;
  transition: opacity, 0.5s;
}

#nav__mobile-burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 25px;
}

.nav__mobile-full {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: #262930;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}

.nav__mobile-full-links {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
}

.nav__mobile-full-links a {
  color: #ffffff;
  padding-bottom: 30px;
  border-bottom: none;
  text-transform: uppercase;
  font: 200 14px/20px "proxima-nova", helvetica, sans-serif;
  letter-spacing: 0.1em;
}

.nav__mobile-full-links--btn a {
  background-color: white;
  color: #262930;
  padding: 10px 20px;
  border-radius: 20px;
}

@media screen and (max-width: 900px) {
  .nav__links {
    display: none;
  }

  #nav__mobile-burger {
    position: absolute;
    top: 28px;
    right: 28px;
    display: flex;
    width: 40px;
  }
}
footer {
  background-color: #262930;
  height: 100%;
}
footer hr {
  border: none;
  background-color: #3087ff;
  background-image: linear-gradient(90deg, #262930, #3087ff, #21b2bd);
  height: 10px;
  margin: 0px;
}
footer .container {
  padding: 75px 0px 80px 0px;
}

.footer__content img {
  height: 40px;
}

@media only screen and (max-width: 576px) {
  footer .container {
    padding: 30px 0px;
  }
}
.tiles__img {
  position: relative;
  width: 23%;
}

.tiles__img img {
  position: absolute;
  top: 0;
  left: 0;
}

[class^=tiles__img--top-] {
  z-index: -1;
  animation-name: crossFadeInOut-01;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  animation-direction: alternate;
}

.tiles__img--top-02 {
  animation-delay: 1s;
}

.tiles__img--top-03 {
  animation-delay: 2s;
}

.tiles__img--top-04 {
  animation-delay: 3s;
}

.tiles__img--top-05 {
  animation-delay: 4s;
}

.tiles__img--top-06 {
  animation-delay: 5s;
}

.tiles__img--top-07 {
  animation-delay: 6s;
}

.tiles__img--top-08 {
  animation-delay: 7s;
}

.tiles__img--bottom {
  opacity: 1;
  z-index: -2;
}

.tiles {
  height: 230px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

@keyframes crossFadeInOut-01 {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles {
    height: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tiles__img {
    width: 48%;
    height: 52%;
  }

  .tiles {
    height: 510px;
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .tiles__img {
    width: 48%;
  }

  .tiles {
    height: 270px;
    width: 300px;
    margin: 0 auto;
  }
}
.header {
  height: 600px;
  background-repeat: no-repeat;
  background-position: center calc(100% - 10px), center, center;
  background-size: 98%, cover, contain;
  background-image: url("../bigchip.ca.img/overlay-lines-01.svg"), url("../bigchip.ca.img/overlay-cicle-01.svg"), linear-gradient(60deg, #21b2bd 10%, #3087ff 65%);
}

.header__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

header.col-12 h1 {
  padding: 10px 0 40px;
}

.header-content__text h1 {
  padding: 13% 0px 40px 0px;
  animation-name: fadein;
  animation-duration: 1s;
}

div[class^=header-content__image] {
  background-repeat: no-repeat;
  background-position: center center, 8% calc(100% - 65px), 92% calc(100% - 65px);
  background-size: 65%, 180px, 180px;
  margin: 0 auto;
  height: 380px;
}

.header-content__image--home {
  background-image: url("../bigchip.ca.img/header-img-home.png"), url("../bigchip.ca.img/header-img-rhs-home.svg"), url("../bigchip.ca.img/header-img-lhs-home.svg");
}

.header-content__image--connect {
  background-image: url("../bigchip.ca.img/header-img-connect.png"), url("../bigchip.ca.img/header-img-rhs-connect.svg"), url("../bigchip.ca.img/header-img-lhs-connect.svg");
}

.header-content__image--accounting {
  background-image: url("../bigchip.ca.img/header-img-accounting.png"), url("../bigchip.ca.img/header-img-rhs-accounting.svg"), url("../bigchip.ca.img/header-img-lhs-accounting.svg");
}

#page_accounting .header {
  background-image: url("../bigchip.ca.img/overlay-lines-01.svg"), url("../bigchip.ca.img/overlay-circle-03.svg"), linear-gradient(-30deg, #5e4f9c 10%, #e83b6c 75%);
}

#page_connect .header {
  background-image: url("../bigchip.ca.img/overlay-lines-01.svg"), url("../bigchip.ca.img/overlay-circle-02.svg"), linear-gradient(-30deg, #9b3ce8 10%, #21b2bd 65%);
}

@media only screen and (max-width: 575px) {
  .header {
    height: 425px;
  }

  div[class^=header-content__image] {
    background-position: center center, 8% calc(100% - 65px), 92% calc(100% - 65px);
    background-size: contain, 0px, 0px;
    height: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header {
    height: 450px;
  }

  div[class^=header-content__image] {
    background-size: 65%, 120px, 120px;
    height: 300px;
  }

  #page_connect div[class^=header-content__image] {
    background-position: center bottom, 8% calc(100% - 100px), 92% calc(100% - 100px);
  }

  .header-content__text h1 {
    padding: 12% 0px 10px 0px;
  }
}
.bg-white-circles.testimonials {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 0;
}
.bg-white-circles.testimonials header {
  margin: auto;
  padding-bottom: 30px;
}
.bg-white-circles.testimonials .testimonial-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 20px;
}
.bg-white-circles.testimonials .testimonial-container article {
  padding: 0 20px;
  margin: 0px auto 70px;
  flex: 1;
  background: linear-gradient(#f1f1f196, #e2e2e289);
  padding: 50px 35px 30px;
  max-width: 400px;
  border-radius: 3px;
  position: relative;
}
.bg-white-circles.testimonials .testimonial-container article:last-child {
  margin: 0px auto;
}
.bg-white-circles.testimonials .testimonial-container article .quote {
  border-radius: 50%;
  background: #262930;
  width: 70px;
  height: 70px;
  padding: 20px;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.bg-white-circles.testimonials .testimonial-container article .quote img {
  width: 40px;
  height: auto;
}
.bg-white-circles.testimonials .testimonial-container article .testimonial {
  display: flex;
  flex-wrap: wrap;
  justify-items: flex-end;
  flex: 1;
  height: 100%;
  justify-content: flex-start;
}
.bg-white-circles.testimonials .testimonial-container article .testimonial figcaption {
  padding-top: 30px;
  justify-self: flex-start;
  align-self: flex-start;
  font-weight: 400;
  line-height: 25px;
}
.bg-white-circles.testimonials .testimonial-container article .testimonial figcaption .company {
  color: #949494;
}

@media only screen and (min-width: 750px) {
  .bg-white-circles.testimonials header {
    padding-bottom: 0;
  }
  .bg-white-circles.testimonials .testimonial-container {
    flex-direction: row;
    justify-content: space-around;
    max-width: 1100px;
    margin: auto;
  }
  .bg-white-circles.testimonials .testimonial-container article:first-child {
    margin: 30px 30px 0 30px;
  }
  .bg-white-circles.testimonials .testimonial-container article:nth-child(2) {
    margin: 30px 30px 0 30px;
  }
}
.contact-form {
  padding: 60px 0;
}
.contact-form form {
  background: linear-gradient(rgba(239, 239, 239, 0.3) 20%, rgba(227, 227, 227, 0.185) 100%);
  border-radius: 3px;
  padding: 25px;
  max-width: 600px;
  margin: 0 30px;
}
.contact-form form p {
  padding-bottom: 20px;
}
.contact-form form div div {
  width: 100%;
  margin-bottom: 15px;
}
.contact-form form div div label {
  line-height: 16px;
}
.contact-form form div div.mce_inline_error {
  background-color: transparent !important;
  font-weight: 400 !important;
  padding: 0 0 2px 1px !important;
  color: #bb2828 !important;
  margin: 0 !important;
  font-size: 14px;
}
.contact-form form div div input {
  width: 100%;
  padding: 7px 0;
  margin: 5px 0 0 0;
  border-radius: 3px;
  border: 1.4px #a5a3a3 solid;
  font-size: 13px;
  font-family: proxima-nova;
  text-indent: 8px;
}
.contact-form form div div input:active, .contact-form form div div input:focus {
  outline: none;
  background-color: #ffeab1;
  outline-offset: 0;
  border: #dcc177 1px solid !important;
  color: #503f16;
}
.contact-form form div div input.mce_inline_error {
  border: #cf6c68 solid 1px !important;
  background-color: #f3d9da;
}
.contact-form form div div input[type=submit] {
  font-family: proxima-nova;
  font-size: 16px;
  font-weight: 200;
  text-transform: uppercase;
  background-color: #1b1b3d;
  color: #ffffff;
  border-style: none;
  border: none;
  padding: 10px 0;
  border-radius: 50px;
  width: 100%;
}
.contact-form form div div input[type=submit]:hover {
  cursor: pointer;
  background: #0c0c1d;
  text-shadow: none;
}
.contact-form form div div input[type=submit]:active, .contact-form form div div input[type=submit]:focus {
  border: none !important;
}
.contact-form form div div #mce-SHORT {
  margin-top: 5px;
  width: 100%;
  padding: 7px;
  height: 64px;
  resize: none;
  text-align: start;
  border-radius: 3px;
  border: 1px #a5a3a3 solid !important;
  font-size: 13px;
  font-family: proxima-nova;
}
.contact-form form div div #mce-SHORT:active, .contact-form form div div #mce-SHORT:focus {
  outline: none;
  background-color: #ffeab1;
  outline-offset: 0;
  border: #dcc177 1px solid;
  color: #503f16;
}

@media only screen and (min-width: 700px) {
  .contact-form form div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    vertical-align: top;
    align-items: flex-start;
  }
  .contact-form form div:first-child, .contact-form form div:nth-child(2) {
    width: 49%;
  }
}
article {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

article + article {
  padding-top: 50px;
}

[class*=article__img] {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 85%;
}

.article figure {
  padding: 25px;
}

.article__img--employee-management {
  background-image: url("../bigchip.ca.img/employee-management-shadow.png");
  z-index: -2;
}
.article__img--employee-management img {
  z-index: -1;
}

.article__img--icons img {
  height: 100px;
  margin: 30px 0px;
  padding: 0px;
}

.article__img--interface {
  background-image: url("../bigchip.ca.img/intuative-interface-shadow.png");
}

.article__img--management-reporting {
  background-image: url("../bigchip.ca.img/management-reporting-shadow.png");
}

.article__img--schedule {
  background-image: url("../bigchip.ca.img/schedule-shadow.png");
}

.article__img--time-off {
  background-image: url("../bigchip.ca.img/time-off-request-shadow.png");
}

.article__text--bullets li:before {
  content: url("../bigchip.ca.img/bullet-yay.svg");
  display: inline-block;
  height: 22px;
  width: 22px;
  padding-right: 7px;
  vertical-align: middle;
}

.article__text--bullets li {
  margin-bottom: 10px;
}

.bg-dark {
  background-color: #262930;
}

[class*=bg-gradient] {
  background-position: center, center;
  background-size: cover, contain;
  -webkit-background-size: cover, contain;
  -moz-background-size: cover, contain;
  background-repeat: no-repeat;
}

.bg-gradient-blue {
  background-image: url("../bigchip.ca.img/overlay-cicle-01.svg"), linear-gradient(-30deg, #9b3ce8 10%, #21b2bd 65%);
}

.bg-gradient-pink {
  background-image: url("../bigchip.ca.img/overlay-circle-03.svg"), linear-gradient(-30deg, #f08684 10%, #e83b66 65%);
}

.bg-gradient-green {
  background-image: url("../bigchip.ca.img/overlay-cicle-01.svg"), linear-gradient(60deg, #21b2bd 10%, #3087ff 65%);
  background-size: cover;
  background-position: right;
}

.bg-white-circles {
  background-image: url("../bigchip.ca.img/content-rounded-bottom-left.svg"), url("../bigchip.ca.img/content-rounded-top-right.svg");
  background-position: bottom left, top right;
  background-repeat: no-repeat;
  background-size: 85px, 130px;
  border-bottom: #eeeeee 1px solid;
}
.bg-white-circles .container .tiles {
  padding: 0 20px;
}

.center {
  text-align: center;
}

p[class*="--center"] {
  text-align: center;
}

.table {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #eeeeee;
  padding: 20px 0px;
}
.table p {
  padding-bottom: 0px;
}

.table__desc {
  display: flex;
  flex-wrap: wrap;
}

.table__desc--icons img {
  padding: 10px;
}

.img-bob {
  position: relative;
  animation-name: bob;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

.infographic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.infographic img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

.infographic p {
  line-height: 15px;
}

.infographic__icon {
  display: flex;
  justify-content: center;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opactiy: 1;
  }
}
@keyframes bob {
  0% {
    bottom: 0px;
  }
  50% {
    bottom: 5px;
  }
  100% {
    bottom: 0px;
  }
}
section {
  padding: 80px 0px;
}

header + section {
  padding: 110px 0px 80px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-white-circles {
    background-size: 95px, 130px;
  }
  .bg-white-circles .container {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .alt-line-height {
    padding-top: 0px;
  }

  #page_connect .header-banner-image {
    background-size: 73%, 22%, 22%;
    background-position: center center, 0%, 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bg-white-circles {
    background: none;
  }
}
@media only screen and (max-width: 575px) {
  .article__text + .article__text {
    padding-top: 15px;
  }

  .table__desc--icons img {
    padding: 0px;
  }

  .bg-white-circles {
    background-size: 75px, 90px;
  }
}
.row-reverse {
  flex-direction: row-reverse;
}

.column-reverse {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 768px) {
  .container .column-reverse {
    flex-direction: unset;
  }
}

/*# sourceMappingURL=main.css.map */