@charset "UTF-8";
/*!
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Longbeard
Author URI: https://www.longbeard.com
Version: 1.0.0
Template: bridge
*/
/******************************************************************
†JMJ
Site Name: 
Author: Longbeard

Stylesheet: Main Stylesheet
******************************************************************/
/*********************
IMPORT ELEMENTS
*********************/
/******************************************************************

Stylesheet: Variables

******************************************************************/
/* Colours */
/* Spacing / Padding */
/******************************************************************

Stylesheet: Typography

******************************************************************/
/*********************
FONT FACE
*********************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
h1,
.h1 {
  font: 600 1.875rem/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #262323;
}

h2,
.h2 {
  font: 700 1rem/1.6em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h3,
.h3 {
  font: 600 2.5rem/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4,
.h4 {
  font: 400 1.75rem/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h5,
.h5 {
  font: 400 1.5rem/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h6,
.h6 {
  font: 400 1rem/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
  font: 400 1rem/1.6em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

::selection {
  background: #262323;
  color: #fff;
}

/*****************************************************************

Stylesheet: Mixins Stylesheet

******************************************************************/
/*************************
MEDIA QUERY (MQ)
*************************/
/**********************
BUTTONS
**********************/
/**************************
RESPONSIVE RATIO
**************************/
/************************
CENTER DIV
************************/
/************************
PADDING ASSIST
************************/
/*********************************
SVG BACKGROUND IMAGE WITH FALLBACK
*********************************/
/* USAGE
.lb_div {
    @include background-image('bg');
}
** must have bg.svg, bg.png & bg@2x.png */
/*********************
IMPORT PAGES
*********************/
/******************************************************************

Site Name: High Park Group

Stylesheet: Universal Site Styles

Only put styles in here that will be used across the entire site.
For styles only applying to one particular page, use the appropriate
page SCSS file.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
html {
  font-size: 18px;
}
@media (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  html {
    font-size: 14px;
  }
}

body {
  font: 400 1rem/1.6em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #707070;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.menu-active {
  overflow: hidden !important;
}

/*********************
LINK STYLES
*********************/
a,
a:visited {
  color: #D3353B;
  /* on hover */
}
a:focus, a:hover, a:active,
a:visited:focus,
a:visited:hover,
a:visited:active {
  color: #D3353B;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  margin-top: 0;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /* 
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  text-decoration: none;
}

p b {
  color: #000000;
}

