/*------------------------------------------------*\

  Studio123 Base Boilerplate (base.css)

  Author: Cody Marcoux (Studio123)
  Author URI: http://studio123.ca/

  NOTE:
  Based on the lovely Skeleton.css by Dave Gamache ( https://github.com/dhg )
  See documentation at: http://getskeleton.com/

\*------------------------------------------------*\

/*------------------------------------------------*\
   Table of Contents
\*------------------------------------------------*\

  - Grid
  - Globals / Base
  - Typography
  - Links / Anchors
  - Buttons
  - Forms / Inputs
  - Lists
  - Code / Pre
  - Tables
  - Spacing
  - Utilities
  - Flex Utilities
  - Clearing
  - Modals
  - Venobox
  - Iconography

/*------------------------------------------------*\
   Grid
\*------------------------------------------------*/

.container {
  position: relative;
  width: 95%;
  max-width: 100rem;
  margin: 0 auto;
  box-sizing: border-box;
}

header#main-header .container {
  max-width: 120rem;
  padding: 0 1rem;
}

.column, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

@media (min-width: 80em) {
  .container {
    padding: 0;
  }
}

@media (min-width: 65em) {
  .container {
    width: 100%;
  }
  .column, .columns {
    margin-left: 4%;
  }
  .column:first-child, .columns:first-child {
    margin-left: 0;
  }
  .column.u-no-margin, .columns.u-no-margin {
    margin-left: 0;
  }
  .column.u-pull-left, .columns.u-pull-left {
    margin-left: 0;
  }
  .one.column, .one.columns {
    width: 4.66666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74.0%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-thirds.column {
    width: 65.3333333333%;
  }
  .one-half.column {
    width: 48%;
  }
  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }
  .offset-by-two.column, .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column, .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column, .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column, .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column, .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column, .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column, .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column, .offset-by-nine.columns {
    margin-left: 78.0%;
  }
  .offset-by-ten.column, .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column, .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column, .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column, .offset-by-one-half.columns {
    margin-left: 52%;
  }
}


/*------------------------------------------------*\
   Globals / Base
\*------------------------------------------------*/

/* NOTE
html is set to 62.5% so that all the REM measurements throughout are based on 10px sizing. So basically 1.5rem = 15px :)
*/

html {
  font-size: 62.5%;
}

@media only screen and (min-width: 100em) {
  html {
    font-size: 0.62vw;
  }
}

body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "chaloops", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}


/*------------------------------------------------*\
   Typography
\*------------------------------------------------*/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'chaloops', sans-serif;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700;
}

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}


/* Larger than phablet */

@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem;
  }
  h2 {
    font-size: 4.2rem;
  }
  h3 {
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3.0rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 1.5rem;
  }
}

p {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

p:last-child {
  margin-bottom: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*------------------------------------------------*\
   Links / Anchors
\*------------------------------------------------*/

a {
  color: #1EAEDB;
}

a:hover {
  color: #0FA0CE;
}

/*------------------------------------------------*\
   Buttons
\*------------------------------------------------*/

.button, button:not(.tab), input[type="submit"], input[type="reset"], input[type="button"] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  background-image: url('../img/main-button-bg.svg');
  background-size: 18rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 18.3rem;
  height: 6.3rem;
  margin-bottom: 0;
  transition: 0.3s ease;
}

section.purple .button {
  background-image:url('../img/purple-button-bg.svg');
}

@media only screen and (max-width:45em) {
  .button, button, input[type="submit"], input[type="reset"], input[type="button"] { 
    font-size:1.5rem;
    background-size: 16rem;
    width: 16rem;
    height: 6rem;
    padding:1rem;
  }
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color:rgba(0,0,0,.5);
}

section.purple .button:hover ,
section.purple .button:active ,
section.purple .button:focus {
  color:#BB67F2;
}

@media only screen and (max-width:45em) {
  section.purple .button:hover,
  section.purple .button:active,
  section.purple .button:focus {
    color:#8e0063;
  }
}

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}


/*------------------------------------------------*\
   Forms and Inputs
\*------------------------------------------------*/

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}


/* Removes awkward default styles on some inputs for iOS */

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

label, legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type="checkbox"], input[type="radio"] {
  display: inline;
}

label>.label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: normal!important;
  height: auto!important;
  padding: 1.5rem;
}

 /* Gravity Forms Defaults */

.gform_wrapper {
  position: relative;
}