/*********************
HEADER & NAV STYLES
*********************/
/******************************************************************

Site Name: High Park Group

Stylesheet: Global Header

******************************************************************/
/*********************
Header
*********************/
.lb-header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .lb-header {
    position: initial;
    overflow: initial;
    height: 100px;
    background: #ffffff;
  }
}
@media (max-width: 600px) {
  .lb-header {
    height: 75px;
  }
}
.lb-header .ct-section-inner-wrap {
  max-width: 100%;
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 {
  position: absolute;
  left: 4.1666666667vw;
  top: 6.25vw;
  pointer-events: initial;
}
@media (max-width: 1300px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 {
    left: 2.0833333333vw;
  }
}
@media (max-width: 1024px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 {
    left: 8.3333333333vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
  }
}
.lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 a {
  opacity: 1;
  transition: 0.25s cubic-bezier(0.68, 0.17, 0.15, 0.93);
}
.lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 a img {
  width: 300px;
  height: auto;
}
@media (max-width: 1024px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 a img {
    height: 70px;
    width: auto;
  }
}
@media (max-width: 600px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 a img {
    height: 40px;
  }
}
.lb-header .ct-section-inner-wrap #ct_code_block_3_post_20 a:hover {
  opacity: 0.75;
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side {
  position: absolute;
  left: 4.1666666667vw;
  top: 18.75vw;
  pointer-events: initial;
}
@media (max-width: 1300px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side {
    left: 2.0833333333vw;
  }
}
@media (max-width: 1024px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    padding: calc(8.3333333333vw + 100px) 8.3333333333vw 0;
    transform: translateX(-100%);
    transition: 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li {
    opacity: 0;
    transition: 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93);
    transition-delay: 0.6s;
    transform: translateX(-1em);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(1) {
    transition-delay: calc(0.45s + 0.0666666667s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(2) {
    transition-delay: calc(0.45s + 0.1333333333s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(3) {
    transition-delay: calc(0.45s + 0.2s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(4) {
    transition-delay: calc(0.45s + 0.2666666667s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(5) {
    transition-delay: calc(0.45s + 0.3333333333s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(6) {
    transition-delay: calc(0.45s + 0.4s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(7) {
    transition-delay: calc(0.45s + 0.4666666667s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(8) {
    transition-delay: calc(0.45s + 0.5333333333s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(9) {
    transition-delay: calc(0.45s + 0.6s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side li:nth-child(10) {
    transition-delay: calc(0.45s + 0.6666666667s);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side.active {
    transform: translateX(0);
  }
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side.active li {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (max-width: 600px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side {
    padding: calc(8.3333333333vw + 75px) 8.3333333333vw 0;
  }
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li {
  display: inline-block;
  margin-bottom: 0.5em;
}
@media (max-width: 600px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li {
    margin-bottom: 1em;
  }
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:last-child {
  margin-bottom: 0;
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a {
  display: inline-block !important;
  width: auto;
  text-decoration: none;
  font: 700 1rem/1.6em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  overflow: hidden;
  position: relative;
  color: #262323;
  transition: 0.25s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  z-index: 2;
}
@media (max-width: 1024px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a {
    font-size: 2.5rem !important;
  }
}
@media (max-width: 600px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a {
    font-size: 1.5rem !important;
  }
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a:after {
  content: "";
  width: 1.75em;
  height: 2px;
  background: #D3353B;
  position: absolute;
  transition: 0.25s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 1;
}
@media (max-width: 1024px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a:after {
    height: 4px;
  }
}
@media (max-width: 600px) {
  .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a:after {
    height: 2px;
  }
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li a:before {
  content: "";
  width: 100%;
  height: calc(1.6em - 2px);
  background: #CFCFCF;
  position: absolute;
  transition: 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  top: 0;
  left: 0;
  opacity: 0.25;
  transform: translateX(-100%);
  z-index: -1;
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:hover a, .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:focus a, .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li.current_page_item a {
  color: #D3353B;
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:hover a:after, .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:focus a:after, .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li.current_page_item a:after {
  transform: translateX(0);
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:hover a:before, .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li:focus a:before, .lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li.current_page_item a:before {
  transform: translateX(100%);
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li.current_page_item a:before {
  transform: translateX(-100%) !important;
}
.lb-header .ct-section-inner-wrap #ct_code_block_2_post_21 .lb-menu-side ul li.current_page_item:hover a:before {
  transform: translateX(100%) !important;
}
.lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper {
  display: none;
}
@media (max-width: 1024px) {
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper {
    display: block;
    width: 25px;
    height: 19px;
    position: absolute;
    right: 8.3333333333vw;
    top: 40px;
    z-index: 20;
    pointer-events: initial;
    cursor: pointer;
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn {
    position: relative;
    width: 100%;
    height: 100%;
    transition: 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn > div {
    position: absolute;
    left: 0;
    background: #D3353B;
    width: 100%;
    height: 2px;
    transition: 0.25s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn > div:nth-child(1) {
    top: 0;
    transform-origin: top right;
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn > div:nth-child(2) {
    top: 50%;
    transform: translateY(-50%) scaleX(0.75);
    transform-origin: center right;
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn > div:nth-child(3) {
    bottom: 0;
    transform-origin: bottom right;
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn.active {
    transform: rotate(-180deg) translateX(-9px);
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn.active > div:nth-child(1) {
    top: 0;
    transform: rotate(-45deg);
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn.active > div:nth-child(2) {
    transform: translateY(-50%) scaleX(0);
  }
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper .lb-menu-btn.active > div:nth-child(3) {
    bottom: 0;
    transform: rotate(45deg);
  }
}
@media (max-width: 600px) {
  .lb-header .ct-section-inner-wrap .lb-menu-btn-wrapper {
    top: 30px;
  }
}

/*********************
GLOBAL ELEMENTS
*********************/
/*********************
Please add global elements as a partial to the "elements" folder and import here. 
Example of great canidates are title areas, accordions, or tabs.
*********************/
/******************************************************************

Site Name: High Park Group

Stylesheet: Buttons

******************************************************************/
/******************************************************************

Site Name: High Park Group
Author: LB

Stylesheet: Scroll Bar

******************************************************************/
/* width */
::-webkit-scrollbar {
  width: 9px;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  ::-webkit-scrollbar {
    width: 8px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #CFCFCF;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4B4B4B;
}

/******************************************************************

Site Name: High Park Group
Author: LB

Stylesheet: Page Template

******************************************************************/
body.oxygen-body {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  body.oxygen-body {
    position: initial;
    overflow: initial;
    height: initial;
  }
}
body.oxygen-body .lb-row-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main {
    position: initial;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap {
  height: 100%;
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns {
  height: 100%;
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap {
  height: 100%;
  display: flex !important;
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column {
    width: 100% !important;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
  opacity: 0;
  padding-top: 18.75vw;
  padding-left: 16.6666666667vw;
  padding-right: 4.1666666667vw;
  transition: 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93);
  transition-delay: 0.5s;
  padding-bottom: 10.4166666667vw;
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-bottom: 15.625vw;
  }
}
@media (max-width: 600px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-bottom: 20.8333333333vw;
  }
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-top: 8.3333333333vw;
    padding-bottom: 8.3333333333vw;
    padding-left: 0vw;
    padding-right: 0vw;
    transition-delay: 1.5s;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-top: 12.5vw;
  }
}
@media (max-width: 1024px) and (max-width: 600px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-top: 16.6666666667vw;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-bottom: 12.5vw;
  }
}
@media (max-width: 1024px) and (max-width: 600px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-bottom: 16.6666666667vw;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-left: 16.6666666667vw;
    padding-right: 16.6666666667vw;
  }
}
@media (max-width: 1024px) and (max-width: 600px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content {
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content > div {
  overflow-y: auto;
  padding-right: 1rem;
  height: calc(100vh - 22.9166666667vw - 8.3333333333vw);
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content > div {
    padding-right: 0;
    overflow: initial;
    height: initial;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content h1 {
  display: none;
  font-weight: 700 !important;
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-content h1 {
    display: block;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg {
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg {
    height: 50vw;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .lb-slides {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .lb-slides > div {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@keyframes slideIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .lb-slides > div:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #CFCFCF;
  opacity: 0;
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .ct-code-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 2;
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .ct-code-block svg {
  width: calc(100% - 25vw);
  opacity: 0;
  transition: 0.45s cubic-bezier(0.68, 0.17, 0.15, 0.93);
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .ct-code-block svg.active {
  opacity: 1;
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .ct-code-block svg {
    height: calc(100% - 16.6666666667vw);
  }
}
body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .ct-code-block img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  body.oxygen-body .lb-row-main .ct-section-inner-wrap .ct-columns .ct-columns-inner-wrap .ct-column.lb-col-bg .ct-code-block img {
    width: 100%;
    height: auto;
  }
}
body.oxygen-body.lb-ready .lb-col-content {
  opacity: 1 !important;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(1):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(2):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(3):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(4):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(5):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(6):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(7):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(8):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(9):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}
body.oxygen-body.lb-ready .lb-col-bg .lb-slides > div:nth-child(10):before {
  animation: slideIn 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.25s forwards;
}

.home {
  /******************************************************************

  Stylesheet: Home Page

  Styles for Homepage ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}
.home .lb-col-bg .lb-slides > div:before {
  transform: translateX(0) !important;
}
@keyframes slideInHomepage {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(101%);
  }
}
.home.lb-ready .lb-col-content {
  opacity: 1 !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(1):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.3s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(2):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.35s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(3):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.4s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(4):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.45s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(5):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.5s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(6):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.55s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(7):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.6s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(8):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.65s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(9):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.7s forwards !important;
}
.home.lb-ready .lb-col-bg .lb-slides > div:nth-child(10):before {
  animation: slideInHomepage 0.65s cubic-bezier(0.68, 0.17, 0.15, 0.93) 1.75s forwards !important;
}

.page-id-xx {
  /******************************************************************

  Stylesheet: About

  Styles for About page ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}

.page-id-xx {
  /******************************************************************

  Stylesheet: News

  Styles for News page ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}

.page-id-xx {
  /******************************************************************

  Stylesheet: Contact

  Styles for Contact page ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}

.search-results {
  /******************************************************************

  Stylesheet: Search Results

  Styles for search result page ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}

.single-post {
  /******************************************************************

  Stylesheet: Article/Post template

  Styles for post templates ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}

.error404 {
  /******************************************************************

  Stylesheet: About

  Styles for 404 page ONLY. If the styles will be used across the site,
  use the _base.scss file.

  ******************************************************************/
}

/*********************
PRINT STYLESHEET
*********************/
@media print {
  /******************************************************************

  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
    display: none;
  }
}

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