img.gform_ajax_spinner {
  position: absolute !important;
  z-index: 999999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(255, 255, 255, 0.75);
}

 /* Hide form placeholders on focus */

 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777; transition: 0.35s ease; }
 input:-moz-placeholder, textarea:-moz-placeholder { color: #777; transition: 0.35s ease; }
 input::-moz-placeholder, textarea::-moz-placeholder { color: #777; transition: 0.35s ease; }
 input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #777; transition: 0.35s ease; }

 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; }
 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; }
 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; }


/*------------------------------------------------*\
   Lists
\*------------------------------------------------*/

ul {
  list-style: disc inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}


/*------------------------------------------------*\
   Code / Pre
\*------------------------------------------------*/

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre>code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
  overflow-x: scroll;
}


/*------------------------------------------------*\
   Tables
\*------------------------------------------------*/

th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child, td:first-child {
  padding-left: 0;
}

th:last-child, td:last-child {
  padding-right: 0;
}


/*------------------------------------------------*\
   Spacing
\*------------------------------------------------*/

button, .button {
  margin-bottom: 1rem;
}

input, textarea, select, fieldset {
  margin-bottom: 1.5rem;
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
  margin-bottom: 2.5rem;
}

p:last-child {
  margin-bottom:0;
}


/*------------------------------------------------*\
   Utilities
\*------------------------------------------------*/

.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

.u-text-right {
  text-align: right;
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

@media only screen and (max-width:55em) {
  .u-reverse-tablet {
    display:flex;
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width:35em) {
  .u-reverse-mobile {
    display:flex;
    flex-direction: column-reverse;
  }
}

/*------------------------------------------------*\
   Flex Utilities
\*------------------------------------------------*/

.u-flex {
  display: flex;
}

.u-flex.top-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.u-flex.top-center {
  align-items: flex-start;
  justify-content: center;
}

.u-flex.top-right {
  align-items: flex-start;
  justify-content: flex-end;
}

.u-flex.center-left {
  align-items: center;
  justify-content: flex-start;
}

.u-flex.center-center {
  align-items: center;
  justify-content: center;
}

.u-flex.center-right {
  align-items: center;
  justify-content: flex-end;
}

.u-flex.bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}

.u-flex.bottom-center {
  align-items: flex-end;
  justify-content: center;
}

.u-flex.bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

/*------------------------------------------------*\
   Misc
\*------------------------------------------------*/

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/*------------------------------------------------*\
   Clearing
\*------------------------------------------------*/

/* Self Clearing Goodness */

.container:after, .row:after, .u-cf {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------------------*\
   AutoHide Admin Bar
\*------------------------------------------------*/

#wpadminbar {
  transition: 0.4s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-90%);
  opacity: 0.6;
}

#wpadminbar:hover {
  transform: translateY(0);
  opacity: 1;
}

/*------------------------------------------------*\
   Modals
\*------------------------------------------------*/

.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.35);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  visibility: none;
  pointer-events: none;
  opacity: 0;
  height:0;
  z-index: -1;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 110px -20px rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 110px -20px rgba(0,0,0,.5);
  -o-box-shadow: 0 0 110px -20px rgba(0,0,0,.5);
  -ms-box-shadow: 0 0 110px -20px rgba(0,0,0,.5);
  box-shadow: 0 0 110px -20px rgba(0,0,0,.5);
  text-align: left;
}

.jquery-modal.blocker.current .modal {
  position: relative;
  opacity: 1;
  height:auto;
  z-index: 2;
  pointer-events: all;
  visibility: visible;
}

.modal a.close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block;
  padding:.5rem;
  width: 2rem;
  height: 2rem;
  z-index: 999;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' viewBox='214.4118873826903 118.33263816475495 337.26381647549533 324.50052137643394' width='333.26' height='320.5'%3E%3Cdefs%3E%3Cpath d='M268.59 146.28L372.12 254.06L479.19 119.33L548.68 149.11L406.15 300.15L535.2 387.36L476.35 439.83L360.06 332.05L251.57 435.58L215.41 389.49L335.25 295.89L220.38 190.24L268.59 146.28Z' id='b1NQcEVnS6'%3E%3C/path%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cuse xlink:href='%23b1NQcEVnS6' opacity='1' fill='%23ffffff' fill-opacity='1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*------------------------------------*\
    Venobox
\*------------------------------------*/
/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
  -webkit-backface-visibility: hidden;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.vbox-overlay * { 
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.vbox-overlay{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1040;
  -webkit-transform:translateZ(1000px);
  transform: translateZ(1000px);
  transform-style: preserve-3d;
  background-color:rgba(0, 0, 0, 0.51) !important;
}

/* ----- navigation ----- */
.vbox-title{
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 40px;
  overflow: hidden;
  position: fixed;
  display: none;
  left: 0;
  z-index: 1050;
}
.vbox-close{
  cursor: pointer;
  position: fixed;
  text-indent: -9999px;
  top: 2rem;
  background-color:transparent !important;
  right: 2rem;
  width: 50px;
  height: 40px;
  padding: 6px;
  display: block;
  background-position:10px center;
  overflow: hidden;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  z-index: 1050;
  transition: 0.3s ease all;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' viewBox='214.4118873826903 118.33263816475495 337.26381647549533 324.50052137643394' width='333.26' height='320.5'%3E%3Cdefs%3E%3Cpath d='M268.59 146.28L372.12 254.06L479.19 119.33L548.68 149.11L406.15 300.15L535.2 387.36L476.35 439.83L360.06 332.05L251.57 435.58L215.41 389.49L335.25 295.89L220.38 190.24L268.59 146.28Z' id='b1NQcEVnS6'%3E%3C/path%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cuse xlink:href='%23b1NQcEVnS6' opacity='1' fill='%23ffffff' fill-opacity='1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

.vbox-close:hover,
.vbox-close:active,
.vbox-close:focus {
  transform: scale(1.2) rotate(5deg);
}

.vbox-num{
  cursor: pointer;
  position: fixed;
  left: 0;
  height: 40px;
  display: block;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  display: none;
  z-index: 1050;
}
/* ----- navigation ARROWS ----- */
.vbox-next, .vbox-prev{
  position: fixed;
  top: 50%;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 1050;
}
.vbox-next span, .vbox-prev span{
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: #B6B6B6;
  border-right-color: #B6B6B6;
  text-indent: -100px;
  position: absolute;
  top: 8px;
  display: block;
}
.vbox-prev{
  left: 15px;
}
.vbox-next{
  right: 15px;
}
.vbox-prev span{
  left: 10px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.vbox-next span{
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px;
}
/* ------- inline window ------ */
.vbox-inline{
  width: 420px;
  height: 315px;
  height: 70vh;
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  overflow: auto;
  text-align: left;
}
/* ------- Video & iFrames window ------ */
.venoframe{
  max-width: 100%;
  width: 100%;
  border: none;
  width: 100%;
  height: 260px;
  height: 70vh;
}
.venoframe.vbvid{
  height: 260px;
}
@media (min-width: 768px) {
  .venoframe, .vbox-inline{
      width: 90%;
      height: 360px;
      height: 70vh;
  }
  .venoframe.vbvid{
      width: 640px;
      height: 360px;
  }
}
@media (min-width: 992px) {
  .venoframe, .vbox-inline{
      max-width: 1200px;
      width: 80%;
      height: 540px;
      height: 70vh;
  }
  .venoframe.vbvid{
      width: 960px;
      height: 540px;
  }
}
/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
.vbox-open{
  overflow: hidden;
}
.vbox-container{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%;

}

.vbox-content{
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 20px 10px;
}
.vbox-container img{
  max-width: 100%;
  height: auto;
}
.figlio{
  box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  max-width: 100%;
  text-align: initial;
}
img.figlio{
  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.vbox-content.swipe-left{
  margin-left: -200px !important;
}
.vbox-content.swipe-right{
  margin-left: 200px !important;
}
.animated{
  webkit-transition: margin 300ms ease-out;
  transition: margin 300ms ease-out;
}
.animate-in{
  opacity: 1;
}
.animate-out{
  opacity: 0;
}
/* ---------- preloader ----------
* SPINKIT 
* http://tobiasahlin.com/spinkit/
-------------------------------- */
.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}


/*------------------------------------------------*\
   Owl Carousel
\*------------------------------------------------*/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;    
    -webkit-touch-callout: none; }

  .owl-carousel .owl-wrapper {
      display: flex !important;
  }
  .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: cover; 
  }
  
  @media only screen and (max-width:80em) {
    .owl-carousel .owl-item img {
      width: auto;
      height: 50rem;
    }
  }

  @media only screen and (max-width:65em) {
    .owl-carousel .owl-item img {
      width: 100%;
      max-width: 100%;
      height: 50rem;
      object-fit: cover; 
    }
  }
  @media only screen and (max-width:35em) {
    .owl-carousel .owl-item img {
      height: 25rem;
    }
  }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    position: absolute !important;
  }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width:auto;
    height:auto; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }


.owl-height {
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  /*
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

  .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 9999;
    top:0;
    left:0;
    pointer-events: none;
  }

  .owl-prev {
    pointer-events: all;
    transition: none;
    left:0;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxIDY1Ij48ZyBkYXRhLW5hbWU9IlJvdGF0b3IvZWxlbWVudC9hcnJvdyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNDJ2NjZILTF6Ii8+PHBhdGggZD0iTTMyIDY0LjQxbDcuMzEtOS4yMkwxNS45NCAzMiA0MC40MSA4IDMxLjEzLjI1LjE5IDMyem0wLTIuNzhMMi40MSAzMiAzMiAyLjQxIDM3LjU5IDhsLTI0IDI0YTguNzQgOC43NCAwIDAgMCAuNTQgMS40NEwzNy41OSA1NnpNMzEgNThhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptLTEuNTktMy41OWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6TTIyIDQ5YTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptLTMtM2ExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bS0xLjU5LTMuNTlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXpNMTAgMzdhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptNC40MS00LjU5YTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXpNMTUgMjdhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0xLjQxLTMuNTlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxek0yMSAyMWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTMtM2ExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTMuNDEtMS41OWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTItNWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6TTMzIDlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxeiIgZmlsbD0iI2ZmZmRmNiIgZGF0YS1uYW1lPSJpY29uczgtbW9yZSB0aGFuIi8+PC9nPjwvc3ZnPg==) !important;
    background-color: transparent !important;
    background-size: cover !important;
    width: 4.023rem !important;
    height: 6.416rem !important;
    left: 2.259rem;
  }

  .owl-next {
    pointer-events: all;
    transition: none;
    right:0;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxIDY1Ij48ZyBkYXRhLW5hbWU9IlJvdGF0b3IvZWxlbWVudC9hcnJvdyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNDJ2NjZILTF6Ii8+PHBhdGggZD0iTTMyIDY0LjQxbDcuMzEtOS4yMkwxNS45NCAzMiA0MC40MSA4IDMxLjEzLjI1LjE5IDMyem0wLTIuNzhMMi40MSAzMiAzMiAyLjQxIDM3LjU5IDhsLTI0IDI0YTguNzQgOC43NCAwIDAgMCAuNTQgMS40NEwzNy41OSA1NnpNMzEgNThhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptLTEuNTktMy41OWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6TTIyIDQ5YTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptLTMtM2ExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bS0xLjU5LTMuNTlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXpNMTAgMzdhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptNC40MS00LjU5YTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXpNMTUgMjdhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0xLjQxLTMuNTlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxek0yMSAyMWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTMtM2ExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTMuNDEtMS41OWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTItNWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6TTMzIDlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxeiIgZmlsbD0iI2ZmZmRmNiIgZGF0YS1uYW1lPSJpY29uczgtbW9yZSB0aGFuIi8+PC9nPjwvc3ZnPg==) !important;
    background-color: transparent !important;
    background-size: cover !important;
    width: 4.023rem !important;
    height: 6.416rem !important;
    transform: rotate(180deg) translate(0, 50%);
    transform-origin: 50% 50%;
    right: 2.259rem;
  }

  @media only screen and (max-width:35em) {
    .owl-next {
      width:2rem !important;
      height:3rem !important;
      right:1rem !important;
    }
    
    .owl-prev {
      width:2rem !important;
      height:3rem !important;
      left:1rem !important;
    }
  } 

  .owl-next:hover, 
  .owl-next:active, 
  .owl-next:focus, 
  .owl-prev:hover, 
  .owl-prev:active, 
  .owl-prev:focus {
    background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxIDY1Ij48ZyBkYXRhLW5hbWU9IlJvdGF0b3IvZWxlbWVudC9hcnJvdyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNDJ2NjZILTF6Ii8+PHBhdGggZD0iTTMyIDY0LjQxbDcuMzEtOS4yMkwxNS45NCAzMiA0MC40MSA4IDMxLjEzLjI1LjE5IDMyem0wLTIuNzhMMi40MSAzMiAzMiAyLjQxIDM3LjU5IDhsLTI0IDI0YTguNzQgOC43NCAwIDAgMCAuNTQgMS40NEwzNy41OSA1NnpNMzEgNThhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptLTEuNTktMy41OWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6TTIyIDQ5YTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptLTMtM2ExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bS0xLjU5LTMuNTlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXpNMTAgMzdhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0tMy0zYTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXptNC40MS00LjU5YTEgMSAwIDEgMC0xLTEgMSAxIDAgMCAwIDEgMXpNMTUgMjdhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxem0xLjQxLTMuNTlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxek0yMSAyMWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTMtM2ExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTMuNDEtMS41OWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6bTItNWExIDEgMCAxIDAtMS0xIDEgMSAwIDAgMCAxIDF6TTMzIDlhMSAxIDAgMSAwLTEtMSAxIDEgMCAwIDAgMSAxeiIgZmlsbD0iI2FjZGZlMCIgZGF0YS1uYW1lPSJpY29uczgtbW9yZSB0aGFuIi8+PC9nPjwvc3ZnPg==) !important;
  }

  .owl-next:focus,
  .owl-prev:focus {
    outline:none !important;
  }
  
  
  .owl-nav [class*='owl-'] { }
      
    .owl-nav .disabled {
      opacity: 0.5;
      cursor: default; }
  
  .owl-nav.disabled + .owl-dots {
    margin-top: 10px; }
  
  .owl-dots {
    position: absolute;
    bottom:2rem;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    -webkit-tap-highlight-color: transparent; }

  @media only screen and (max-width:35em) {
    .owl-dots { 
      bottom:1rem; 
    }
  }
    .owl-dots .owl-dot {
      display: inline-block;
      zoom: 1;
      *display: inline; }
      .owl-dots .owl-dot span {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIj48c3R5bGU+LnN0MHtmaWxsOm5vbmV9LnN0MXtmaWxsOiNmZmZ9PC9zdHlsZT48ZyBpZD0idjAxMS0tLWRlc2t0b3AtY29udGVudCI+PGcgaWQ9IkFzc2V0LVNoZWV0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE4IC0zMDAxKSI+PGcgaWQ9IlJvdGF0b3JEb3RzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTggMzAwMSkiPjxnIGlkPSJSb3RhdG9yX3gyRl9lbGVtZW50X3gyRl9kb3QiPjxwYXRoIGlkPSJCYWNrZ3JvdW5kIiBjbGFzcz0ic3QwIiBkPSJNMCAwaDEydjEySDB6Ii8+PGcgaWQ9IlBhdGgtMiI+PHBhdGggaWQ9InBhdGgtMV8xXyIgY2xhc3M9InN0MSIgZD0iTS45IDYuNWMtLjQtNCAuNy02LjUgNi02LjVzNi41IDggMy4yIDEwLjItOC44LjQtOS4yLTMuN3oiLz48L2c+PGRlZnM+PGZpbHRlciBpZD0iQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvZGVmcz48bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGlkPSJtYXNrLTJfMV8iPjxnIGZpbHRlcj0idXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcikiPjxwYXRoIGlkPSJwYXRoLTFfMl8iIGNsYXNzPSJzdDEiIGQ9Ik0uOSA2LjVjLS40LTQgLjctNi41IDYtNi41czYuNSA4IDMuMiAxMC4yLTguOC40LTkuMi0zLjd6Ii8+PC9nPjwvbWFzaz48ZyBpZD0iQ29sb3JfeDJGX1RlYWwiIG1hc2s9InVybCgjbWFzay0yXzFfKSI+PHBhdGggaWQ9IkJhY2tncm91bmRfMV8iIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDBlMGZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=);
        background-size: cover;
        background-repeat: no-repeat;
    }
      .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0uOTA2IDYuNTM5Qy41MjkgMi40ODkgMS41NTMgMCA2Ljk0NSAwYzUuMzkyIDAgNi40NyA3Ljk2IDMuMjM1IDEwLjIzNS0zLjIzNSAyLjI3NC04Ljg5Ny4zNTQtOS4yNzQtMy42OTZ6IiBpZD0iYSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMTJ2MTJIMHoiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PGcgbWFzaz0idXJsKCNiKSI+PHBhdGggZD0iTTAgMGgxMnYxMkgweiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz48L2c+PC9nPjwvc3ZnPg==); }
  

/*------------------------------------------------*\
   Iconography
\*------------------------------------------------*/

     /* Paste CSS from Fontastic.me here  */


  /* End base.css  */